- Code\rebar_pipeline, review_pipeline, pier-program을 정션에서 실제 폴더로 전환 - Code\rhino_mcp 및 CLAUDE_rhino배경.md 추가, .mcp.json은 PYTHONPATH로 새 위치 사용 - pier-program 내부 .git 제거(이력은 backup\pier-program_20261028.bundle에 보관) - worktree 가이드 반영(CLAUDE.local.md, HANDOFF.md) - D:\Rhino-MCP 경로 참조를 새 위치로 치환 Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
104 lines
2.0 KiB
Markdown
104 lines
2.0 KiB
Markdown
# Mockup Specification
|
|
|
|
> Phase 3 Deliverable: HTML/CSS/JS mockup definition
|
|
|
|
**Project**: {{project_name}}
|
|
**Date**: {{date}}
|
|
**Version**: 1.0
|
|
|
|
---
|
|
|
|
## 1. Mockup Scope
|
|
|
|
### 1.1 Screens to Implement
|
|
| Screen | File | Description | Priority |
|
|
|--------|------|-------------|----------|
|
|
| Home | `index.html` | Main page | High |
|
|
| | | | |
|
|
|
|
### 1.2 Mock Data
|
|
| Data | File | Description |
|
|
|------|------|-------------|
|
|
| Users | `data/users.json` | User list |
|
|
| | | |
|
|
|
|
---
|
|
|
|
## 2. Screen Details
|
|
|
|
### 2.1 {{PageName}}
|
|
|
|
**Path**: `mockup/pages/{{page}}.html`
|
|
|
|
**Layout**:
|
|
```
|
|
┌─────────────────────────────────┐
|
|
│ Header │
|
|
├─────────────────────────────────┤
|
|
│ │
|
|
│ Content │
|
|
│ │
|
|
├─────────────────────────────────┤
|
|
│ Footer │
|
|
└─────────────────────────────────┘
|
|
```
|
|
|
|
**Key Features**:
|
|
- [ ] Feature 1
|
|
- [ ] Feature 2
|
|
|
|
**Interactions**:
|
|
- Button click → Show modal
|
|
- Form submit → Display result
|
|
|
|
---
|
|
|
|
## 3. Mock Data Structure
|
|
|
|
### 3.1 {{DataName}}
|
|
|
|
```json
|
|
// data/{{data}}.json
|
|
{
|
|
"items": [
|
|
{
|
|
"id": "1",
|
|
"name": "Sample",
|
|
...
|
|
}
|
|
]
|
|
}
|
|
```
|
|
|
|
---
|
|
|
|
## 4. Folder Structure
|
|
|
|
```
|
|
mockup/
|
|
├── pages/
|
|
│ ├── index.html
|
|
│ └── ...
|
|
├── styles/
|
|
│ └── main.css
|
|
├── scripts/
|
|
│ └── app.js
|
|
└── data/
|
|
└── *.json
|
|
```
|
|
|
|
---
|
|
|
|
## 5. Validation Checklist
|
|
|
|
- [ ] All main screens implemented
|
|
- [ ] Interactions are working
|
|
- [ ] Feature verification possible with mock data
|
|
- [ ] Responsive design considered
|
|
|
|
---
|
|
|
|
## 6. Next Steps
|
|
|
|
Proceed to Phase 4: API Design/Implementation (Starter skips to Phase 5)
|