kwakseongjaeCommunity·28 Agent Skills Included

oh-my-design

Design systems, UI audits, and brand-consistent product screens

Builds a portable DESIGN.md design system from 440+ real company references, then applies it to every UI task your coding agent touches. Runs guided or autonomous design pipelines with checkpoints, accessibility gates, slop audits, and quantified interface-feel rules. Eliminates generic AI-looking screens, inconsistent tokens, and manual design reviews across Claude Code, Codex, OpenCode, and Cursor.

416|35

↗

npx skills add kwakseongjae/oh-my-design --all -g -y

Available:

Tells the agent how to run the design harness phases, enforce mandatory user checkpoints, route requests to the right omd skill, and apply the project's DESIGN.md as the binding design contract.

All Skills in This Repository (28)

Pure Emerald Level Indicators

📦 In Repo

kwakseongjae

omd:design

Guide users through generating a DESIGN.md design system specification.

google-analytics

Analyze Google Analytics 4 data for website performance and user behavior.

omd-token-backfill

Automates token backfilling in existing references across multiple design system projects.

omd:add-reference

Create and verify design references from URLs or brand IDs.

omd:feel

Apply 113 quantified design rules across 17 dimensions to UI components.

omd:locale-adapter

Adapt Korean text to English, Japanese, and Traditional Chinese with cultural accuracy.

omd:apply

Apply design system rules from a DESIGN.md file to UI components and styling tasks.

omd:remember

Log design preferences and corrections into persistent storage for the oh-my-design system.

omd-lab-02-design-harness

Compare design harness versions by quality, token cost, iteration count, and abandonment rate.

omd:sync

Synchronize DESIGN.md shim files across AI coding agents.

omd:learn

Apply user corrections to the DESIGN.md file using the omd toolchain.

omd-component-harvest

Crawl public design systems to extract component patterns and tokens.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install oh-my-design?▼

Run `npx skills add kwakseongjae/oh-my-design --all -g -y` in your terminal to install all skills globally.

What does oh-my-design actually do?▼

It creates a portable DESIGN.md design system for your project from 440+ graded real-company references, then forces every UI change to follow it with tokens, component contracts, and quality gates.

Which coding agents does it work with?▼

It installs natively into Claude Code, Codex, and OpenCode, and ships a Cursor rule plus Agent Skills so the same DESIGN.md applies everywhere.

How do I stop AI-generated screens from looking generic?▼

The slop-audit and feel skills detect context-free patterns like purple gradients, card-in-card layouts, and slow transitions, then cite exact line references with fixes tied to your design system.

Do I need design experience to use it?▼

No. Describe your product in plain language and the harness or autopilot workflow derives the system, asks at most one batch of questions, and verifies the result on the real route.