uxlisted

# UX Stage Skill — 화면 플로우 + 디자인 핸드오프 > design handoff loop. **코드 변경 X (commit 없음)**. ux-architect 가 화면 플로우/와이어프레임 정의 → designer 가 시안 생성 → 사용자 PICK. 산출 = `docs/ux-flow.md` (+ 조건부 `docs/design.md`) + 시안 파일 + DESIGN_HANDOFF 패키지. > 🔴 **분기 규칙 SSOT** — agent (ux-architect / designer) 결론 → 다음 호출 / 모드 전환 / cycle 한도 / escalate / 후속은 [`ux-routing.md`](ux-routing.md) 가 본 skill 의 단일 진본. 본 파일은 *진행 절차(Step)* 만 담는다. 분기·재진입·escalate 판단이 필요하면 그 파일을 읽는다. 용어·공개 진입점·분기 표현을 수정하거나 리뷰할 때만 [`terms.md`](../../docs/plugin/terms.md) 를 확인한다. ## Loop - **loop**: `ux-design-stage` (UX_FLOW) / `ux-refine-stage` (UX_REFINE) - **entry_point**: `ux` (UX_REFINE 는 REFINE 발화 동반) - **task_list** (Step 1): ux-architect:UX_FLOW (또는 :UX_REFINE) → designer → 사용자 PICK - **advance**: `UX_FLOW_READY` (또는 `UX_REFINE_READY`) → `PASS` → 사용자 PICK - **expected_steps**: 3 (양 모드 공통) - **분기 규칙**: [`ux-routing.md`](ux-routing.md) 본 skill 본문 = ux-design-stage / ux-refine-stage 풀스펙 진본. 코드 변경 X (commit 없음). 절차 mechanics = [`docs/plugin/loop-procedure.md`](../../docs/plugin/loop-procedure.md). ## 모드 판정 (진입 시) | 모드 | 조건 | 시작 agent | |---|---|---| | **UX_FLOW** (ux-design-stage) | 신규 화면 플로우 정의 — PRD/스토리 화면 인벤토리 기반 와이어프레임 | ux-architect:UX_FLOW | | **UX_REFINE** (ux-refine-stage) | 기존 디자인의 레이아웃·비주얼 개선 (이미 화면 존재) | ux-architect:UX_REFINE | 사용자 발화로 판정 — "새 화면 / 플로우 / 와이어프레임" = UX_FLOW, "다듬어 / 개선 / refine / 레이아웃" = UX_REFINE. 모호 시 사용자 역질문. ## Inputs (메인이 사용자에게 받아야 할 정보) - 대상 화면/플로우 (PRD 화면 인벤토리 또는 사용자 지정) - (UX_REFINE) 개선 대상 기존