fd-inspirationlisted

# Inspiration & Reference Skill 효과적인 디자인은 좋은 레퍼런스에서 시작됩니다. 이 스킬은 체계적인 레퍼런스 수집, 트렌드 분석, 무드보드 생성을 지원합니다. ## 왜 중요한가? ``` 레퍼런스 없이 디자인 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 백지 상태 → 시행착오 반복 → 시간 낭비 레퍼런스 기반 디자인 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Curated References → 명확한 방향 → 효율적 실행 ``` ## Input | 항목 | 필수 | 설명 | |------|------|------| | 프로젝트 컨텍스트 | Y | 1-context 스킬 결과물 | | 산업군/유형 | Y | 컨텍스트에서 추출 | | 선호 스타일 힌트 | N | 미니멀, 다크, 그라데이션 등 | | 경쟁사 URL | N | 분석할 경쟁사 사이트 | ## 레퍼런스 소스 ### 1. 최고 수준 디자인 (Award Sites) | 소스 | URL | 특징 | 적합 용도 | |------|-----|------|----------| | **Awwwards** | awwwards.com | 최고 수준, 인터랙션 중심 | 에이전시, 포트폴리오, 브랜드 | | **CSS Design Awards** | cssdesignawards.com | UX 중시, 다양한 카테고리 | SaaS, 랜딩페이지 | | **FWA** | thefwa.com | 혁신적, 실험적 | 크리에이티브, 인터랙티브 | | **Webby Awards** | webbyawards.com | 산업별 분류, 기능 중심 | 엔터프라이즈, 비영리 | ### 2. 디자인 커뮤니티 | 소스 | URL | 특징 | 적합 용도 | |------|-----|------|----------| | **Dribbble** | dribbble.com | UI 요소, 마이크로 인터랙션 | 컴포넌트, 아이콘, 일러스트 | | **Behance** | behance.net | 프로젝트 전체 케이스 스터디 | 브랜딩, UX 프로세스 | | **Figma Community** | figma.com/community | 실제 사용 가능한 파일 | 템플릿, 컴포넌트 키트 | ### 3. 갤러리/컬렉션 | 소스 | URL | 특징 | 적합 용도 | |------|-----|------|----------| | **SiteInspire** | siteinspire.com | 미니멀, 타이포 중심 | 콘텐츠 사이트, 포트폴리오 | | **Godly** | godly.website | 최신 트렌드, 큐레이션 | 랜딩페이지, SaaS | | **Lapa Ninja** | lapa.ninja | 랜딩페이지 전문 | 마케팅, 제품 페이지 | | **Land-book** | land-book.com | 카테고리 분류 상세 | 산업별 레퍼런스 | | **One Page Love** | onepagelove.com | 원페이지 전문 | 간단한 랜딩, 이벤트 | | **