DESIGN.md catalog · 521 companies · 18 countries
299 company design systems, every value traced to a capture.
Each one is a DESIGN.md your coding agent can follow. Pick one and open it in the builder.
Most selected in the builder· live count
All 521 →- 01Toss#3182f6KRverified
- 02Apple#0071e3USverified
- 03Karrot#ff6f0fKRverified
- 04Baemin#0cefd3KRverified
- 05Kakao#fee500KRverified
- 06KRDS#256ef4KRverified
- 07Samsung#000000KRverified
- 08Naver#03c75aKRverified
- 09Banksalad#13bd7eKRverified
- 10여기어때#1d8bffKRverified
Opens in the builder
Preview: toss / DESIGN.md
verifiedA screen your agent might build
Colored and shaped only by this reference's tokens.
- primary #3182f6
- on-primary #ffffff
- canvas #ffffff
- surface #f2f4f6
- foreground #191f28
- rounded.md
- 6px
- label on primary
- 3.71:1 · 24px · on-primary
Set in this page's typeface. Toss Product Sans is not loaded here.
Open Toss in the builderHow it works
- 01
Pick a reference
Search the catalog or start from the most selected. Verified references show the evidence behind each value.
- 02
Adjust it in the builder
Change color, type and components. The preview follows every change.
- 03
Hand DESIGN.md to your agent
Download the file and give it to Claude Code, Codex, Cursor or OpenCode with the first prompt the builder writes for you.
Or install it where your agent works
One command installs 28 skills and the offline catalog into Claude Code, Codex, Cursor and OpenCode. No AI calls during install.
npx oh-my-design-cli@latest
omd:init
Sets up a project DESIGN.md from the catalog reference that fits.
omd:apply
Keeps everyday UI edits inside your DESIGN.md.
omd:autopilot
Designs and builds a new surface from one prompt.
omd:harness
A guided run that stops for your review at each checkpoint.
omd:feel
Applies or audits interface detail with measured rules.
omd:remember
Records your corrections so the next change follows them.
Every verified primary, by hue
299 brand colors, each the primary its reference page shows.