screen-spec

# Screen Spec Skill `/screen-spec` 의 실행 엔진. PRD 하나를 읽어 **화면정의서 5종을 각각 별도 파일로** 만든다. ## 출력 계약 (타협 불가) `docs/prd/screens/<feature>/` 아래에 아래 5개 파일을 만든다. **하나의 문서로 합치지 않는다.** 각 산출물은 해당 보일러플레이트를 Read해서 PRD 데이터로 채운다. | # | 파일 | 보일러플레이트 (`${CLAUDE_PLUGIN_ROOT}/skills/screen-spec/`) | |---|---|---| | 1 | `01-IA.md` | `templates/01-IA.md` — 정보구조도, 페이지 ↔ FR 매핑 | | 2 | `02-USER-FLOW.md` | `templates/02-USER-FLOW.md` — 분기 조건까지 명시한 플로우 | | 3 | `03-SCREEN-SPEC.md` | `templates/03-SCREEN-SPEC.md` — 화면당 7개 슬롯 | | 4 | `04-WIREFRAME.html` | `templates/04-WIREFRAME.html` (web) / `templates/04-WIREFRAME-mobile.html` (mobile) | | 5 | `05-DEV-HANDOFF.md` | `templates/05-DEV-HANDOFF.md` — FR ↔ 화면 ↔ 컴포넌트 | 01 → 02 → 03 → 04 → 05 순서로 만든다. 앞 산출물이 뒤 산출물의 입력이다. ## 입력 — PRD가 단일 진실원 `docs/prd/PRD_<feature>.md` 를 읽는다. Role Key · FR ID · Route · 상태는 PRD에서 **그대로 인용**하고 새로 지어내지 않는다. | PRD 섹션 | 쓰이는 곳 | |---|---| | §2.3 User Roles | 각 화면의 Audience (Role Key를 그대로) | | §3 Functional Requirements | 페이지 ↔ FR 매핑 (01, 05) | | §5.4 Pages | 대상 페이지 목록 (route / auth / responsive) | | §5.4.1 Page State Matrix | 화면별 상태 명세 (03) | | §5.5 User Flow | 플로우 확장의 출발점 (02) | §5.4에서는 `Has FE Components: Yes` 인 행만 대상으로 한다. PRD 골격 정본은 `${CLAUDE_PLUGIN_ROOT}/contracts/PRD-CONTRACT.md`. 상태 어휘는 5개로 고정: `loading` / `empty` / `error` / `success` / `no-permission`. §5.4.1에서 체크된 상태는 03-SCREEN-SPEC.md에 **1줄 이상 명세**한다 (누락은 리뷰의 critical). **중단 조건** — 추측으로 메우지 말고 stop한다: - FE 페이지 0개 → "백엔드 전용 PRD입니다. `/implement` 로 진행하세요" - §5.4.1 누락 ...