start-docslisted

# Start Docs 프로젝트 기획에 필요한 7가지 핵심 문서를 순차적으로 생성하는 워크플로우 스킬. ## 생성 문서 목록 | 순서 | 문서 | 설명 | |------|------|------| | 1 | PRD | 제품 요구사항 문서 | | 2 | 사용자 여정 | 페르소나와 사용자 시나리오 | | 3 | IA | 정보 구조 (사이트맵, 네비게이션) | | 4 | ERD | 엔티티 관계도 및 DB 스키마 | | 5 | TRD | 기술 요구사항 문서 | | 6 | 디자인 가이드 | 컬러, 타이포, 컴포넌트 | | 7 | 코드 가이드라인 | 네이밍, 폴더 구조, 코딩 스타일 | ## 워크플로우 ### Phase 1: 프로젝트 이해 1. 프로젝트 개요와 목표 확인 2. 타겟 사용자 정의 3. 핵심 기능 파악 ### Phase 2: 문서 생성 각 문서는 `references/` 폴더의 템플릿을 참조하여 작성. #### Step 1: PRD 작성 `references/prd-template.md` 참조 - 제품 개요 및 목표 - 기능 요구사항 - 성공 지표 #### Step 2: 사용자 여정 작성 `references/user-journey-template.md` 참조 - 페르소나 정의 - 주요 시나리오 - 터치포인트 및 감정곡선 #### Step 3: IA 작성 `references/ia-template.md` 참조 - 사이트맵 - 네비게이션 구조 - 콘텐츠 계층 #### Step 4: ERD 작성 `references/erd-template.md` 참조 - 엔티티 정의 - 관계 다이어그램 - 테이블 스키마 #### Step 5: TRD 작성 `references/trd-template.md` 참조 `references/design-principles.md` 참조 **⚠️ 필수: 기술 스택 버전 최신화 (context7 사용)** 템플릿의 버전은 플레이스홀더이다. TRD 작성 전 반드시 **context7 MCP 도구**를 사용하여 각 기술의 **최신 안정(stable) 버전**과 공식 문서를 조회한 후 기입한다. 검색 대상 (최소): - 프레임워크: Next.js, React, TypeScript - 스타일링: Tailwind CSS - 상태관리: Zustand, TanStack Query - 검증: Zod - UI: shadcn/ui - 차트: Recharts - 폼: React Hook Form - 테스트: Vitest, Playwright - 패키지매니저: pnpm - 린팅: ESLint 메이저 버전 변경이 있으면(예: Next.js 15→16, Zod 3→4) **breaking changes**도 함께 조사하여 TRD에 별도 섹션으로 기술한다. - 기술 스택 (최신 안정 버전) - 시스템 아키텍처 - 설계 원칙 검토 (SOLID + Repository/Factory/Strategy) - API 설계 - 주요 프레임워크 변경사항 (breaking changes) #### Step 6: 디자인 가이드 작성