← all repositories
VoltAgent/awesome-claude-design

68 brand design systems formatted as AI-readable briefs

A curated library of real-world visual identities translated into `DESIGN.md` files that Claude Design can turn into a full UI scaffold in one shot.

awesome-claude-design
Not currently ranked — collecting fresh signals.
star history

What it does

This repo catalogs real-world brand aesthetics—from Anthropic’s warm terracotta to Nike’s monochrome Futura—as plain-text DESIGN.md briefs. Each brief encodes tokens, rules, and visual rationale in a format Claude Design can parse. Feed one to Anthropic’s design workspace and it scaffolds a full system: color variables, type scale, component previews, a working marketing-page UI kit, and a reusable SKILL.md.

The interesting bit

The project treats a design brief as structured data rather than prose. DESIGN.md sits between a Figma export (what) and a brand-guideline PDF (why): specific enough for an agent to act on, yet carrying the rationale so the system stays coherent when the agent hits an edge case. The concept originated with Google Stitch and was refined by getdesign.md; this repo turns it into a grab-and-go catalog.

Key highlights

  • 68 design systems across eight categories: AI platforms, developer tools, backend/devops, productivity SaaS, creative tools, fintech, e-commerce, and consumer tech.
  • Each entry links to a downloadable DESIGN.md and a detailed preview page hosted at getdesign.md.
  • Claude Design outputs a production-ready package including colors_and_type.css, preview/ cards, a working index.html UI kit, and Google Fonts substitutions for proprietary brand typefaces.
  • Ships a portable SKILL.md file so the design system can be reused across future projects.

Verdict

Grab this if you want to bootstrap a polished UI kit in Claude Design without staring at a blank page; skip it if you are looking for original design tools or prefer to build systems from scratch without AI scaffolding.

Frequently asked

What is VoltAgent/awesome-claude-design?
A curated library of real-world visual identities translated into `DESIGN.md` files that Claude Design can turn into a full UI scaffold in one shot.
Is awesome-claude-design open source?
Yes — VoltAgent/awesome-claude-design is open source, released under the MIT license.
How popular is awesome-claude-design?
VoltAgent/awesome-claude-design has 2.8k stars on GitHub.
Where can I find awesome-claude-design?
VoltAgent/awesome-claude-design is on GitHub at https://github.com/VoltAgent/awesome-claude-design.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.