oh-my-design-cli 1.5.1 → 1.6.1

package/AGENTS.md

@@ -7,13 +7,14 @@ oh-my-design itself uses Claude Code skills + subagents for its design harness.
 ## Repository quick map
 
 - `src/` — TypeScript source for the `omd` CLI (`bin/oh-my-design.ts` is the entrypoint).
-- `references/` — 67 real-company DESIGN.md files used as bundled references.
+- `web/references/<id>/DESIGN.md` — 100+ real-company DESIGN.md files; the **canonical source of truth** for the reference catalog. It lives under `web/` because the Vercel project root is `web/` (the site build can only read files beneath it). The root `references` symlink, `design-md/`, and `packages/mcp/data/references/` are all derived from here — see **Repository layout** in `README.md` for why each tree exists and which to edit. Rule: edit `web/references/` only.
 - `skills/omd-*` — Claude Code / Codex / OpenCode skill files (installed into target projects via `omd install-skills`).
 - `.claude/agents/` — Subagent definitions for the design harness (Claude Code).
 - `.codex/agents/` — Mirror TOML definitions for the design harness (Codex).
 - `spec/omd-v0.1.md` — OmD spec (15-section DESIGN.md format).
 - `research/harness-design/` — Design harness research + integration design.
 - `skills/omd-lab-02-design-harness/` — Lab #02 versioned harness experiments.
+- `scripts/ctx-prime.cjs` — v1.6.0 deterministic codebase analyzer (stack, brand color, voice, surface inventory, audience hypothesis). Called by `omd-harness` Step 2.5 to pre-fill master slots.
 
 ## Build / test / lint
 

package/README.ko.md

@@ -105,7 +105,7 @@ shim과 스킬 파일은 `<!-- omd:start -->` 마커 블록을 사용해서, 마
 |---|---|---|
 | `omd:init` | "DESIGN.md 만들어줘" / "브랜드 세팅" | 레퍼런스 추천 → 프로젝트 description 수집 → 레퍼런스 톤·매너 preserve하면서 deltas 반영한 Hybrid variation → DESIGN.md + shim 작성 |
 | `omd:apply` | UI / 스타일링 / 마이크로카피 / 모션 작업 | DESIGN.md + pending preference를 authoritative context로 주입, 사용자 교정 시 자동으로 `omd:remember` 호출 |
-| `omd:harness` | "랜딩 처음부터 / production-ready" | 10-phase 디자인 파이프라인. rule 9 hero archetype 7종 (center-text / carousel / split-screen / editorial / dashboard / quote-led / left-character) 중 brand vibe 매칭으로 선택. rule 5 워드마크-only 로고, rule 10 reveal safety net. |
+| `omd:harness` | "랜딩 처음부터 / 그럴싸한 랜딩 / 프로토타입 구색 갖춰 / production-ready" | 10-phase 디자인 파이프라인. **v1.6.0** — 자연어 트리거 확대 (슬래시 없이도 발동), **CTX-PRIME** 사전 분석 (~20ms) + 단일 페르소나 picker + Interview-lite 배치로 `omd-master`가 slot-gate 건너뛰고 PROPOSE_PLAN 직행. rule 9 hero archetype 7종 (center-text / carousel / split-screen / editorial / dashboard / quote-led / left-character) 중 brand vibe 매칭으로 선택. rule 5 워드마크-only 로고, rule 10 reveal safety net. |
 | `omd:sync` | "shim drift" / "AGENTS.md 동기화" | 적절한 플래그로 `omd:sync` 실행 |
 | `omd:remember` | "기억해 둬" / "우리는 ~안 해" | 구조화된 entry를 `.omd/preferences.md`에 append |
 | `omd:learn` | "preferences 정리해서 DESIGN.md에 반영" | scope별로 그룹핑 → coherent edit 제안 → status flip |

package/README.md

@@ -37,6 +37,28 @@ Then restart your agent (Cmd+Q in Claude Code, then relaunch) so the new skills
 
 That is the only CLI command you will run. Everything else is natural language to your agent.
 
