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

2.0 KiB

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}}

// 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)