Show GN: StyleSeed – AI 코딩 도구에 디자인 감각을 심어주는 오픈소스 (2,200줄 디자인 규칙)
(github.com/bitjaru)바이브코딩으로 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 라이선스.