+## Your first 60 seconds
+
+This is the whole point: one prompt turns into a `DESIGN.md` your agent remembers across every future session.
+
+1. Install (above), then **restart your agent** (Cmd+Q, relaunch) so it loads the new skills.
+
+2. In your project, type your first prompt — copy this exactly:
+
+   > Set up our design system — Toss-style, for a family meal-tracking app.
+
+   Your agent runs **`omd:init`**: it recommends a reference from the 100+ real-company catalog, asks you to confirm, and writes **`DESIGN.md`** to your project root. (`omd:sync` then wires up the `CLAUDE.md` / `AGENTS.md` / Cursor shims so every agent reads it automatically.)
+
+   **That `DESIGN.md` is your activation — your agent now remembers your brand.**
+
+3. Now build against it:
+
+   > Design the home screen.
+
+   The agent reads `DESIGN.md` and ships brand-correct UI. No re-explaining your design system, ever again.
+
+Don't want Toss? Any brand works — `Stripe-style`, `Linear-clone B2B SaaS`, `Karrot-style marketplace`. Browse the full catalog at [oh-my-design.kr/design-systems](https://oh-my-design.kr/design-systems).
+
 ## Upgrading
 
 Skills and agents evolve every release. To pick up the latest bundle in an existing project:
@@ -118,7 +140,7 @@ Skills (loaded into your agent's context based on prompt triggers):
 **Core flow**
 - **omd:apply** — DESIGN.md as authoritative context for every UI task. Routes complex requests (assets, charts, full screens, a11y audit) to specialized sub-agents.
 - **omd:init** — Bootstrap DESIGN.md from a reference + project description. 100+ references, hybrid variation that preserves the reference voice while shifting only user-named axes.
-- **omd:harness** — `/omd-harness <task>` to run the 10-phase design pipeline. 7 hero archetypes (rule 9) match brand vibe to layout (center-text / carousel / split-screen / editorial / dashboard / quote-led / left-character). Reveal safety net (rule 10), wordmark-only logo (rule 5), container-inner consistency (rule 7), decomposed hero (rule 8).
+- **omd:harness** — `/omd-harness <task>` to run the 10-phase design pipeline. **v1.6.0**: auto-triggers on natural-language requests ("그럴싸한 랜딩 만들어줘", "프로토타입 구색 갖춰") — no slash required. New **CTX-PRIME** pre-phase scans your repo (stack, brand color, voice, surface inventory) in ~20ms, then surfaces a single audience picker + batched Interview-lite so `omd-master` skips slot-gate and jumps straight to PROPOSE_PLAN. 7 hero archetypes (rule 9) match brand vibe to layout (center-text / carousel / split-screen / editorial / dashboard / quote-led / left-character). Reveal safety net (rule 10), wordmark-only logo (rule 5), container-inner consistency (rule 7), decomposed hero (rule 8).
 - **omd:remember** — Captures user corrections to `.omd/preferences.md` automatically when the agent detects them.
 - **omd:learn** — Folds pending corrections back into DESIGN.md by scope.
 - **omd:sync** — Maintains the shim files (CLAUDE.md / AGENTS.md / Cursor mdc) so every agent reads your DESIGN.md.
@@ -168,6 +190,21 @@ Works with Claude Desktop, Cursor, Cline, Continue, and Codex. Zero AI calls, ze
 - It is not an SDK. If you need the matching algorithm or shim format, look at the skill markdown directly.
 - It does not generate emojis as icons. Asset agent prefers inline SVG (Lucide-matched or custom).
 
+## Repository layout
+
+> For contributors. If you're just *using* OmD, you never touch these — the install ships everything you need.
+
+The brand `DESIGN.md` corpus lives in more than one place **on purpose**. Here's the map so nothing looks like accidental duplication:
+
+| Path | In git? | Ships to npm? | Role |
+|---|---|---|---|
+| `web/references/<id>/DESIGN.md` | ✅ | ✅ (CLI pkg) | **Canonical source of truth.** Lives under `web/` because the Vercel project root is `web/` — the site build can only read files beneath it. Everything else is derived from here. |
+| `references` → `web/references` | ❌ gitignored | — | Local convenience symlink so root-level scripts/tests resolve the same path during local dev. |
+| `design-md/<id>/DESIGN.md` | ✅ | ❌ | Public [awesome-design-md](https://github.com/VoltAgent/awesome-design-md)-style mirror — frontmatter-stripped + a "Source / Last verified" note. A different *format*, not a byte copy. |
+| `packages/mcp/data/references/` | ❌ gitignored | ✅ (MCP pkg) | Build artifact. Regenerated from `web/references` by `packages/mcp/scripts/sync-data.mjs` on every `prepublish`/`build`. Never edit by hand. |
+
+**Rule of thumb: edit `web/references/<id>/DESIGN.md` only.** `web/scripts/build-registry.mjs` regenerates the typed registry, and the pre-commit catalog-integrity gate (`web/__tests__/catalog-integrity.test.ts`) plus `sync-data.mjs` keep the derived copies honest.
+
 ## Changelog
 
 See [CHANGELOG.md](CHANGELOG.md) for release history. Migrating from 0.1.x: see [MIGRATION.md](MIGRATION.md).

package/agents/omd-master.md

@@ -91,7 +91,19 @@ Each turn you are in one state. Determine current state from `.handoff.json` `st
 
 ### State definitions
 
-- **INTAKE**: First turn. Read `.omd/context.json` if it exists (skill caches via `node scripts/context.cjs` helper if available); else compute inline (Glob `**/package.json,**/*.{css,scss,tsx,jsx,vue,svelte}` + Read top files + grep for color/spacing literals). Decide INTAKE branch:
+- **INTAKE**: First turn.
+
+  **0.0.1 — Prefilled-slots fast path (v1.6.0+).** Before any other branch logic, Read `<RUN_DIR>/handoff/.handoff.json` if it exists. If it has `prefilled_slots` AND `state: "PROPOSE_PLAN"`, the omd-harness skill ran CTX-PRIME + Interview-lite already and pre-filled the slots (`audience`, `exit_scope`, `wow_moment`, `cta_primary`, `visual_grounding`).
+
+  Also Read `<RUN_DIR>/ctx-prime.json` for the codebase analysis (stack, brand_signal, surface_inventory, wow_moment_candidates).
+
+  → **Skip SLOT_GATE entirely.** Use prefilled_slots as authoritative. Jump straight to PROPOSE_PLAN with `ctx_prime.brand_signal` seeded as initial token defaults (override-able during PLAN_REVIEW). Only re-ask via ASK_TEST if a slot truly required for the chosen `exit_scope` is *missing* from prefilled_slots — never re-ask `audience` or `wow_moment` if already filled.
+
+  Acknowledge the handoff in your first user-facing prose: "분석 결과 + 페르소나 답 받았어요 — {audience} / {wow_moment} 방향으로 plan 잡을게요." Don't re-interrogate.
+
+  Continue from PROPOSE_PLAN.
+
+  **0.0.2 — Legacy fast path.** If no prefilled_slots, read `.omd/context.json` if it exists (skill caches via `node scripts/context.cjs` helper if available); else compute inline (Glob `**/package.json,**/*.{css,scss,tsx,jsx,vue,svelte}` + Read top files + grep for color/spacing literals). Decide INTAKE branch:
   - empty folder + URL hint in task ("Stripe 같이" / "https://...") AND persona_signal_initial = `F` → **F-FAST PATH**: skip SLOT_GATE entirely, propose plan immediately with all defaults (audience=`[FILL IN]`, tone_seed from URL or `stripe`, exit_scope=`handoff-zip`, etc.). Founder smashes `go`, gets handoff zip ASAP.
   - empty folder (no URL) → SLOT_GATE (greenfield mode)
   - existing code → CONTEXT_DETECT brief, then SLOT_GATE

package/data/reference-fingerprints.json

@@ -1,8 +1,8 @@
 {
   "schema_version": 1,
-  "generated_at": "2026-05-15T00:00:00Z",
+  "generated_at": "2026-06-01T00:00:00Z",
   "generator": "oh-my-design parallel agent extraction (Claude Code Agent tool, no API key)",
-  "count": 137,
+  "count": 150,
   "items": [
     {
       "id": "17live",
@@ -3268,6 +3268,384 @@
       "signature_motion": "찜 heart: outline → filled brand pink with brief pulse; primary CTA uses pink-400 fill, darkening to pink-450/550 on hover/press.",
       "has_personas": true,
       "category_raw": "Commerce / Women's Fashion Discovery"
+    },
+    {
+      "id": "sendbird",
+      "primary_color_hex": "#742DDD",
+      "category": "Developer Tools",
+      "visual_theme": "Two-faced infrastructure: a token-driven chat UIKit on Sendbird purple #742DDD over an 8-step neutral grayscale with universal 4px flat fills, paired with a near-monochrome marketing site — white ground, 72px serif display headline, Helvetica Now Text body, black/white pill CTAs. Brand color is held back from chrome and spent only on product primary actions.",
+      "voice_fingerprint": {
+        "register": "infrastructure-precise",
+        "sentence_length": "short",
+        "metaphor_density": "low",
+        "vocabulary_register": "english-technical"
+      },
+      "tone_keywords": [
+        "precise",
+        "reliable",
+        "enterprise-assured",
+        "plain",
+        "calm",
+        "invisible"
+      ],
+      "antipatterns": [
+        "No gradients or drop shadows — flat fills and 1px hairlines only",
+        "No brand purple in marketing chrome",
+        "No second brand hue; green/red/blue are semantic only",
+        "No multi-field spec lines",
+        "No body copy set in the serif display face"
+      ],
+      "signature_motion": "New messages fade/slide in at the column bottom (~150-200ms ease-out); near-instant color steps on hover/focus/press (purple-300 -> 400 -> 500); overlay scrim fades in ~200ms. Motion clarifies, never performs.",
+      "has_personas": true,
+      "category_raw": "developer-infra / conversations API (UIKit)"
+    },
+    {
+      "id": "velog",
+      "primary_color_hex": "#12B886",
+      "category": "Developer Tools",
+      "visual_theme": "Reading-first Korean dev-blog surface on the Open Color palette: soft gray0 #F8F9FA canvas, white content, near-black #212529 text, and brand teal6 #12B886 reserved as the single action signal (the write button). Calm, editorial, content-forward.",
+      "voice_fingerprint": {
+        "register": "calm-editorial",
+        "sentence_length": "medium",
+        "metaphor_density": "low",
+        "vocabulary_register": "korean-developer"
+      },
+      "tone_keywords": [
+        "calm",
+        "reading-first",
+        "minimal",
+        "content-forward",
+        "legible",
+        "developer-native"
+      ],
+      "antipatterns": [
+        "No teal as a background wash — it is the single action color",
+        "No pure black text (use #212529)",
+        "No heavy shadows — depth is the gray-to-white value step",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Quiet, near-instant state transitions; the dark login pill and teal write button are static anchors — motion stays out of the reading surface.",
+      "has_personas": true,
+      "category_raw": "developer-tools / dev-blogging platform"
+    },
+    {
+      "id": "nhncloud",
+      "primary_color_hex": "#125DE6",
+      "category": "Developer Tools",
+      "visual_theme": "Two-surface enterprise cloud: a polished corporate site (Pretendard Variable, vivid brand blue #125DE6, big 30px rounded pills) paired with the TOAST UI open-source widget library (lighter #00a9ff accent, tight 4px radius, 13px text). Clean, functional, trustworthy infrastructure.",
+      "voice_fingerprint": {
+        "register": "enterprise-precise",
+        "sentence_length": "medium",
+        "metaphor_density": "low",
+        "vocabulary_register": "korean-technical"
+      },
+      "tone_keywords": [
+        "enterprise",
+        "trustworthy",
+        "functional",
+        "clean",
+        "scalable",
+        "precise"
+      ],
+      "antipatterns": [
+        "Don't mix the corporate 30px-pill language with the TOAST UI 4px-widget language",
+        "Don't use the #00a9ff widget blue as the corporate brand color (#125DE6)",
+        "No gradients",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Restrained corporate transitions; functional widget interactions in TOAST UI. Motion clarifies, never decorates.",
+      "has_personas": true,
+      "category_raw": "backend-devops / cloud infrastructure (NHN Cloud + TOAST UI)"
+    },
+    {
+      "id": "hyundaicard",
+      "primary_color_hex": "#000000",
+      "category": "Fintech",
+      "visual_theme": "Monochrome premium minimalism — black-and-white luxury where withholding color IS the identity — anchored by the proprietary Youandi (유앤아이) typeface as the brand signature. White ground, black ink, Noto Sans KR body, typography-as-identity. Korea's most design-celebrated card brand.",
+      "voice_fingerprint": {
+        "register": "premium-restrained",
+        "sentence_length": "short",
+        "metaphor_density": "low",
+        "vocabulary_register": "korean-premium"
+      },
+      "tone_keywords": [
+        "premium",
+        "monochrome",
+        "minimal",
+        "typographic",
+        "confident",
+        "cultured"
+      ],
+      "antipatterns": [
+        "No decorative color — the brand is monochrome; color is withheld on purpose",
+        "Don't substitute a generic font for the Youandi display identity",
+        "No visual clutter — typography and whitespace carry it",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Editorial restraint — slow, deliberate reveals; nothing flashy. The premium feel comes from stillness and typographic precision.",
+      "has_personas": true,
+      "category_raw": "fintech / premium credit card (design-led brand)"
+    },
+    {
+      "id": "rayark",
+      "primary_color_hex": "#5FE0EE",
+      "category": "Entertainment",
+      "visual_theme": "Dark premium gaming aesthetic from a Taipei rhythm-game studio (Cytus/Deemo/Sdorica): a near-black #1A1C1D canvas lit by a single electric-cyan #5FE0EE accent, white display type, and sharp 3px corners with white-outlined cyan CTAs. Cool, neon-on-black, rhythm-game energy.",
+      "voice_fingerprint": {
+        "register": "cool-gaming",
+        "sentence_length": "short",
+        "metaphor_density": "moderate",
+        "vocabulary_register": "english-gaming"
+      },
+      "tone_keywords": [
+        "dark",
+        "electric",
+        "premium",
+        "rhythmic",
+        "immersive",
+        "cool"
+      ],
+      "antipatterns": [
+        "No light backgrounds — the canvas is near-black #1A1C1D",
+        "No second accent — electric cyan #5FE0EE is the only chromatic lift",
+        "Don't round corners heavily (sharp 3px)",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Beat-synced, kinetic energy true to rhythm games; quick sharp transitions, neon glow accents on the cyan.",
+      "has_personas": true,
+      "category_raw": "entertainment / indie game studio"
+    },
+    {
+      "id": "91app",
+      "primary_color_hex": "#061C3D",
+      "category": "Commerce",
+      "visual_theme": "Taiwan omnichannel retail-commerce SaaS (OMO). Deep-navy #061C3D structural brand with a coral-red #E85040 action accent on a clean white ground, Traditional-Chinese Noto Sans TC, generously rounded 16px primary buttons. Reads as trustworthy retail infrastructure with B2B confidence.",
+      "voice_fingerprint": {
+        "register": "b2b-confident",
+        "sentence_length": "medium",
+        "metaphor_density": "low",
+        "vocabulary_register": "traditional-chinese-business"
+      },
+      "tone_keywords": [
+        "trustworthy",
+        "retail-savvy",
+        "confident",
+        "omnichannel",
+        "growth-driven",
+        "professional"
+      ],
+      "antipatterns": [
+        "Keep navy #061C3D structural and coral #E85040 for action — don't swap their roles",
+        "No clutter — clean white ground",
+        "Maintain the rounded 16px primary-button language",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Smooth, professional B2B transitions; confident hover states on the navy and coral CTAs. Restrained and credible.",
+      "has_personas": true,
+      "category_raw": "ecommerce / omnichannel retail SaaS (OMO)"
+    },
+    {
+      "id": "melon",
+      "primary_color_hex": "#00CD3C",
+      "category": "Entertainment",
+      "visual_theme": "Dense, white, content-first Korean music-streaming UI (Kakao Entertainment): packed charts and lists, small 12-14px Pretendard type, sharp 0px corners, with the signature Melon green #00CD3C rationed onto active nav, tabs, and primary actions. Grayscale hierarchy (#1A1A1A/#666/#999) lets the green do all the signaling.",
+      "voice_fingerprint": {
+        "register": "utilitarian-dense",
+        "sentence_length": "short",
+        "metaphor_density": "low",
+        "vocabulary_register": "korean-mainstream"
+      },
+      "tone_keywords": [
+        "dense",
+        "efficient",
+        "content-first",
+        "mainstream",
+        "scannable",
+        "green-signal"
+      ],
+      "antipatterns": [
+        "No rounded corners — Melon is square (0px)",
+        "Don't spread the green; ration it to active/primary",
+        "Don't inflate type — density depends on 12-14px",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Minimal, utilitarian transitions; the player and list interactions stay quick and quiet — the green marks live elements rather than animating.",
+      "has_personas": true,
+      "category_raw": "entertainment / music streaming"
+    },
+    {
+      "id": "kdan",
+      "primary_color_hex": "#00DC87",
+      "category": "Productivity",
+      "visual_theme": "Bold Taiwanese document-workflow SaaS (PDF/e-sign/SDKs): a deep teal-black #002D37 structural base, an electric-lime #CAFF00 pop accent, and the kdanGreen #00DC87 brand token, set in Clear Sans with crisp 4px corners. Energetic, modern, developer-credible.",
+      "voice_fingerprint": {
+        "register": "confident-modern",
+        "sentence_length": "medium",
+        "metaphor_density": "low",
+        "vocabulary_register": "english-technical"
+      },
+      "tone_keywords": [
+        "bold",
+        "modern",
+        "energetic",
+        "credible",
+        "workflow-driven",
+        "crisp"
+      ],
+      "antipatterns": [
+        "Keep kdanGreen #00DC87 as brand, #002D37 as structure, #CAFF00 as the loud accent — don't blur roles",
+        "Maintain crisp 4px corners",
+        "No gradients",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Crisp, confident transitions; the lime CTA pops with energy while the teal-black base stays steady.",
+      "has_personas": true,
+      "category_raw": "productivity / document-workflow SaaS"
+    },
+    {
+      "id": "hahow",
+      "primary_color_hex": "#00CCB4",
+      "category": "Education",
+      "visual_theme": "Friendly Taiwanese EdTech course marketplace (好學校): a soft gray-blue #F5F7F9 canvas, the bright brand teal #00CCB4 from its own design tokens, rounded 8px cards, and warm orange/coral promo accents, set in PingFang TC. Encouraging and human, not corporate.",
+      "voice_fingerprint": {
+        "register": "warm-encouraging",
+        "sentence_length": "medium",
+        "metaphor_density": "moderate",
+        "vocabulary_register": "traditional-chinese-friendly"
+      },
+      "tone_keywords": [
+        "friendly",
+        "warm",
+        "approachable",
+        "encouraging",
+        "human",
+        "playful"
+      ],
+      "antipatterns": [
+        "Keep the brand teal #00CCB4; warm orange/coral are promo accents only",
+        "Maintain rounded 8px cards (not sharp)",
+        "Don't go corporate-cold — the tone is human",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Gentle, friendly transitions; warm hover lifts on cards. Encouraging, never abrupt.",
+      "has_personas": true,
+      "category_raw": "education / EdTech course marketplace"
+    },
+    {
+      "id": "bithumb",
+      "primary_color_hex": "#1C2028",
+      "category": "Fintech",
+      "visual_theme": "Dark, premium, data-dense Korean crypto-exchange (No.1): a near-black #1C2028 structural base warmed by a bronze/brown #543E35 accent, signed by the proprietary Bithumb Trading Sans typeface, with Korea-convention trading colors (red #E15241 = up, blue #4880EE = down). Serious, money-grade.",
+      "voice_fingerprint": {
+        "register": "premium-serious",
+        "sentence_length": "short",
+        "metaphor_density": "low",
+        "vocabulary_register": "korean-financial"
+      },
+      "tone_keywords": [
+        "premium",
+        "dark",
+        "serious",
+        "data-dense",
+        "trustworthy",
+        "money-grade"
+      ],
+      "antipatterns": [
+        "Korea convention: red = price up, blue = price down (don't invert)",
+        "Keep the near-black + bronze pairing; don't lighten the trading base",
+        "Use Bithumb Trading Sans identity",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Fast, precise data updates; restrained chrome motion. The dense trading surface prioritizes information over flourish.",
+      "has_personas": true,
+      "category_raw": "fintech / crypto-asset exchange"
+    },
+    {
+      "id": "gogolook",
+      "primary_color_hex": "#0CD25F",
+      "category": "Consumer",
+      "visual_theme": "Friendly Taiwanese TrustTech (Whoscall caller-ID / anti-scam): clean white ground, vivid documented brand green #0CD25F, fully-rounded 100px pill buttons, and a big playful Nunito rounded display over Noto Sans body. Approachable protection, not enterprise security.",
+      "voice_fingerprint": {
+        "register": "reassuring-friendly",
+        "sentence_length": "short",
+        "metaphor_density": "moderate",
+        "vocabulary_register": "english-consumer"
+      },
+      "tone_keywords": [
+        "friendly",
+        "reassuring",
+        "approachable",
+        "safe",
+        "playful",
+        "trustworthy"
+      ],
+      "antipatterns": [
+        "Keep the fully-rounded pill language (100px)",
+        "Brand green #0CD25F leads; pink/teal are category accents",
+        "Don't make it look like cold enterprise security",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Bouncy, friendly micro-interactions on the rounded pills; reassuring and light.",
+      "has_personas": true,
+      "category_raw": "consumer-tech / TrustTech anti-scam app"
+    },
+    {
+      "id": "kkbox",
+      "primary_color_hex": "#00B6E1",
+      "category": "Entertainment",
+      "visual_theme": "Dark, premium Taiwanese music-streaming (KKCompany): a near-black #111111 canvas, the signature KKBOX cyan-blue #00B6E1 as the single brand accent, oversized Work Sans display type, and softly-rounded 30px buttons. Cinematic and music-forward.",
+      "voice_fingerprint": {
+        "register": "cinematic-premium",
+        "sentence_length": "short",
+        "metaphor_density": "moderate",
+        "vocabulary_register": "english-media"
+      },
+      "tone_keywords": [
+        "dark",
+        "premium",
+        "cinematic",
+        "music-forward",
+        "immersive",
+        "bold"
+      ],
+      "antipatterns": [
+        "Near-black #111111 canvas — don't lighten",
+        "KKBOX cyan #00B6E1 is the single accent; don't add competing hues",
+        "Keep oversized Work Sans display",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Smooth, cinematic transitions; the cyan accent glows against the dark. Music-forward pacing.",
+      "has_personas": true,
+      "category_raw": "entertainment / music streaming (KKCompany)"
+    },
+    {
+      "id": "cakeresume",
+      "primary_color_hex": "#13AB67",
+      "category": "Productivity",
+      "visual_theme": "Clean Taiwanese global talent network (Cake, formerly CakeResume): white ground, confident Cake green #13AB67 for primary action, deep-green #0C4129 headings, crisp 4px corners, set in Inter. Professional, optimistic, with human warmth.",
+      "voice_fingerprint": {
+        "register": "professional-optimistic",
+        "sentence_length": "medium",
+        "metaphor_density": "low",
+        "vocabulary_register": "english-professional"
+      },
+      "tone_keywords": [
+        "professional",
+        "optimistic",
+        "clean",
+        "trustworthy",
+        "modern",
+        "human"
+      ],
+      "antipatterns": [
+        "Cake green #13AB67 for primary action; deep green #0C4129 for headings",
+        "Crisp 4px corners and Inter type",
+        "Keep it professional-warm, not playful-loud",
+        "No multi-field spec lines"
+      ],
+      "signature_motion": "Clean, professional transitions; confident green hover states. Optimistic and steady.",
+      "has_personas": true,
+      "category_raw": "saas / talent network + resume builder"
     }
   ]
 }

package/dist/bin/oh-my-design.js

@@ -26,7 +26,7 @@ var program = new Command();
 program.name("oh-my-design").description("Bootstrap oh-my-design skills + agents into your project. After install, talk to your agent in natural language \u2014 no other CLI commands.").version(readPackageVersion()).showSuggestionAfterError(true).showHelpAfterError(true);
 program.command("install-skills").description("Install omd skill files + canonical agents into agent directories (.claude/, .codex/, .opencode/). Interactive multiselect TUI by default \u2014 picks which skills + sub-agents to install.").option("--dir <path>", "Project root (defaults to cwd)").option("--agent <name...>", "Restrict to specific channels (claude-code | codex | opencode)").option("--force", "Overwrite existing files even without the omd marker").option("--all", "Skip the interactive TUI and install every shipped skill + agent (use in CI)").option("--skills <names>", "Comma-separated skill names to install (overrides TUI)", (v) => v.split(",").map((s) => s.trim()).filter(Boolean)).option("--agents-only <names>", "Comma-separated agent names to install (overrides TUI). Use --agents-only to disambiguate from --agent (channel selector).", (v) => v.split(",").map((s) => s.trim()).filter(Boolean)).action(
   async (opts) => {
-    const { runInstallSkills } = await import("../install-skills-IETT2TBJ.js");
+    const { runInstallSkills } = await import("../install-skills-UKEVE3KT.js");
     const validAgents = ["claude-code", "codex", "opencode"];
     const agents = opts.agent ? opts.agent.filter(
       (a) => validAgents.includes(a)

package/dist/{install-skills-IETT2TBJ.js → install-skills-UKEVE3KT.js}

@@ -477,22 +477,24 @@ async function runInstallSkills(opts = {}) {
     return 0;
   }
   const nextSteps = [
-    `${pc.bold("Open Claude Code (or Codex). Just say what you want:")}`,
+    `${pc.bold("Restart your agent, then type your first prompt:")}`,
     "",
-    `  ${pc.dim('"\uD1A0\uC2A4 \uC2A4\uD0C0\uC77C \uAC00\uC871 \uC2DD\uB2E8 \uACF5\uC720 \uC571 \uBA54\uC778 \uD654\uBA74 \uB514\uC790\uC778\uD574\uC918"')}`,
-    `  ${pc.dim('"Linear-clone B2B SaaS dashboard \uB9CC\uB4E4\uACE0 \uC2F6\uC5B4"')}`,
-    `  ${pc.dim('"\uC774 \uCE74\uB4DC \uC880 \uB354 \uC138\uB828\uB418\uAC8C"')}    ${pc.dim("# \uC791\uC5C5 \uC911 \uC790\uC5F0\uC5B4 \u2014 \uC790\uB3D9 \uB77C\uC6B0\uD305")}`,
+    `  ${pc.cyan("EN")}  ${pc.dim("Set up our design system \u2014 Toss-style, for a family meal-tracking app.")}`,
+    `  ${pc.cyan("KR")}  ${pc.dim("\uD1A0\uC2A4 \uC2A4\uD0C0\uC77C\uB85C \uAC00\uC871 \uC2DD\uB2E8 \uACF5\uC720 \uC571 \uB514\uC790\uC778 \uC2DC\uC2A4\uD15C \uC7A1\uC544\uC918")}`,
     "",
-    `${pc.bold("Claude\uAC00 description \uB9E4\uCE6D\uC73C\uB85C \uC790\uB3D9 \uB77C\uC6B0\uD305")} ${pc.dim("\u2014 \uC2AC\uB798\uC2DC \uBA85\uB839 \uC548 \uCCD0\uB3C4 \uB428. Hook\uC740 DESIGN.md \uBD80\uC7AC \uC2DC omd:init \uC548\uB0B4\uB9CC.")}`,
+    `${pc.dim("Your agent runs omd:init and writes DESIGN.md. Then build against it:")}`,
+    `  ${pc.cyan("EN")}  ${pc.dim("Design the home screen.")}   ${pc.cyan("KR")}  ${pc.dim("\uD648 \uD654\uBA74 \uB514\uC790\uC778\uD574\uC918")}`,
     "",
-    `${pc.dim("Power user shortcut: ")}${pc.cyan("/omd-harness <task>")} ${pc.dim("\u2014 \uC989\uC2DC \uC9C4\uC785.")}`,
+    `${pc.dim('Full walkthrough \u2192 "Your first 60 seconds" in the README. Routing is automatic \u2014 no slash command needed.')}`,
+    `${pc.dim("Power user: ")}${pc.cyan("/omd-harness <task>")}${pc.dim(" \u2014 jump straight into the pipeline.")}`,
     "",
-    `${pc.yellow("\u26A0 Already-running Claude Code session?")} ${pc.dim("Run `/agents` inside the session to reload \u2014 or quit (Cmd+Q on macOS) and relaunch. Without reload, hooks/agents do not load.")}`
+    `${pc.yellow("\u26A0 Already-running session?")} ${pc.dim("Run `/agents` to reload \u2014 or quit (Cmd+Q on macOS) and relaunch. Without reload, hooks/agents do not load.")}`
   ].join("\n");
   p.note(nextSteps, "Next");
+  const hookCount = targets.includes("claude-code") ? 4 : 0;
   p.outro(
     pc.green(
-      `Done. 6 skills \xB7 11 sub-agents \xB7 4 hooks installed (${writtenCount} files).`
+      `Done. ${skills.length} skills \xB7 ${canonicalAgents.length} sub-agents \xB7 ${hookCount} hooks installed (${writtenCount} files).`
     )
   );
   return 0;
@@ -500,4 +502,4 @@ async function runInstallSkills(opts = {}) {
 export {
   runInstallSkills
 };
-//# sourceMappingURL=install-skills-IETT2TBJ.js.map
+//# sourceMappingURL=install-skills-UKEVE3KT.js.map