Files
Pier_v1/.hmcmkit/knowledge/templates/pipeline/phase-3-mockup.template.md
T
ahnyongjooandClaude Sonnet 5.5 964a841de1 chore(rebar): Pier_T_rebar 작업 폴더 초기 구성 및 외부 의존 파일 통합
- 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>
2026-10-28 11:20:18 +09:00

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)