oh-my-design  by kwakseongjae

Empowering AI coding agents with brand design systems

Created 2 months ago
305 stars

Top 87.6% on SourcePulse

GitHubView on GitHub
Project Summary

Summary

oh-my-design tackles AI coding agent brand inconsistency by providing a one-command installation for 286 verified company design systems. It transforms agents like Claude Code, Codex, and Cursor into brand-aware designers, enabling natural language generation of brand-correct UI, copy, and assets. This free, MIT-licensed solution requires zero AI calls for setup, offering persistent brand memory for AI interactions.

How It Works

The system centers on DESIGN.md files, which define design tokens and brand philosophy (Voice, Narrative, Principles, etc.). A CLI tool (npx oh-my-design-cli install-skills) deploys 17 skills and 16 sub-agents into the AI environment. Activation hooks (e.g., UserPromptSubmit) ensure agents automatically reference and apply the installed design system to user requests, maintaining brand adherence without external infrastructure.

Quick Start & Requirements

  • Install:
    npx oh-my-design-cli install-skills
    
  • Prerequisites: CLI environment, supported AI agent (Claude Code, Codex, OpenCode, Cursor). Agent restart required post-installation. No external infrastructure or API keys needed for setup.
  • Links: Catalog: https://oh-my-design.kr/design-systems, Docs: https://oh-my-design.kr/docs

Highlighted Details

  • Includes 286 real-company DESIGN.md references, verified against live sources.
  • Deploys 17 core skills and 16 specialized sub-agents for comprehensive design tasks.
  • Supports Claude Code, Codex, OpenCode, and Cursor via specific installation channels.
  • DESIGN.md references are available as raw markdown for direct agent fetching.
  • Activation hooks enable automatic skill triggering on natural language prompts.

Maintenance & Community

No specific details regarding maintainers, community channels (like Discord/Slack), or sponsorships were found in the provided README text.

Licensing & Compatibility

  • License: MIT.
  • Compatibility: References are reproduced for educational reference; users should verify specific company terms if commercializing outputs.

Limitations & Caveats

Integration methods vary by agent; Cursor uses a .mdc shim and shared data catalog. The "educational reference" nature of company designs may require user diligence regarding specific terms of use. Compatibility is explicitly detailed only for Claude Code, Codex, OpenCode, and Cursor.

Health Check
Last Commit

2 days ago

Responsiveness

Inactive

Pull Requests (30d)
8
Issues (30d)
37
Star History
75 stars in the last 30 days

Explore Similar Projects

Feedback? Help us improve.