# oh-my-design

> Skill-driven design harness for AI coding agents (Claude Code, Codex, OpenCode, Cursor). One npx command bundles 15 skills + 16 sub-agents + 246 reference DESIGN.md files. Install once, then talk to your agent in natural language — no more commands needed.

## What

`oh-my-design-cli` is an npm package (MIT licensed) that installs a deterministic design harness into AI coding agents. It writes `.claude/skills/`, `.codex/skills/`, `.opencode/agents/`, `.claude/agents/`, hooks, and 246 reference DESIGN.md files into your project. After restart, the agent picks up the skills and routes natural-language design intent automatically.

The package is zero-cost: install runs no AI calls, ships no telemetry, requires no API key. Your AI coding agent (Claude Code, Codex, OpenCode, or Cursor) provides the inference; this package teaches it where the brand spec lives.

## Install (the only command)

```bash
npx oh-my-design-cli install-skills
```

Then restart your AI coding agent (Cmd+Q in Claude Code, then relaunch).

## How users invoke it (natural language, no slash commands needed)

- `"Set up the design system for a calm B2B fintech dashboard."` → triggers `omd:init`, bootstraps a hybrid DESIGN.md from one of the bundled references.
- `"Make the empty-state for the search results page."` → triggers `omd:apply`, builds with brand tokens + voice from DESIGN.md.
- `"Design the entire onboarding from scratch."` → triggers `omd:harness`, runs the 10-phase pipeline with sub-agents.
- `"그럴싸한 랜딩페이지 만들어줘"` / `"프로토타입이라도 구색 갖춰서"` → **v1.6.0** triggers `omd:harness` automatically on natural-language landing/prototype phrasings (no slash command, no design jargon needed).
- `"We never use uppercase CTAs."` → triggers `omd:remember`, writes the correction to `.omd/preferences.md`.

## v1.6.0 conversational deepening (latest)

When `omd:harness` activates, it runs three new steps **before** any reference question:

1. **Subagent auto-recovery** — if `omd-master` isn't loaded in the session, the skill copies the agent file from `$(npm root -g)/oh-my-design-cli/agents/` into `.claude/agents/` and continues. No "restart Claude Code" dead-end.
2. **CTX-PRIME** — `scripts/ctx-prime.cjs` runs a sub-50ms deterministic scan of the working directory: framework detection (Next/Vite/Astro/etc.), dominant brand color (most-cited hex literal), font families, voice keywords from README + commit messages, surface inventory (every routing page classified as landing/product/dashboard/docs/onboarding), and `audience_hypothesis` (3 candidates with confidence + evidence). Emits `<RUN_DIR>/ctx-prime.json`.
3. **Single-question persona picker + Interview-lite** — one `AskUserQuestion` confirms the audience hypothesis, then a batched four-question picker resolves `exit_scope`, `wow_moment`, `cta_primary`, and `visual_grounding`. Answers write to `<RUN_DIR>/handoff/.handoff.json` as `prefilled_slots`.

The `omd-master` sub-agent reads `prefilled_slots` on INTAKE and skips its slot-gate entirely, jumping straight to PROPOSE_PLAN. Net effect: the conversation feels like a senior designer who already read your repo, not an interrogation.

## The 15 skills

Core flow (6):
- **omd:apply** — Authoritative DESIGN.md context for every UI task. Routes complex requests to specialist sub-agents.
- **omd:init** — Bootstrap DESIGN.md from a reference with hybrid variation that preserves the reference voice while shifting only user-named axes.
- **omd:harness** — `/omd-harness <task>` runs the 10-phase pipeline. 7 hero archetypes match brand vibe to layout; wordmark-only logo, reveal safety net, container-inner consistency.
- **omd:remember** — Auto-captures user corrections to `.omd/preferences.md`.
- **omd:learn** — Folds preferences into DESIGN.md by scope.
- **omd:sync** — Maintains shim files (CLAUDE.md / AGENTS.md / .cursor/rules) so every agent reads the same spec.

