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 · 30 references

다크 모드 네이티브 디자인 시스템

Dark-Mode-Native Design Systems

Linear·Vercel·Supabase·Raycast — 다크를 '반전'이 아니라 기본 캔버스로 설계한 브랜드들입니다. 레지스트리 토큰의 캔버스 휘도로 자동 선별했습니다.

다크 UI는 회색 단계와 글로우 운용이 전부입니다. 어설픈 #000 배경 대신, 검증된 다크 팔레트를 에이전트에게 주세요.

Linear, Vercel, Supabase, Raycast — brands that design dark as the default canvas, not an inversion. Auto-selected by canvas luminance from the registry tokens.

Dark UI is all gray scales and glow discipline. Give your agent a verified dark palette instead of a naive #000 background.

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.

다크 모드 네이티브 디자인 시스템

Related collections