DESIGN CONTEXT FOR CODING AGENTS
Your agent already writes code. Give it design judgment and ground truth.
oh-my-design brings a quality-graded reference catalog and reusable design workflows into the coding tool you already use, with specialist agent roles on channels that support them. Then you work in natural language.
Start with the result you need
You do not need to memorize skill names. Describe the product surface; the installed skill layer routes the work.
Create a design system
Turn a product brief and one verified_v2 reference into a project-owned DESIGN.md without pretending unknown facts are known.
Prompt
“Set up a calm, trustworthy design system for our family finance app. Use Toss as a reference, but keep our existing logo and copy.”
Result
DESIGN.md, agent shims, explicit token deltas, and a confirmed first surface.
Build a complete surface
Run discovery, IA, wireframes, components, copy, accessibility, and validation as one checkpointed workflow.
Prompt
“Design and implement the onboarding for this app. Keep the current stack and use our DESIGN.md as ground truth.”
Result
A working surface, state coverage, validation notes, and handoff artifacts inside the repository.
Improve an existing UI
Audit what is already there, preserve product behavior, and fix hierarchy, rhythm, accessibility, and generic AI patterns.
Prompt
“Improve the pricing page without changing its URLs or field names. Explain the high-impact design fixes and verify the result.”
Result
Focused code changes, a before/after rationale, and deterministic quality checks.
The CLI prepares the environment your coding agent works in.
The bundle contains 20 skills, 18 agent definitions, and 440 quality-graded DESIGN.md references: 141 verified_v2, 159 partial, and 140 legacy snapshots. Use verified_v2 references for public demos. Claude Code, Codex, and OpenCode receive compatible skills, roles, and catalog data; Cursor receives a project rule and catalog.
20 product skills · 18 specialist agents · 141 verified_v2 / 159 partial / 140 legacy · zero AI calls during install
One command, then one product prompt
Run this at the project root. The installer detects your coding agents and lets you choose the target channels.
npx oh-my-design-cli@latestnpx oh-my-design-cli@latest doctorRestart the agent, run doctor once, then describe the interface you want. No daemon, API key, or MCP server is required.
What OmD adds to the current design-skill wave
Taste-style anti-slop guidance, but anchored to a project-owned DESIGN.md instead of taste alone.
Impeccable-style audit vocabulary and deterministic gates, plus reference evidence and multi-agent delivery.
Catalog quality is explicit; public demos use verified_v2 evidence, and unknown values are omitted instead of replaced with plausible fallbacks.
The builder remains the visual reference entry point; the CLI carries that context into the user’s own codebase.