Skip to documentation
oh-my-design
Overview▾

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.

01

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.

01

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.

01

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 31 skills, 20 agent definitions, and 521 quality-graded DESIGN.md references: 299 verified_v2, 109 partial, and 113 legacy snapshots. Use verified_v2 references for public demos. Cursor 2.4+ receives 30 compatible Agent Skills plus a small project rule; separately generated specialist roles remain available on channels that support them.

31 product skills · 20 specialist agents · 299 verified_v2 / 109 partial / 113 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@latest
npx oh-my-design-cli@latest doctor

Restart 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 catalog is where you read a reference; the CLI carries that context into the user’s own codebase.