스킬: 프로토타입 & 리서치
적절한 충실도 수준으로 작업을 안내하고 검증합니다.
단계
workflows/prototyping.md(5단계 충실도 사다리, 여정 매핑 템플릿, 사용성 테스트 스크립트, 샘플 데이터)를 읽습니다.- 현재 필요를 파악하고 이에 답할 수 있는 가장 낮은 충실도를 선택합니다. — 단계를 절대 건너뛰지 마세요:
- 콘텐츠 우선 (정보 요구) → 와이어프레임 (레이아웃/내비게이션) → 로우파이 (작업 완료) → 하이파이 (시각/접근성) → 코드 (실현 가능성/성능).
- 플로우의 경우: 의사 결정 지점, 오류 경로 및 엣지 케이스를 포함한 사용자 여정 맵을 작성합니다.
- 검증의 경우: 스크립트를 사용하여 사용성 테스트(작업, 성공 기준, 5명 사용자 규칙)를 정의합니다.
- 하이파이/코드 단계에서는 토큰(
tokens/*), 컴포넌트(components/*), 취향(taste/*), 접근성(accessibility/*)을 참조합니다.
출력물
선택한 충실도로 생성된 아티팩트 + '다음에 검증할 것'에 대한 명시적인 계획.
완료 전 확인사항
- 충실도가 답하려는 질문과 일치하며, 어떤 단계도 건너뛰지 않았습니다.
- 플로우에는 행복 경로(happy path)뿐만 아니라 의사 결정 지점, 오류 경로 및 엣지 케이스(빈 상태, 로딩, 오버플로우)가 포함됩니다.
- 구체적인 검증 단계(작업 + 성공 기준)가 명명되었으며, '나중에 테스트'와 같은 모호한 표현이 없습니다.
- 하이파이/코드 아티팩트는
design-code와 동일한 토큰 및 접근성 기준(하드코딩된 값 없음, 대비, 상태)을 통과합니다.