oh-my-design
Generate DESIGN.md files from 67 real company design systems with an interactive wizard, zero AI calls, and a brand-philosophy layer for AI coding agents.
At a Glance
Fully free and open-source under the MIT License. No cost, no API keys required.
Engagement
Available On
Alternatives
Listed Apr 2026
About oh-my-design
oh-my-design (OmD) is an open-source CLI and web tool that generates DESIGN.md files from 67 real company design systems, giving AI coding agents enough brand context to produce on-brand UI instead of generic defaults. It extends the Google Stitch DESIGN.md format with the OmD v0.1 Philosophy Layer — six additional sections covering Voice, Narrative, Principles, Personas, States, and Motion. Everything runs client-side with no API keys and zero AI calls required.
- 67 Reference Design Systems — browse real-company
DESIGN.mdfiles from companies like Stripe, Figma, Apple, Notion, Toss, and more, organized by category and region. - OmD v0.1 Philosophy Layer — adds sections 10–15 (Voice & Tone, Brand Narrative, Principles, Personas, States, Motion & Easing) on top of Google Stitch's base 9 sections for richer brand context.
- Interactive Builder — pick a reference, tune colors, border radius, dark mode, and components, then export a ready-to-use
DESIGN.mdin seconds. - Claude Code Skill — a bundled
.claude/skills/omd/SKILL.mdthat auto-applies the OmD spec as a hard constraint when generating UI in Claude Code. - Design Systems Directory — 34 of the 67 references link to verified public design system or brand-guidelines pages with live thumbnails.
- Personal Curation Quiz — a short MBTI-style survey that maps your design personality to one of the 67 references and preloads the builder with that reference.
- CLI Export Pipeline — TypeScript CLI with a Vitest suite of 370 tests covering unit and per-reference smoke tests, plus 88 web tests.
- Zero AI Calls — the entire generation pipeline runs locally; no external API keys or network requests are needed.
- MIT Licensed — free to use, modify, and distribute; contributions via pull requests are welcome.
Community Discussions
Be the first to start a conversation about oh-my-design
Share your experience with oh-my-design, ask questions, or help others learn from your insights.
Pricing
Open Source (MIT)
Fully free and open-source under the MIT License. No cost, no API keys required.
- Generate DESIGN.md from 67 real company design systems
- Interactive web builder
- CLI export pipeline
- OmD v0.1 Philosophy Layer
- Claude Code skill bundle
Capabilities
Key Features
- Generate DESIGN.md from 67 real company design systems
- OmD v0.1 Philosophy Layer (Voice, Narrative, Principles, Personas, States, Motion)
- Interactive web builder with color, radius, and dark mode tuning
- Claude Code skill bundle for on-brand UI generation
- Design Systems Directory with 34 verified public design system links
- Personal curation quiz mapping design personality to references
- CLI export pipeline with TypeScript
- Zero AI calls — fully client-side
- Country/region filter for references
- Component selection and A/B style preferences
- Vitest test suite (370 CLI + 88 web tests)
- MIT licensed open-source