Design Systems
Collection · 12 references

Claude Code용 DESIGN.md 스타터 팩

DESIGN.md for Claude Code

Claude Code는 코드를 잘 짜지만, 디자인 취향은 남의 것입니다. DESIGN.md 한 파일을 프로젝트에 두면 에이전트가 매 UI 작업 전에 브랜드의 색·타이포·보이스를 ground truth로 읽습니다.

이 컬렉션은 Claude Code 사용자들이 가장 먼저 적용해 보는 품질 등급형 레퍼런스 모음입니다. 카드를 열어 DESIGN.md와 근거 상태를 확인하거나, 한 줄 설치로 440개 전부를 스킬과 함께 들여올 수 있습니다.

Claude Code ships beautiful code with someone else's design taste. Drop one DESIGN.md in your project and the agent reads your brand's color, type, and voice as ground truth before every UI task.

These are the quality-graded references Claude Code users reach for first. Open a card to inspect the DESIGN.md and evidence status, or install all 440 with skills in one command.

Use these design systems in your AI coding agent

One command installs 440 quality-graded DESIGN.md references + 20skills into Claude Code, Cursor, Codex, or OpenCode. Free, MIT, zero AI calls.

TDS Mobile preview
Design System
Verified v2
TDS Mobile
TDS Mobile
toss
Toss's public mobile design-system documentation.
Stripe preview
Reference
Verified v2
Stripe
Stripe
stripe
Stripe — quality-graded DESIGN.md reference (fintech, US).
Linear Brand preview
Brand Guide
Verified v2
Linear Brand
Linear Brand
linear
Linear's official identity and asset-use guidance; public marketing/product-preview measurements remain a separate evidence domain.
Geist preview
Design System
Verified v2
Geist
Geist
vercel
Vercel's official design-system and type-family documentation; marketing, component examples, and authenticated dashboard evidence remain distinct.
Notion preview
Reference
Verified v2
Notion
Notion
notion
Notion — quality-graded DESIGN.md reference (productivity, US).
Raycast Brand preview
Brand Guide
Legacy
Raycast Brand
Raycast Brand
raycast
Raycast's brand guidelines with colors, logos, and asset kit.
Supabase Brand Assets preview
Brand Guide
Verified v2
Supabase Brand Assets
Supabase Brand Assets
supabase
Official logo and integration-button assets with trademark-use boundaries.
Figma Brand Guidelines preview
Brand Guide
Verified v2
Figma Brand Guidelines
Figma Brand Guidelines
figma
Figma's official trademark, logo, and brand-use guidance; public product pages are measured separately for UI tokens.
GitHub preview
Reference
Legacy
GitHub
GitHub
github
GitHub — quality-graded DESIGN.md reference (developer tools, US).
Cursor Brand preview
Brand Guide
Verified v2
Cursor Brand
Cursor Brand
cursor
Official brand guidance for Cursor names and distributed logo, icon, and avatar assets.
OpenAI preview
Reference
Legacy
OpenAI
OpenAI
openai
OpenAI — quality-graded DESIGN.md reference (ai, US).
Perplexity preview
Reference
Legacy
Perplexity
Perplexity
perplexity
Perplexity — quality-graded DESIGN.md reference (ai, US).