design

oh-my-design: Add design system

Name: oh-my-design: Add design system
Author: kwakseongjae

Install 300+ design references into your AI coding agent. For startup founders using Claude Code, Codex, Cursor, and OpenCode.

From the repo · “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.”

542 stars+8★ this week47 forksJavaScriptGuide quality 9/10 · reviewed Jul 12Updated 10/21/2026100% free · open source

What it does

Installs 300+ hand-verified company design references into your AI coding agent to give it a design system

When to use it

•When you want to enhance your AI coding agent's design capabilities
•When you need a large set of design references for your coding projects
•When you use Claude Code, Codex, Cursor, or OpenCode and want to improve design consistency

Ready-to-paste prompt

Run the command to install oh-my-design and then use your AI coding agent to generate code with the enhanced design system, such as 'Design a login page using the installed design references'

Heads up: Ensure you are using a compatible AI coding agent, such as Claude Code, Codex, Cursor, or OpenCode, as oh-my-design is specifically designed for these platforms

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/oh-my-design && curl -fsSL https://workflowstacks.com/api/skills/oh-my-design/claude-skill -o ~/.claude/skills/oh-my-design/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

top-level files

folders

226.2M

source size

MIT

license

Key files

AGENTS.md

package.json

README.ja.md

README.ko.md

README.md

README.zh-TW.md

File tree

.agents/

.claude/

.codex/

.github/

.husky/

agents/

artifacts/

benchmarks/

bin/

config/

data/

design-md/

docs/

packages/

research/

scripts/

skills/

spec/

src/

test/

test-v2/

web/

.gitattributes

.gitignore

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/oh-my-design && curl -fsSL https://workflowstacks.com/api/skills/oh-my-design/claude-skill -o ~/.claude/skills/oh-my-design/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

kwakseongjae

Language

JavaScript