workflowstacks
design

oh-my-design: Add design system

Install 300+ design references into your AI coding agent. For startup founders using Claude Code, Codex, Cursor, and OpenCode.
472 stars43 forksJavaScriptHealth Score 9/10Updated 8/30/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

Install / run
Run the command to install 300+ design references into your AI coding agent, as described in the GitHub repository
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
Quick start
  1. 1Access the GitHub repository at https://github.com/kwakseongjae/oh-my-design
  2. 2Review the README to understand how to integrate oh-my-design with your AI coding agent
  3. 3Use the provided command to install the design references into your agent
  4. 4Verify that the installation was successful by checking for the presence of the design references
  5. 5Start using the enhanced design capabilities in your coding projects
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

Topics

cli
design-md
design-system
design-tokens
google-stitch
nextjs
open-source
react
shadcn-ui
tailwindcss
typescript
vibe-coding
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.

18
top-level files
22
folders
190.1M
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
Quick Actions
Details
Creator
kwakseongjae
Language
JavaScript
Category
design
Published
4/13/2026

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.