Live capture + assets (3):
- **omd:reference-capture** — Live brand-site CDP/Playwright inspect → tokens + structure + fonts + screenshots + proof.
- **omd:asset-fetch** — Free-license asset catalog (DiceBear CC0 / Lucide ISC / Picsum CC0 / SIL OFL display fonts). Handcrafted character SVG forbidden.
- **omd:experiment-gallery** — N-brand experiments → single comparison index.html with iframe previews, ratings, per-brand IP audit.

Localization + review layer (6):
- **omd:orchestrator** — Coordinates multi-agent writing/review workflows with a revision cap and handoff log.
- **omd:kr-writer** — Korean long-form / blog writer with multiple voice presets (default toss-tech-design).
- **omd:locale-adapter** — Adapts (not translates) Korean canonical content into EN / JP / ZH-TW with cultural reference swaps.
- **omd:designer-review** — Visual + brand-consistency audit against DESIGN.md (typography, color budget, radius scale, states, responsiveness).
- **omd:final-qa** — Read-only final-gate critic enforcing a 9-item rubric with a hard revision cap.
- **omd:codex-image** — Channel-aware image materializer for `omd:gen-image` spec blocks (Codex native gen / asset fallback / user queue).

## The 16 sub-agents (master orchestrator + 15 specialists)

Specialists pair as advisor ↔ generator:

- **omd-master** (opus) — Orchestrator. Runs harness phases, asks user checkpoints, dispatches specialists.
- **omd-ux-researcher** (opus) — Reads bundled references, validates Tier-1 official DS URLs, drafts the brief.
- **omd-ui-junior** (sonnet) — *Generator.* Wireframes + component manifests from DESIGN.md.
- **omd-ux-engineer** (opus) — *Advisor.* Section-level UX audit (NN/g + Refactoring UI + Web Vitals + WAI-ARIA), code-level fixes.
- **omd-asset-curator** (sonnet) — Picks asset medium (inline SVG / chart library / Lottie / Rive / Unsplash / 3D), stack-aware.
- **omd-microcopy** (sonnet) — *Generator.* Voice-consistent copy tied to DESIGN.md §10.
- **omd-ux-writer** (opus) — *Advisor.* Section-level copy audit + alternatives + A/B hypothesis.
- **omd-a11y-auditor** (haiku) — Deterministic WCAG checks (axe-core + lighthouse).
- **omd-persona-tester** (sonnet) — Adversarial 4-persona walkthrough with quantitative metrics.
- **omd-critic** (opus) — Root-cause analysis on iteration.
- **omd-orchestrator** — Routes between the writing/review specialists with a 2-round revision cap.
- **omd-kr-writer** — Korean long-form writer with voice presets.
- **omd-locale-adapter** — KR → EN / JP / ZH-TW cultural adaptation.
- **omd-designer-review** — Visual + brand consistency reviewer (BLOCK / WARN / FYI with line refs).
- **omd-final-qa** — Final-gate rubric critic.
- **omd-codex-image** — Image materializer across Codex / asset-fallback / user-queue channels.

## The 10-phase design pipeline (when omd:harness fires)

Grouped in 4 stages:

1. **Plan**: Discovery → Research → IA
2. **System**: Wireframes → Design system → Components
3. **Make** (parallel): Asset sourcing + Microcopy
4. **Validate & Ship**: Validation → Handoff

3 mandatory user checkpoints: after Discovery (brief), after Components (system locked), before Handoff (ship-ready).

## 246 reference brands bundled

Each ships a full DESIGN.md (Google Stitch format + OmD brand-philosophy layer: Voice, Narrative, Principles, Personas, States, Motion).

