Peach Team UI Proto

ui-proto 화면을 만들고 검증하는 기획 구체화 산출물 스킬.

이 스킬의 핵심은 팀 자동화가 아니라, 사람의 의도를 화면/액션/상태로 구체화해 현업이 실제 프로그램처럼 검토할 수 있는 산출물을 만드는 것이다.

핵심 원칙

• Backend 없음: 모든 API는 Mock interceptor 경유 (useApi() 호출 유지)
• 생성 방식: test-data 가이드 코드를 기준 골격으로 참조 후 Mock 특화 적응
• 컴포넌트 사용: 케밥케이스 사용 (예: <u-button>, <u-modal>, <my-component>)
• 완료 기준: vue-tsc + lint + build 모두 통과
• 프로덕션 전환 대비: API 시그니처 유지, Mock 교체만으로 실서버 연동 가능
• 저장소 분리 (2026-04-27 결정): 본 프로젝트가 아닌 별도 ui-proto 저장소의 src/modules-task/{년월}/{태스크폴더}/에 누적
• Spec 원천 자료: Vue 화면 + Mock 데이터 + overview 설명 페이지가 후속 peach-gen-spec의 입력이 됨
• 1차 완성도 지원: 화면 목록, 주요 액션, 완료/오류 상태를 남겨 peach-gen-spec이 확정 Spec을 만들 수 있게 함
• 기획 구체화 우선: Spec 없이 기획자가 직접 구체화하는 경우에는 단독/대화형 흐름을 우선하고, AI 팀이 임의로 요구를 증폭하지 않는다

역할 경계