awesome-claude-design (VoltAgent) vs DESIGN.md Spec (Google)
Both in the design systems category. Side-by-side — pick the one that fits your stack tonight.
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
You have a unique custom brand — extract your own DESIGN.md from your site with dembrandt or design-extract.
Google's open standard for describing a brand to any AI agent. No more vendor lock-in.
- rating
- 4★
- tested
- —
- cost
- free
- install
- drop-in
- stars
- 2,963
- updated
- 4d ago
You already use a tool that extracts DESIGN.md for you (dembrandt, design-extract). The spec is for hand-writing or verifying.
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 Spec (Google)
Google open-sourced the DESIGN.md spec in April. It's the official format that tells any coding agent — Claude, Cursor, Codex, whatever — exactly what your brand looks like: colors, type, spacing, components, interaction states. Before this, every tool invented its own slightly different DESIGN.md shape. Now there's a canonical one. If you're writing a DESIGN.md from scratch — or reading one — this is the reference. Apache 2.0, actively maintained, 3k stars in under a month.