awesome-design-md

# Awesome DESIGN.md Use this skill when you want to apply a proven visual style to a project by adding a `DESIGN.md` file from the VoltAgent `awesome-design-md` collection. ## Trigger - User wants UI to look like a known product/site style. - User asks to add or refresh `DESIGN.md` for coding-agent UI output. - User wants consistent typography, colors, spacing, and component styling before UI implementation. - User has no design稿 and needs a fast, high-quality visual starting point. ## Preconditions - Run from the target project root. - `npx` is available. - If `DESIGN.md` already exists, decide whether to overwrite (`--force`) or write to another path (`--out`). ## Workflow 1. List available design slugs: ```bash npx --yes getdesign@latest list ``` 2. Install a selected style: ```bash npx --yes getdesign@latest add <slug> ``` Behavior: - First install writes `./DESIGN.md`. - If `DESIGN.md` already exists, CLI writes `./<slug>/DESIGN.md`. 3. Overwrite the active `DESIGN.md` when required: ```bash npx --yes getdesign@latest add <slug> --force ``` 4. Write to a custom output path (optional): ```bash npx --yes getdesign@latest add <slug> --out ./docs/DESIGN.md ``` 5. Verify output exists and is readable: ```bash ls -la DESIGN.md <slug>/DESIGN.md 2>/dev/null ``` 6. Tell the coding agent to follow the file before UI tasks. ## No-Design-Draft Fast Path When user has no design draft, pick one baseline slug by product intent: - `B2B/SaaS dashboard`: `linear`, `ve...