fd-context-intakelisted

# Context Intake Skill 프론트엔드 디자인의 성공은 **명확한 컨텍스트 파악**에서 시작됩니다. 이 스킬은 프로젝트의 목적, 사용자, 브랜드, 제약 조건을 체계적으로 수집합니다. ## 왜 중요한가? ``` 컨텍스트 없이 디자인 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ "예쁘게 만들어주세요" → 방향 없는 디자인 컨텍스트 기반 디자인 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Context Intake → 목적에 맞는 전략적 디자인 ``` ## Input | 항목 | 필수 | 설명 | |------|------|------| | 프로젝트 설명 | Y | 무엇을 만드는지 (랜딩페이지, 대시보드, 앱 등) | | 목적/목표 | Y | 왜 만드는지 (전환율, 브랜딩, 정보 전달 등) | | 타겟 사용자 | Y | 누구를 위한 것인지 | | 브랜드 가이드 | N | 기존 브랜드 자료, 로고, 컬러 | | 경쟁사 | N | 참고할 경쟁사나 벤치마크 | | 제약 조건 | N | 기술 스택, 예산, 일정, 접근성 요구사항 | ## 수집 항목 ### 1. 필수 정보 (Must Have) ```yaml project: name: "" # 프로젝트/제품 이름 type: "" # 유형: 랜딩페이지 | 대시보드 | SaaS | 이커머스 | 포트폴리오 | 블로그 one_liner: "" # 한 줄 설명 industry: "" # 산업군: 핀테크 | 헬스케어 | 에듀테크 | AI/ML | 이커머스 | B2B goal: primary: "" # 주요 목표: 리드 수집 | 전환율 | 브랜드 인지도 | 정보 전달 success_metrics: # 성공 지표 - "" priority: "" # 우선순위: 전환 | 미적 임팩트 | 사용성 | 정보 전달 target_users: primary: "" # 주 사용자 그룹 secondary: "" # 부 사용자 그룹 (선택) demographics: # 인구통계 age_range: "" # 예: "25-40" occupation: "" # 예: "스타트업 창업자, 개발자" tech_savviness: "" # 높음 | 중간 | 낮음 ``` ### 2. 브랜드 정보 (Should Have) ```yaml brand: existing_guidelines: false # 기존 브랜드 가이드 유무 logo_url: "" # 로고 파일 경로/URL tone: