kwakseongjae/oh-my-design

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

What it solves

Coding agents often struggle to maintain consistent design systems, leading to "design slop" where UI components are generated without a unified philosophy or strict adherence to accessibility and brand standards. This project provides a structured, agent-native framework to define, enforce, and document design systems directly within your repository.

How it works

The system forces an AI agent to follow a strict derivation chain: Philosophy → Decision Table → Tokens → Component Contracts → Layout Grammar. By using a DESIGN.md file as the source of truth, the agent is constrained by explicit rules and "slop gates" that prevent it from inventing arbitrary styles. The CLI provides tools to validate these files, serve a local documentation site (omd book), and manage the integration with popular coding agents like Claude Code, Cursor, and OpenCode.

Who it’s for

This tool is designed for developers and teams who use AI coding agents to build user interfaces and want to ensure those agents produce high-quality, brand-consistent, and accessible code that adheres to a formal design system.

Highlights

  • Agent-Native Workflow: Integrates directly with Claude Code, Cursor, and OpenCode to provide design-specific skills and specialist roles.
  • Strict Enforcement: Includes 54 "slop gates" and 8 system-fidelity gates that automatically fail builds if they deviate from the established design contract.
  • Portable Documentation: Generates a DESIGN.md file that acts as a portable, human-readable, and machine-verifiable contract.
  • Rich Reference Library: Includes access to 500+ quality-graded company design references to help bootstrap new projects.
  • No External Dependencies: Core workflows run locally within your existing agent session without requiring extra API keys or MCP servers.

Related

  • Project
    Owl-Listener/designer-skills

    A set of Claude Code/Gemini‑CLI plugins that turn design knowledge into machine‑readable skills and ready‑to‑run commands, letting AI agents execute full design workflows (research, strategy, UI, interaction, systems, ops, critique) directly from the assistant.

  • Project
    mxyhi/ok-skills

    OK Skills is a library of 31 ready‑to‑use *skill packs* for AI coding agents (Codex, Claude Code, Cursor, etc.). Each skill lives in its own directory with a `SKILL.md` that tells the agent how to run the underlying script (e.g., browser automation, docs lookup, planning, design). Install by cloning into `~/.agents/skills` (or the Autohand equivalent), copy the `CLAUDE_AGENTS.md` sections into your agent’s config, and then ask the agent to “Use <skill‑name> …”. The repo provides categories such as Research, Planning, Automation, Frontend, and Utilities, and serves developers who want portable, repeatable AI‑agent capabilities instead of ad‑hoc prompts.

  • Project
    can1357/oh-my-pi

    A full-featured coding agent CLI with IDE integration, subagents, debugging, and many built-in tools, built on Rust and TypeScript.

  • Project
    iamfakeguru/agent-md

    agent‑md is a lightweight framework that installs rule files, git‑hooks, and helper scripts to turn AI coding assistants (Claude Code, Codex, Cursor, Windsurf) into contract‑driven agents. It provides a single source‑of‑truth markdown file (AGENT.md) plus enforceable checks (type‑check, lint, tests, visual screenshots, state updates) that block the model until the required evidence is present.

  • Project
    jbarbier/CLAUDE.md

    A set of opinionated instructions and a workflow contract for AI coding agents to ensure high-quality, predictable code and professional communication.