awesome-claude-design (VoltAgent) vs design-extract
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.
Another one-command URL → design system — with native exports for iOS, Android, Flutter, WordPress.
- rating
- 4★
- tested
- —
- cost
- free
- install
- drop-in
- stars
- 1,362
- updated
- 4d ago
Web-only workflows — dembrandt is simpler and enough for those.
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-extract
Similar to dembrandt but throws in a lot more: direct exports to iOS (SwiftUI), Android Compose, Flutter, WordPress, Tailwind v4, Figma variables, and shadcn/ui components. It also runs a CSS health audit + WCAG accessibility check on the target site. If you're building native apps or WordPress sites and not just web, this covers paths dembrandt doesn't. Free, MIT, very actively maintained.