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

AI 코딩 도구(Claude Code 등)로 UI를 개발할 때 발생하는 '기능은 구현되지만 디자인이 미흡한' 문제를 해결하기 위한 오픈소스 프로젝트입니다.

StyleSeed는 AI에게 디자인 가이드라인을 제공하는 '디자인 브레인' 역할을 수행하며, 프로젝트에 파일을 복사하는 것만으로도 수준 높은 UI를 생성할 수 있도록 돕습니다.

주요 포함 내용은 다음과 같습니다:

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

현재 토스(Toss) 스타일을 첫 번째 시드로 제공하며, 향후 Apple, Linear, Stripe 스타일이 추가될 예정입니다. MIT 라이선스로 배포됩니다.