Examples: Stripe · Toss · Linear · Vercel · Notion · Anthropic · Apple · Spotify · Airbnb · Uber · Pinterest · Tesla · Figma · Framer · Cursor · Raycast · Supabase · MongoDB · Sentry · PostHog · Resend · Mintlify · Cal.com · Kakao · LINE · Mercari · Karrot (당근) · Pinkoi · Dcard · Baemin · freee · Wise · Coinbase · Revolut · ElevenLabs · Mistral · Ollama · Replicate · KREAM · Upbit · Channel Talk · SmartNews · Xiaohongshu (小红书) · Bilibili · Alipay · Meituan · DJI · Gogoro · Cookpad · SmartHR · Watcha · Yogiyo · 3o3 (삼쩜삼) · Blind (블라인드) · MiriCanvas (미리캔버스) · Imweb (아임웹) · Modusign (모두싸인) · Rakuten · Wantedly · ABEMA · STORES · Timee · Accupass · FunNow · Firstory · Omnichat · Greenvines (綠藤生機) · Google · Microsoft · Adobe · Salesforce · Dropbox · Danawa (다나와) · Greeting (그리팅) · LaundryGo (런드리고) · POSTYPE (포스타입) · Ringle (링글)

<!-- md-twins:start (generated by scripts/gen-llms-full.cjs — do not edit) -->
## Raw DESIGN.md endpoints (246)

Every reference DESIGN.md is fetchable as clean markdown — no JS rendering needed:

