omd

Apply DESIGN.md design system rules to UI generation for AI coding agents.

416|35|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/kwakseongjae/oh-my-design --skill omd
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: omd
Source: https://github.com/kwakseongjae/oh-my-design/tree/main/.claude/skills/omd
Command: npx skills add https://github.com/kwakseongjae/oh-my-design --skill omd

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill integrates a project's design system, specified in a DESIGN.md file, into AI coding agents, ensuring consistent UI output across all sessions.

Core Features & Use Cases

  • Design System Integration: Apply a DESIGN.md file as authoritative brand context for UI generation.
  • Brand Consistency: Enforce color, typography, component styles, and other design rules.
  • Use Case: When creating UI components or modifying existing ones, this Skill ensures they adhere to the project's design system.

Quick Start

Set up your design system by running the following command: npx omd install-skills

Frequently Asked Questions about omd

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I maintain UI consistency when using AI coding agents for component generation?

To maintain UI consistency with AI coding agents, you need a structured design system file that provides authoritative brand context for color, typography, and component styles during generation.

What is a DESIGN.md file and how is it used for UI generation?

A DESIGN.md file is a project root configuration document that defines design system rules. It is applied as authoritative brand context to enforce visual consistency during AI-driven UI generation.

How do I integrate a design system into an AI coding agent?

You integrate a design system by installing the required skill components via command line and ensuring a design rules file exists at your project root for the agent to read.

Do I need a specific file format to enforce brand context in AI generated UI components?

Yes, you need a DESIGN.md file located at your project root. This file acts as the authoritative brand context that dictates color, typography, and component styles for the agent.

Can I apply existing design system rules to AI coding agents without manual prompting?

Yes, by integrating a project design document into the agent environment, design rules are automatically applied to UI generation sessions without requiring manual brand context prompting.

Why does my AI coding agent ignore brand colors and typography when creating UI components?

Your AI coding agent ignores brand styles because it lacks authoritative design context. You must integrate a root design system file to enforce color and typography rules during generation.