[e925]
░ armory · design-systems · compare

awesome-claude-design (VoltAgent) vs design-md-generator (jasonhnd)

Both in the design systems category. Side-by-side — pick the one that fits your stack tonight.

🆓 free🔌 drop-in

68 ready-to-drop brand design systems. 'I want Spotify energy' → pick the file → done.

rating
4
tested
cost
free
install
drop-in
stars
1,176
updated
8d ago
#design-system#design.md#brand#claude-design#open-source#free
avoid if

You have a unique custom brand — extract your own DESIGN.md from your site with dembrandt or design-extract.

open the full entry →
🆓 free🔌 drop-in

Another URL → DESIGN.md generator. Pulls every real style from the actual DOM.

rating
3
tested
cost
free
install
drop-in
stars
1
updated
7d ago
#design-system#design-tokens#playwright#dom-extraction#open-source#free
avoid if

You've already tested dembrandt and it works for you — no need to stack three tools in the same slot.

open the full entry →

why it matters · awesome-claude-design (VoltAgent)

Instead of explaining your brand to Claude every session, drop in a DESIGN.md file from a brand whose aesthetic you want — IBM, NVIDIA, Pinterest, PlayStation, SpaceX, Spotify, Uber, The Verge, + 60 more. Claude Design reads it and scaffolds a full UI kit (colors, type, buttons, cards, nav) in one shot. Think of it as style preset packs for AI design. Free, MIT, updated recently. Pairs perfectly with Claude Design.

why it matters · design-md-generator (jasonhnd)

Same category as dembrandt + design-extract — points at a URL, pulls back a design system. The angle here: it extracts every computed style directly from the live DOM instead of inferring, then clusters statistically. Author claims zero hallucination because every value came off the rendered page. Newest and smallest of the three URL-to-DESIGN.md tools. Worth a head-to-head against dembrandt on one or two reference sites to see which outputs land cleaner for your use case.

more design systems to compare

derived live from the armory manifest · same-category only