- 11st: https://oh-my-design.kr/design-systems/11st.md
- 17live: https://oh-my-design.kr/design-systems/17live.md
- 29cm: https://oh-my-design.kr/design-systems/29cm.md
- 3o3: https://oh-my-design.kr/design-systems/3o3.md
- 91app: https://oh-my-design.kr/design-systems/91app.md
- abema: https://oh-my-design.kr/design-systems/abema.md
- ably: https://oh-my-design.kr/design-systems/ably.md
- accupass: https://oh-my-design.kr/design-systems/accupass.md
- adobe: https://oh-my-design.kr/design-systems/adobe.md
- airbnb: https://oh-my-design.kr/design-systems/airbnb.md
- airtable: https://oh-my-design.kr/design-systems/airtable.md
- alipay: https://oh-my-design.kr/design-systems/alipay.md
- amazingtalker: https://oh-my-design.kr/design-systems/amazingtalker.md
- appier: https://oh-my-design.kr/design-systems/appier.md
- apple: https://oh-my-design.kr/design-systems/apple.md
- baemin: https://oh-my-design.kr/design-systems/baemin.md
- banksalad: https://oh-my-design.kr/design-systems/banksalad.md
- bilibili: https://oh-my-design.kr/design-systems/bilibili.md
- bithumb: https://oh-my-design.kr/design-systems/bithumb.md
- bmw: https://oh-my-design.kr/design-systems/bmw.md
- brandi: https://oh-my-design.kr/design-systems/brandi.md
- bunjang: https://oh-my-design.kr/design-systems/bunjang.md
- cakeresume: https://oh-my-design.kr/design-systems/cakeresume.md
- cal: https://oh-my-design.kr/design-systems/cal.md
- catchtable: https://oh-my-design.kr/design-systems/catchtable.md
- cathay: https://oh-my-design.kr/design-systems/cathay.md
- channeltalk: https://oh-my-design.kr/design-systems/channeltalk.md
- class101: https://oh-my-design.kr/design-systems/class101.md
- classting: https://oh-my-design.kr/design-systems/classting.md
- classum: https://oh-my-design.kr/design-systems/classum.md
- claude: https://oh-my-design.kr/design-systems/claude.md
- clay: https://oh-my-design.kr/design-systems/clay.md
- clickhouse: https://oh-my-design.kr/design-systems/clickhouse.md
- cloudflare: https://oh-my-design.kr/design-systems/cloudflare.md
- cohere: https://oh-my-design.kr/design-systems/cohere.md
- coinbase: https://oh-my-design.kr/design-systems/coinbase.md
- coinone: https://oh-my-design.kr/design-systems/coinone.md
- composio: https://oh-my-design.kr/design-systems/composio.md
- cookpad: https://oh-my-design.kr/design-systems/cookpad.md
- coupang: https://oh-my-design.kr/design-systems/coupang.md
- cursor: https://oh-my-design.kr/design-systems/cursor.md
- dabang: https://oh-my-design.kr/design-systems/dabang.md
- danawa: https://oh-my-design.kr/design-systems/danawa.md
- dcard: https://oh-my-design.kr/design-systems/dcard.md
- dell: https://oh-my-design.kr/design-systems/dell.md
- devsisters: https://oh-my-design.kr/design-systems/devsisters.md
- discord: https://oh-my-design.kr/design-systems/discord.md
- dji: https://oh-my-design.kr/design-systems/dji.md
- drnow: https://oh-my-design.kr/design-systems/drnow.md
- dropbox: https://oh-my-design.kr/design-systems/dropbox.md
- duolingo: https://oh-my-design.kr/design-systems/duolingo.md
- elevenlabs: https://oh-my-design.kr/design-systems/elevenlabs.md
- expo: https://oh-my-design.kr/design-systems/expo.md
- fastcampus: https://oh-my-design.kr/design-systems/fastcampus.md
- ferrari: https://oh-my-design.kr/design-systems/ferrari.md
- figma: https://oh-my-design.kr/design-systems/figma.md
- finda: https://oh-my-design.kr/design-systems/finda.md
- firstory: https://oh-my-design.kr/design-systems/firstory.md
- flex: https://oh-my-design.kr/design-systems/flex.md
- flo: https://oh-my-design.kr/design-systems/flo.md
- framer: https://oh-my-design.kr/design-systems/framer.md
- freee: https://oh-my-design.kr/design-systems/freee.md
- fugle: https://oh-my-design.kr/design-systems/fugle.md
- funnow: https://oh-my-design.kr/design-systems/funnow.md
- gangnamunni: https://oh-my-design.kr/design-systems/gangnamunni.md
- genie: https://oh-my-design.kr/design-systems/genie.md
- github: https://oh-my-design.kr/design-systems/github.md
- gmarket: https://oh-my-design.kr/design-systems/gmarket.md
- gogolook: https://oh-my-design.kr/design-systems/gogolook.md
- gogoro: https://oh-my-design.kr/design-systems/gogoro.md
- google: https://oh-my-design.kr/design-systems/google.md
- greenvines: https://oh-my-design.kr/design-systems/greenvines.md
- greeting: https://oh-my-design.kr/design-systems/greeting.md
- grip: https://oh-my-design.kr/design-systems/grip.md
- hahow: https://oh-my-design.kr/design-systems/hahow.md
- hashicorp: https://oh-my-design.kr/design-systems/hashicorp.md
- hogangnono: https://oh-my-design.kr/design-systems/hogangnono.md
- hp: https://oh-my-design.kr/design-systems/hp.md
- hyperconnect: https://oh-my-design.kr/design-systems/hyperconnect.md
- hyundaicard: https://oh-my-design.kr/design-systems/hyundaicard.md
- ibm: https://oh-my-design.kr/design-systems/ibm.md
- ichef: https://oh-my-design.kr/design-systems/ichef.md
- ikala: https://oh-my-design.kr/design-systems/ikala.md
- imweb: https://oh-my-design.kr/design-systems/imweb.md
- inflearn: https://oh-my-design.kr/design-systems/inflearn.md
- intercom: https://oh-my-design.kr/design-systems/intercom.md
- jandi: https://oh-my-design.kr/design-systems/jandi.md
- jkopay: https://oh-my-design.kr/design-systems/jkopay.md
- jobkorea: https://oh-my-design.kr/design-systems/jobkorea.md
- jumpit: https://oh-my-design.kr/design-systems/jumpit.md
- kakao: https://oh-my-design.kr/design-systems/kakao.md
- kakaobank: https://oh-my-design.kr/design-systems/kakaobank.md
- kakaopay: https://oh-my-design.kr/design-systems/kakaopay.md
- kakaot: https://oh-my-design.kr/design-systems/kakaot.md
- karrot: https://oh-my-design.kr/design-systems/karrot.md
- kbank: https://oh-my-design.kr/design-systems/kbank.md
- kdan: https://oh-my-design.kr/design-systems/kdan.md
- kintone: https://oh-my-design.kr/design-systems/kintone.md
- kkbox: https://oh-my-design.kr/design-systems/kkbox.md
- kkday: https://oh-my-design.kr/design-systems/kkday.md
- kmong: https://oh-my-design.kr/design-systems/kmong.md
- krafton: https://oh-my-design.kr/design-systems/krafton.md
- kraken: https://oh-my-design.kr/design-systems/kraken.md
- krds: https://oh-my-design.kr/design-systems/krds.md
- kream: https://oh-my-design.kr/design-systems/kream.md
- kurly: https://oh-my-design.kr/design-systems/kurly.md
- laftel: https://oh-my-design.kr/design-systems/laftel.md
- lamborghini: https://oh-my-design.kr/design-systems/lamborghini.md
- laundrygo: https://oh-my-design.kr/design-systems/laundrygo.md
- layerx: https://oh-my-design.kr/design-systems/layerx.md
- lezhin: https://oh-my-design.kr/design-systems/lezhin.md
- line: https://oh-my-design.kr/design-systems/line.md
- linear.app: https://oh-my-design.kr/design-systems/linear.app.md
- loom: https://oh-my-design.kr/design-systems/loom.md
- lovable: https://oh-my-design.kr/design-systems/lovable.md
- lunit: https://oh-my-design.kr/design-systems/lunit.md
- mastercard: https://oh-my-design.kr/design-systems/mastercard.md
- meituan: https://oh-my-design.kr/design-systems/meituan.md
- melon: https://oh-my-design.kr/design-systems/melon.md
- mercari: https://oh-my-design.kr/design-systems/mercari.md
- mercury: https://oh-my-design.kr/design-systems/mercury.md
- meta: https://oh-my-design.kr/design-systems/meta.md
- microsoft: https://oh-my-design.kr/design-systems/microsoft.md
- millie: https://oh-my-design.kr/design-systems/millie.md
- minimax: https://oh-my-design.kr/design-systems/minimax.md
- mintlify: https://oh-my-design.kr/design-systems/mintlify.md
- miricanvas: https://oh-my-design.kr/design-systems/miricanvas.md
- miro: https://oh-my-design.kr/design-systems/miro.md
- mistral.ai: https://oh-my-design.kr/design-systems/mistral.ai.md
- modusign: https://oh-my-design.kr/design-systems/modusign.md
- momoshop: https://oh-my-design.kr/design-systems/momoshop.md
- money-forward: https://oh-my-design.kr/design-systems/money-forward.md
- mongodb: https://oh-my-design.kr/design-systems/mongodb.md
- muji: https://oh-my-design.kr/design-systems/muji.md
- musinsa: https://oh-my-design.kr/design-systems/musinsa.md
- mustit: https://oh-my-design.kr/design-systems/mustit.md
- myrealtrip: https://oh-my-design.kr/design-systems/myrealtrip.md
- naver: https://oh-my-design.kr/design-systems/naver.md
- naverwebtoon: https://oh-my-design.kr/design-systems/naverwebtoon.md
- netflix: https://oh-my-design.kr/design-systems/netflix.md
- nexon: https://oh-my-design.kr/design-systems/nexon.md
- nhncloud: https://oh-my-design.kr/design-systems/nhncloud.md
- nike: https://oh-my-design.kr/design-systems/nike.md
- note: https://oh-my-design.kr/design-systems/note.md
- notion: https://oh-my-design.kr/design-systems/notion.md
- nvidia: https://oh-my-design.kr/design-systems/nvidia.md
- ohouse: https://oh-my-design.kr/design-systems/ohouse.md
- oliveyoung: https://oh-my-design.kr/design-systems/oliveyoung.md
- ollama: https://oh-my-design.kr/design-systems/ollama.md
- omnichat: https://oh-my-design.kr/design-systems/omnichat.md
- openai: https://oh-my-design.kr/design-systems/openai.md
- opencode.ai: https://oh-my-design.kr/design-systems/opencode.ai.md
- payco: https://oh-my-design.kr/design-systems/payco.md
- paypay: https://oh-my-design.kr/design-systems/paypay.md
- pchome: https://oh-my-design.kr/design-systems/pchome.md
- perplexity: https://oh-my-design.kr/design-systems/perplexity.md
- piccollage: https://oh-my-design.kr/design-systems/piccollage.md
- pinkoi: https://oh-my-design.kr/design-systems/pinkoi.md
- pinterest: https://oh-my-design.kr/design-systems/pinterest.md
- pixiv: https://oh-my-design.kr/design-systems/pixiv.md
- pixnet: https://oh-my-design.kr/design-systems/pixnet.md
- posthog: https://oh-my-design.kr/design-systems/posthog.md
- postype: https://oh-my-design.kr/design-systems/postype.md
- publy: https://oh-my-design.kr/design-systems/publy.md
- qanda: https://oh-my-design.kr/design-systems/qanda.md
- ragic: https://oh-my-design.kr/design-systems/ragic.md
- rakuten: https://oh-my-design.kr/design-systems/rakuten.md
- ramp: https://oh-my-design.kr/design-systems/ramp.md
- rayark: https://oh-my-design.kr/design-systems/rayark.md
- raycast: https://oh-my-design.kr/design-systems/raycast.md
- remember: https://oh-my-design.kr/design-systems/remember.md
- renault: https://oh-my-design.kr/design-systems/renault.md
- replicate: https://oh-my-design.kr/design-systems/replicate.md
- resend: https://oh-my-design.kr/design-systems/resend.md
- retool: https://oh-my-design.kr/design-systems/retool.md
- revolut: https://oh-my-design.kr/design-systems/revolut.md
- richart: https://oh-my-design.kr/design-systems/richart.md
- ridi: https://oh-my-design.kr/design-systems/ridi.md
- riiid: https://oh-my-design.kr/design-systems/riiid.md
- ringle: https://oh-my-design.kr/design-systems/ringle.md
- robinhood: https://oh-my-design.kr/design-systems/robinhood.md
- runwayml: https://oh-my-design.kr/design-systems/runwayml.md
- salesforce: https://oh-my-design.kr/design-systems/salesforce.md
- sanity: https://oh-my-design.kr/design-systems/sanity.md
- sansan: https://oh-my-design.kr/design-systems/sansan.md
- sendbird: https://oh-my-design.kr/design-systems/sendbird.md
- sentry: https://oh-my-design.kr/design-systems/sentry.md
- shinhancard: https://oh-my-design.kr/design-systems/shinhancard.md
- shopline: https://oh-my-design.kr/design-systems/shopline.md
- slack: https://oh-my-design.kr/design-systems/slack.md
- smarthr: https://oh-my-design.kr/design-systems/smarthr.md
- smartnews: https://oh-my-design.kr/design-systems/smartnews.md
- socar: https://oh-my-design.kr/design-systems/socar.md
- soomgo: https://oh-my-design.kr/design-systems/soomgo.md
- spacex: https://oh-my-design.kr/design-systems/spacex.md
- spoon: https://oh-my-design.kr/design-systems/spoon.md
- spotify: https://oh-my-design.kr/design-systems/spotify.md
- starbucks: https://oh-my-design.kr/design-systems/starbucks.md
- stores: https://oh-my-design.kr/design-systems/stores.md
- stripe: https://oh-my-design.kr/design-systems/stripe.md
- studio: https://oh-my-design.kr/design-systems/studio.md
- supabase: https://oh-my-design.kr/design-systems/supabase.md
- superhuman: https://oh-my-design.kr/design-systems/superhuman.md
- surveycake: https://oh-my-design.kr/design-systems/surveycake.md
- tada: https://oh-my-design.kr/design-systems/tada.md
- teamblind: https://oh-my-design.kr/design-systems/teamblind.md
- tesla: https://oh-my-design.kr/design-systems/tesla.md
- theverge: https://oh-my-design.kr/design-systems/theverge.md
- timee: https://oh-my-design.kr/design-systems/timee.md
- together.ai: https://oh-my-design.kr/design-systems/together.ai.md
- toss: https://oh-my-design.kr/design-systems/toss.md
- toss-securities: https://oh-my-design.kr/design-systems/toss-securities.md
- tossbank: https://oh-my-design.kr/design-systems/tossbank.md
- trenbe: https://oh-my-design.kr/design-systems/trenbe.md
- triple: https://oh-my-design.kr/design-systems/triple.md
- tumblbug: https://oh-my-design.kr/design-systems/tumblbug.md
- tving: https://oh-my-design.kr/design-systems/tving.md
- uber: https://oh-my-design.kr/design-systems/uber.md
- ubie: https://oh-my-design.kr/design-systems/ubie.md
- uniqlo: https://oh-my-design.kr/design-systems/uniqlo.md
- upbit: https://oh-my-design.kr/design-systems/upbit.md
- upstage: https://oh-my-design.kr/design-systems/upstage.md
- velog: https://oh-my-design.kr/design-systems/velog.md
- vercel: https://oh-my-design.kr/design-systems/vercel.md
- voicetube: https://oh-my-design.kr/design-systems/voicetube.md
- voltagent: https://oh-my-design.kr/design-systems/voltagent.md
- wadiz: https://oh-my-design.kr/design-systems/wadiz.md
- wanted: https://oh-my-design.kr/design-systems/wanted.md
- wantedly: https://oh-my-design.kr/design-systems/wantedly.md
- warp: https://oh-my-design.kr/design-systems/warp.md
- watcha: https://oh-my-design.kr/design-systems/watcha.md
- wavve: https://oh-my-design.kr/design-systems/wavve.md
- wconcept: https://oh-my-design.kr/design-systems/wconcept.md
- webflow: https://oh-my-design.kr/design-systems/webflow.md
- wired: https://oh-my-design.kr/design-systems/wired.md
- wise: https://oh-my-design.kr/design-systems/wise.md
- x.ai: https://oh-my-design.kr/design-systems/x.ai.md
- xiaohongshu: https://oh-my-design.kr/design-systems/xiaohongshu.md
- yanolja: https://oh-my-design.kr/design-systems/yanolja.md
- yeogiotte: https://oh-my-design.kr/design-systems/yeogiotte.md
- yogiyo: https://oh-my-design.kr/design-systems/yogiyo.md
- yourator: https://oh-my-design.kr/design-systems/yourator.md
- zapier: https://oh-my-design.kr/design-systems/zapier.md
- zigbang: https://oh-my-design.kr/design-systems/zigbang.md
- zigzag: https://oh-my-design.kr/design-systems/zigzag.md
- zozotown: https://oh-my-design.kr/design-systems/zozotown.md
<!-- md-twins:end -->

