StyleSeed – AI 코딩 도구에 디자인 감각을 심어주는 오픈소스 (2,200줄 디자인 규칙)

바이브코딩으로 UI를 만들면 "기능은 되는데 디자인이 구린" 문제가 있습니다.

StyleSeed는 AI 코딩 도구(Claude Code 등)에 디자인 규칙을 심어주는 오픈소스입니다.
파일을 프로젝트에 복사하면, AI가 토스 앱 수준의 UI를 만들어냅니다.

포함 내용:

• 2,200줄의 시각 디자인 규칙 60개 (컬러 철학, 타이포 계층, 카드 구조, 금지 패턴 등)
• 47개 React 컴포넌트 (shadcn/ui 기반 31개 + 대시보드 패턴 16개)
• 10개 Claude Code 스킬 (UI 생성, UX 감사, 마이크로카피 생성 등)
• Tailwind CSS v4 테마 (라이트/다크 모드)

awesome-design-md(23K 스타)의 DESIGN.md가 브랜드 토큰을 제공한다면,
StyleSeed는 레이아웃 규칙, UX 가이드, 컴포넌트까지 포함하는 "디자인 브레인"입니다.

첫 번째 시드는 토스 스타일. Apple, Linear, Stripe 시드 추가 예정. MIT 라이선스.