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 18 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 440 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 · 34 references

Teal 계열 디자인 시스템

Teal Design System References

Teal을 대표색으로 사용하는 실제 기업 DESIGN.md를 모았습니다. 색상 이름의 인상으로 고른 목록이 아니라 canonical primary color의 hue를 같은 규칙으로 분류한 결과입니다.

각 레퍼런스의 품질 상태와 원문을 확인한 뒤, 같은 색상 컨셉이 적용된 Builder 목록으로 바로 이동할 수 있습니다.

Real-company DESIGN.md references whose canonical primary color falls in the teal hue family. The set is derived from one deterministic color rule, not visual guesswork.

Inspect each reference and its quality status, then open the same color concept directly in the Builder.

Builder에서 Teal 계열 디자인 시스템 보기34 references · shareable filter