oh-my-design-cli 1.5.0 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -8
- package/data/reference-fingerprints.json +1428 -523
- package/package.json +3 -3
- package/skills/omd-kr-writer/SKILL.md +1 -1
- package/web/references/17live/DESIGN.md +424 -0
- package/web/references/alipay/DESIGN.md +456 -0
- package/web/references/appier/DESIGN.md +420 -0
- package/web/references/bilibili/DESIGN.md +426 -0
- package/web/references/class101/DESIGN.md +433 -0
- package/web/references/cookpad/DESIGN.md +357 -0
- package/web/references/dji/DESIGN.md +416 -0
- package/web/references/gogoro/DESIGN.md +403 -0
- package/web/references/ichef/DESIGN.md +411 -0
- package/web/references/kakaopay/DESIGN.md +1 -1
- package/web/references/kakaot/DESIGN.md +454 -0
- package/web/references/kkday/DESIGN.md +423 -0
- package/web/references/meituan/DESIGN.md +424 -0
- package/web/references/millie/DESIGN.md +533 -0
- package/web/references/money-forward/DESIGN.md +401 -0
- package/web/references/myrealtrip/DESIGN.md +445 -0
- package/web/references/naverwebtoon/DESIGN.md +429 -0
- package/web/references/note/DESIGN.md +318 -0
- package/web/references/publy/DESIGN.md +511 -0
- package/web/references/smarthr/DESIGN.md +404 -0
- package/web/references/smartnews/DESIGN.md +331 -0
- package/web/references/spoon/DESIGN.md +446 -0
- package/web/references/tada/DESIGN.md +528 -0
- package/web/references/tossbank/DESIGN.md +519 -0
- package/web/references/triple/DESIGN.md +434 -0
- package/web/references/tumblbug/DESIGN.md +530 -0
- package/web/references/watcha/DESIGN.md +425 -0
- package/web/references/wavve/DESIGN.md +438 -0
- package/web/references/wconcept/DESIGN.md +511 -0
- package/web/references/xiaohongshu/DESIGN.md +423 -0
- package/web/references/yogiyo/DESIGN.md +465 -0
package/README.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<h1 align="center">oh-my-design</h1>
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
|
-
<strong>One-command bootstrap for skill-driven design with your AI coding agent.</strong>
|
|
8
|
+
<strong>One-command bootstrap for skill-driven design with your AI coding agent.</strong> 100+ real company design systems. Zero AI calls in the install. Then you just talk to your agent.
|
|
9
9
|
</p>
|
|
10
10
|
|
|
11
11
|
<p align="center">
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<a href="https://www.npmjs.com/package/oh-my-design-cli"><img src="https://img.shields.io/npm/dm/oh-my-design-cli?style=flat-square&color=cb3837" alt="npm downloads" /></a>
|
|
14
14
|
<a href="LICENSE"><img src="https://img.shields.io/github/license/kwakseongjae/oh-my-design?style=flat-square" alt="License" /></a>
|
|
15
15
|
<a href="https://github.com/kwakseongjae/oh-my-design/stargazers"><img src="https://img.shields.io/github/stars/kwakseongjae/oh-my-design?style=social" alt="GitHub Stars" /></a>
|
|
16
|
-
<img src="https://img.shields.io/badge/references-
|
|
16
|
+
<img src="https://img.shields.io/badge/references-100%2B-7c5cfc?style=flat-square" alt="100+ References" />
|
|
17
17
|
<img src="https://img.shields.io/badge/CLI%20commands-1-blue?style=flat-square" alt="One CLI command" />
|
|
18
18
|
</p>
|
|
19
19
|
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
**oh-my-design (OmD)** turns your AI coding agent (Claude Code / Codex / OpenCode / Cursor) into a senior product designer with a working memory of your brand. You install once. After that, you just describe what you want — components, screens, copy, assets, charts — and the agent applies your project's design system, picks the right asset medium, and ships.
|
|
25
25
|
|
|
26
|
-
`DESIGN.md` is the brand spec ([Google Stitch](https://stitch.withgoogle.com/docs/design-md/overview/) tokens + the brand-philosophy layer: Voice / Narrative / Principles / Personas / States / Motion).
|
|
26
|
+
`DESIGN.md` is the brand spec ([Google Stitch](https://stitch.withgoogle.com/docs/design-md/overview/) tokens + the brand-philosophy layer: Voice / Narrative / Principles / Personas / States / Motion). 100+ real-company DESIGN.md files ship in this package. Pick one, customize through conversation, ship.
|
|
27
27
|
|
|
28
28
|
**No API keys. No external infra. Everything runs inside your existing CLI session.**
|
|
29
29
|
|
|
@@ -80,7 +80,7 @@ Promotion of future skills into the bundle is governed by the [`omd-release-hygi
|
|
|
80
80
|
Open Claude Code (or Codex / OpenCode) in your project. Just talk:
|
|
81
81
|
|
|
82
82
|
> "Set up the design system for a calm B2B fintech dashboard."
|
|
83
|
-
> Agent picks a reference from
|
|
83
|
+
> Agent picks a reference from the catalog (likely Linear or Stripe), proposes a hybrid DESIGN.md, asks for confirmation, writes the file plus shims.
|
|
84
84
|
|
|
85
85
|
> "Make the empty-state for the search results page."
|
|
86
86
|
> Agent reads DESIGN.md, builds the component with brand tokens, picks an inline SVG illustration matching the voice, drops in microcopy that follows the §10 voice rules.
|
|
@@ -102,10 +102,10 @@ Open Claude Code (or Codex / OpenCode) in your project. Just talk:
|
|
|
102
102
|
| `.codex/skills/omd-*/SKILL.md` | install-skills | Codex skill bundle |
|
|
103
103
|
| `.opencode/agents/omd-*.md` | install-skills | OpenCode agent bundle |
|
|
104
104
|
| `.claude/agents/omd-*.md` | install-skills | 16 canonical sub-agents (master + 15 specialists) |
|
|
105
|
-
| `.claude/data/*` | install-skills |
|
|
105
|
+
| `.claude/data/*` | install-skills | reference fingerprints, vocabulary, opt-out corpus |
|
|
106
106
|
| `.claude/hooks/*.cjs` | install-skills | UserPromptSubmit / SessionStart / PostToolUse hooks |
|
|
107
107
|
| `.claude/skills/skill-rules.json` | install-skills | Skill activation rules |
|
|
108
|
-
| `references/*/DESIGN.md` | bundled |
|
|
108
|
+
| `references/*/DESIGN.md` | bundled | 100+ real design systems |
|
|
109
109
|
| `DESIGN.md` | your agent (after init flow) | Your project's authoritative brand spec |
|
|
110
110
|
| `CLAUDE.md` / `AGENTS.md` / `.cursor/rules/omd-design.mdc` | omd-sync skill | Pointers so every agent reads DESIGN.md |
|
|
111
111
|
| `.omd/preferences.md` | omd-remember skill | Append-only design correction log |
|
|
@@ -117,7 +117,7 @@ Skills (loaded into your agent's context based on prompt triggers):
|
|
|
117
117
|
|
|
118
118
|
**Core flow**
|
|
119
119
|
- **omd:apply** — DESIGN.md as authoritative context for every UI task. Routes complex requests (assets, charts, full screens, a11y audit) to specialized sub-agents.
|
|
120
|
-
- **omd:init** — Bootstrap DESIGN.md from a reference + project description.
|
|
120
|
+
- **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.
|
|
121
121
|
- **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).
|
|
122
122
|
- **omd:remember** — Captures user corrections to `.omd/preferences.md` automatically when the agent detects them.
|
|
123
123
|
- **omd:learn** — Folds pending corrections back into DESIGN.md by scope.
|
|
@@ -147,7 +147,7 @@ Plus the **6 v0.2 sub-agents** (orchestrator / kr-writer / locale-adapter / desi
|
|
|
147
147
|
|
|
148
148
|
## MCP server
|
|
149
149
|
|
|
150
|
-
Want the
|
|
150
|
+
Want the brand DESIGN.md files exposed directly to your agent as MCP resources, tools, and prompts? Use **[oh-my-design-mcp](./packages/mcp/)** — a separate, free, drop-in MCP server.
|
|
151
151
|
|
|
152
152
|
```json
|
|
153
153
|
{
|