bergside/awesome-design-skills

List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools

What it solves

AI 코딩 에이전트(Claude Code, Cursor, Codex 등)에게 표준화된 방식으로 특정 디자인 시스템 전문 지식을 제공합니다. AI의 일반적인 지식에 의존하는 대신, 개발자는 정확한 디자인 규칙, 접근성 제약 및 컴포넌트 가이드를 끌어와 AI가 특정 미학 또는 기술 표준에 맞는 UI를 생성하도록 할 수 있습니다.

How it works

이 프로젝트는 67개의 "디자인 스킬 파일" 레지스트리입니다. 각 스킬은 두 개의 주요 문서를 포함하는 폴더 형태로 제공됩니다:

SKILL.md: 토큰, 컴포넌트 규칙 및 품질 게이트 등 AI 에이전트를 위한 기술 지시사항이 포함됩니다.
DESIGN.md: 개발자를 위한 인간이 읽을 수 있는 근거와 구현 메모를 제공합니다.

사용자는 명령줄 도구(예: npx typeui.sh pull [skill-name])를 사용해 이러한 스킬을 프로젝트에 통합할 수 있습니다.

Who it’s for

AI 기반 에이전트 코딩 도구를 사용하는 개발자이며, AI를 위해 방대한 스타일 가이드를 직접 작성하지 않고도 높은 디자인 품질과 일관성을 유지하고자 하는 분들을 위한 것입니다.

Highlights

Extensive Library: "Minimal" 및 "Corporate"부터 "Neobrutalism" 및 "Glassmorphism"에 이르기까지 67가지 다양한 디자인 스타일을 포함합니다.
Agent-Optimized: AI 에이전트가 파싱하고 따를 수 있도록 토큰과 제약 조건을 특별히 구조화했습니다.
Dual-Documentation: AI 전용 지시사항과 인간이 읽을 수 있는 디자인 의도를 분리합니다.