kwakseongjae/oh-my-design

Give your AI coding agent a design system. One command installs 400+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.

What it solves

It provides a structured design workflow for AI coding agents, preventing them from making arbitrary design decisions. By introducing a project-owned DESIGN.md file, it ensures that the agent adheres to a consistent brand specification, voice, and visual principles across a project.

How it works

The tool installs a bundle of skills, specialist sub-agents, and a catalog of over 440 company design references into existing coding agents like Claude Code, Codex, OpenCode, and Cursor. It uses a CLI to bootstrap these assets locally. Once installed, the agent can use specific skills (like omd:init) to create a DESIGN.md based on a real-world company reference (e.g., Stripe or Toss). The agent then reads this file to maintain design consistency during the development process.

Who it’s for

Developers using AI coding agents who want their generated UI/UX to follow professional design systems and brand guidelines rather than generic AI defaults.

Highlights

  • Broad Agent Support: Works with Claude Code, Codex, OpenCode, and Cursor.
  • Extensive Reference Library: Includes 440+ quality-graded company design references.
  • Specialized AI Roles: Provides 18 specialist sub-agents for tasks like UX research, accessibility audits, and copy humanization.
  • Local-First: Core workflows run within the existing agent session without needing separate API keys or MCP servers.
  • Portable Specification: The DESIGN.md file lives in the repository, making design decisions reproducible across different sessions.

Related

  • Project
  • Project
  • Project
  • Project
  • Project