## Resources

- [Live demo + docs](https://oh-my-design.kr): https://oh-my-design.kr
- [Documentation](https://oh-my-design.kr/docs): how the harness works in detail
- [Builder](https://oh-my-design.kr/builder): generate DESIGN.md from any bundled reference
- [Design Systems catalog](https://oh-my-design.kr/design-systems): browse all references
- [npm package](https://www.npmjs.com/package/oh-my-design-cli)
- [oh-my-design-mcp](https://www.npmjs.com/package/oh-my-design-mcp): drop-in MCP server exposing the references as resources, tools, and prompts
- [GitHub](https://github.com/kwakseongjae/oh-my-design)
- [License: MIT](https://github.com/kwakseongjae/oh-my-design/blob/main/LICENSE)

## Repository

```
oh-my-design/
├── skills/              # 15 SKILL.md files (source of truth)
├── agents/              # 16 sub-agent definitions
├── web/references/      # 246 reference DESIGN.md files (canonical)
├── data/                # reference fingerprints, vocabulary, opt-out corpus
├── .claude/hooks/       # UserPromptSubmit / SessionStart / PostToolUse hooks
├── src/cli/             # install-skills entry point
└── web/                 # marketing + docs site (oh-my-design.kr)
```

## Citation

oh-my-design is built and maintained by Kwak Seongjae (https://github.com/kwakseongjae). The package is open source under MIT. References are reproduced for educational reference only and remain the property of their respective companies.