design-md-librarylisted
Install: claude install-skill JZKK720/cubecloud-skillsboundle-setup
# design-md-library
Index into the **awesome-design-md** collection (VoltAgent/awesome-design-md, MIT).
74 `DESIGN.md` files extracted from real websites, each following the Google Stitch
DESIGN.md spec (9 sections: visual theme, color palette, typography, components,
layout, depth, do/don'ts, responsive, agent prompt guide).
## Where the files live
The fork mirror is at:
```
~/dev/forks/JZKK720/awesome-design-md/design-md/<site>/DESIGN.md
```
Each `<site>/` dir also has a `README.md` with a one-line description. Read the
`DESIGN.md` for the full design system; the README is just a label.
## How to use
1. Identify the brand/site the user wants to emulate (e.g. "make it look like Stripe",
"use the Linear design system", "build a page in the Vercel style").
2. Check if that site is in the index below. If yes, `read_file` the DESIGN.md at the
path shown and apply it verbatim — it already contains the agent prompt guide.
3. If the user names a brand NOT in the index, tell them it's not in the library and
either (a) fall back to the closest match by category, or (b) ask if they want a
generic design system instead. Do not fabricate a DESIGN.md.
4. Do NOT copy the DESIGN.md into the project unless the user asks. Just read it and
follow its rules when generating UI.
## Categories (for fallback matching)
- **AI & LLM Platforms:** claude, cohere, elevenlabs, minimax, mistral.ai, ollama,
opencode.ai, replicate, runway, together.ai, voltagent, x.ai
- **Develope