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.

해결하는 문제

AI 코딩 에이전트를 위한 구조화된 디자인 워크플로우를 제공하여 임의의 디자인 결정을 방지합니다. 프로젝트 소유의 DESIGN.md 파일을 도입함으로써, 프로젝트 전반에 걸쳐 일관된 브랜드 사양, 음성, 시각적 원칙을 준수하도록 보장합니다.

작동 방식

이 도구는 Claude Code, Codex, OpenCode, Cursor와 같은 기존 코딩 에이전트에 스킬 패키지, 전문 서브에이전트, 440개 이상의 기업 디자인 참조 카탈로그를 설치합니다. CLI를 사용해 로컬에 이러한 자산을 초기화합니다. 설치 후, 에이전트는 특정 스킬(예: omd:init)을 사용해 실제 기업 참조(예: Stripe 또는 Toss)를 기반으로 DESIGN.md를 생성할 수 있습니다. 이후 에이전트는 이 파일을 읽어 개발 과정에서 디자인 일관성을 유지합니다.

대상 사용자

AI 코딩 에이전트를 사용하고 있으며, 생성된 UI/UX가 일반적인 AI 기본값이 아닌 전문적인 디자인 시스템과 브랜드 가이드라인을 따르기를 원하는 개발자들입니다.

주요 특징

  • 광범위한 에이전트 호환성: Claude Code, Codex, OpenCode, Cursor와 호환됩니다.
  • 풍부한 참조 라이브러리: 440개 이상의 품질 평가된 기업 디자인 참조를 포함합니다.
  • 전문적인 AI 역할: UX 리서치, 접근성 감사, 콘텐츠 자연스럽게 다듬기 등 18개의 전문 서브에이전트를 제공합니다.
  • 로컬 우선: 별도의 API 키나 MCP 서버 없이 기존 에이전트 세션 내에서 핵심 워크플로우가 실행됩니다.
  • 이동 가능한 사양: DESIGN.md 파일은 리포지토리에 저장되어, 다양한 세션 간에 디자인 결정을 재현 가능합니다.

관련

  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트
  • 프로젝트