Awesome Design: Brand Reference Library

A curated collection of DESIGN.md files — one per brand — each extracting that product's real design tokens: color palette + semantic roles, typography hierarchy, component stylings (buttons/cards/inputs/nav with states), spacing/grid, shadow/elevation system, responsive breakpoints, and do's/don'ts. Source: voltagent/awesome-design-md (credit to VoltAgent — this skill just wraps it for easy install; the reference content and its license belong to that repo).

One-time setup

If ${CLAUDE_PLUGIN_DATA}/awesome-design-md/ doesn't exist yet — the user asks to "set up awesome design," or a brand reference is needed and none has been cloned — clone it:

mkdir -p ${CLAUDE_PLUGIN_DATA}
git clone https://github.com/voltagent/awesome-design-md ${CLAUDE_PLUGIN_DATA}/awesome-design-md

Full clone (not shallow), so a later git pull in that directory picks up brands added upstream over time. This only needs to run once — it persists in the plugin's data directory across updates.

Using a brand reference