Skip to main content
ClaudeWave
VoltAgent avatar
VoltAgent

awesome-claude-design

View on GitHub

Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.

Awesome Lists2.7k stars291 forksMITUpdated 1mo ago
Editor's note

Awesome Claude Design is a curated collection of 68 ready-to-use DESIGN.md files, each describing a brand's visual language in a structured plain-text format that Claude Design, Anthropic's design-focused workspace at claude.ai/design, can consume to scaffold a complete UI package in a single pass. When a user uploads one of these files, Claude Design generates color tokens and CSS variables, a type scale with Google Fonts substitutes for proprietary typefaces, preview cards for colors, spacing, and components, a working UI kit as index.html with component files, and a portable SKILL.md for future reuse. The collection spans categories including AI platforms, developer tools, and SaaS products, with entries like Ollama (terminal-first monochrome), RunwayML (cinematic dark UI), and Claude itself (warm terracotta editorial layout). Users can supply the file either through the design system setup screen or by attaching it in a prototype chat. Frontend developers, product designers, and teams who want a production-ready design foundation without manual token setup are the primary audience.

ClaudeWave Trust Score
100/100
Verified
Passed
  • Open-source license (MIT)
  • Recently active
  • Healthy fork ratio
  • Clear description
  • Topics declared
  • Documented (README)
Last scanned: 6/11/2026
Use this list
Method: Clone
Terminal
git clone https://github.com/VoltAgent/awesome-claude-design
1. Browse the curated list on GitHub or clone it locally.
2. Star it to keep new additions on your radar.
Use cases

Awesome Lists overview

README preview not available. Visit the repo on GitHub for full documentation.
claude-codeclaude-designdesign-mddesign-systemfigma

What people ask about awesome-claude-design

What is VoltAgent/awesome-claude-design?

+

VoltAgent/awesome-claude-design is awesome lists for the Claude AI ecosystem. Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot. It has 2.7k GitHub stars and was last updated 1mo ago.

How do I install awesome-claude-design?

+

You can install awesome-claude-design by cloning the repository (https://github.com/VoltAgent/awesome-claude-design) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is VoltAgent/awesome-claude-design safe to use?

+

Our security agent has analyzed VoltAgent/awesome-claude-design and assigned a Trust Score of 100/100 (tier: Verified). See the full breakdown of passed checks and flags on this page.

Who maintains VoltAgent/awesome-claude-design?

+

VoltAgent/awesome-claude-design is maintained by VoltAgent. The last recorded GitHub activity is from 1mo ago, with 2 open issues.

Are there alternatives to awesome-claude-design?

+

Yes. On ClaudeWave you can browse similar awesome lists at /categories/awesome, sorted by popularity or recent activity.

Deploy awesome-claude-design to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: VoltAgent/awesome-claude-design
[![Featured on ClaudeWave](https://claudewave.com/api/badge/voltagent-awesome-claude-design)](https://claudewave.com/repo/voltagent-awesome-claude-design)
<a href="https://claudewave.com/repo/voltagent-awesome-claude-design"><img src="https://claudewave.com/api/badge/voltagent-awesome-claude-design" alt="Featured on ClaudeWave: VoltAgent/awesome-claude-design" width="320" height="64" /></a>

More Awesome Lists