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

한국 핀테크 디자인 시스템

Korean Fintech Design Systems

토스가 바꿔 놓은 한국 핀테크 UI — 큰 타이포, 한 화면 한 행동, 금융 용어 없는 카피. 토스·카카오뱅크·뱅크샐러드·업비트까지, 실서비스에서 라이브 추출·검증한 DESIGN.md로 모았습니다.

각 문서는 색·타이포 토큰뿐 아니라 보이스와 금지 표현까지 담습니다. 핀테크 제품을 만드는 에이전트에게 그대로 먹이세요.

Korean fintech UI after Toss: big type, one action per screen, copy without banking jargon. Toss, KakaoBank, Banksalad, Upbit — every DESIGN.md live-extracted and verified from the production service.

Each file carries voice and forbidden phrases, not just color and type tokens. Feed it straight to the agent building your fintech product.

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