← ClaudeAtlas

uxlisted

구현 없이 목업과 흐름을 먼저 탐색하는 선행 디자인 utility. UX_FLOW(신규 화면 흐름) / UX_REFINE(기존 디자인 개선) 뒤 내부 canvas-design 을 얇게 감싸 drafts 반복 → 사용자 PICK → 확정본 승격 + canvas 등록으로 끝낸다. 사용자가 "/ux", "ux", "화면 플로우 짜줘", "디자인 시안", "와이어프레임", "ux 다듬어", "디자인 개선", "레이아웃 개선", "디자인 시스템", "디자인 토큰", "베이스라인" 등을 말할 때 사용한다. 코드 구현은 `/impl`.
Daeguk-Sun/dcNess · ★ 0 · Web & Frontend · score 68
Install: claude install-skill Daeguk-Sun/dcNess
# UX Skill — 선행 디자인 탐색 wrapper > `/ux` 는 구현 없이 디자인만 먼저 굴리고 싶을 때 쓰는 선행 탐색 경로다. 목업 생성·수정·확정은 내부 [`canvas-design`](../canvas-design/SKILL.md) 을 감싸는 얇은 wrapper 한 경로로만 수행한다. 산출 계약은 `docs/design-variants/` 확정본 규약과 동일하다: drafts 반복 → 사용자 PICK → 확정본 승격 + canvas 등록. 후속 `/impl` 은 머지된 확정본만 `기준 있음` 으로 이어받는다. > 🔴 **분기 규칙 SSOT** — 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 → 내부 canvas-design checkpoint → designer(필요 시) → 사용자 PICK - **advance**: `UX_FLOW_READY` 또는 `UX_REFINE_READY` → `PASS`(canvas-design) → 종료 - **expected_steps**: 2 + 조건부 designer step. `canvas-design` 은 main-owned checkpoint 이며 helper begin/end-step 비대상이다. - **분기 규칙**: [`ux-routing.md`](ux-routing.md) 본 skill 은 공개 workflow 가 아니라 utility 다. `/design` 은 product/technical design 을 다루고, `/impl` 은 구현한다. `/ux` 는 구현 PR 전에 목업과 흐름만 선행 탐색한다. ## worktree + commit/PR 계약 `/ux` 는 git-tracked 디자인 확정본을 만드는 action loop 다. Step 0 에서 공통 [`loop-procedure`](../../docs/plugin/loop-procedure.md#worktree-분기-action-루프-한정) 의 worktree 분기를 따른다. 사용자가 명시적으로 워크트리 제외를 요청하지 않는 한 worktree 에서 진행한다. canvas-design `PASS` 뒤 clean 이면 Step 7a 가