DESIGN.md is a structured markdown file that defines your project's brand spec — tokens (colors, typography, spacing, radius), voice, narrative, principles, personas, states, and motion. AI coding agents (Claude Code, Codex, OpenCode, Cursor) read it as authoritative context before generating any UI, so the output looks like your brand instead of generic 'modern minimalist' slop.

How does oh-my-design work?

Run `npx oh-my-design-cli install-skills` once in your project. It installs 17 skills (core flow + live-capture + asset + the v0.2 agent layer: orchestrator, kr-writer, locale-adapter, designer-review, final-qa, codex-image), 16 sub-agents (master orchestrator + 15 specialists), 4 hooks, and 221 reference DESIGN.md files. After restarting your AI coding agent, you just talk in natural language — skills route to the right sub-agents automatically.

Does it call any AI provider during install?

No. The install is a pure markdown copy — zero API calls, zero data leaves your machine. Your AI coding agent (Claude Code, Codex, OpenCode, or Cursor) is the inference layer; install just teaches it where to look.

Which AI coding agents are supported?

Claude Code, Codex, OpenCode, and Cursor — Cursor has a dedicated install channel (--agent cursor) that writes the .cursor/rules shim plus the shared reference catalog. The skill markdown files are agent-agnostic; hooks ship for Claude Code specifically.

What is the design harness?

The omd-harness skill runs a 10-phase design pipeline (Discovery → Research → IA → Wireframes → Design system → Components → Asset sourcing → Microcopy → Validation → Handoff). It dispatches sub-agents in parallel where independent, asks 3 mandatory user checkpoints, and emits a v0/Cursor-ready package. Trigger it by saying things like 'design the entire onboarding from scratch' or '/omd-harness '.

Yes — MIT licensed, open source, no signup, no API key, no paid tier. The references in the bundle belong to their respective companies and are reproduced for educational reference only.

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를 그대로 복사하거나, 한 줄 설치로 221개 전부를 스킬과 함께 들여올 수 있습니다.

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 verified references Claude Code users reach for first. Open a card to copy the DESIGN.md raw, or install all 221 with skills in one command.

Use these design systems in your AI coding agent

One command installs 221 verified DESIGN.md references + 17 skills into Claude Code, Cursor, Codex, or OpenCode. Free, MIT, zero AI calls.