awesome-claude-design

About awesome-claude-design

A collection of ready-to-use DESIGN.md files that Claude Design expands into a full UI scaffold with one drop. Awesome Claude Design Upload any to Claude Design and it scaffolds a full design system (colors, type, components, preview cards, and a working UI kit) in a single shot. Skip the blank-page design brief, grab a design system inspiration that matches the feel you want, and let Claude Design do the scaffolding. What is Claude Design? Claude Design is Anthropic's new design-focused workspace.

claude-code claude-design design-md design-system figma

Quick Facts

Stars	2,769
Forks	299
Category	Claude Skill
License	MIT
Quality Score	55.0915279631197/100
Open Issues	2
Last Updated	2026-06-20
Created	2026-04-18
Platforms	claude-code
Est. Tokens	~5k

Compatible Skills

These tools work well together with awesome-claude-design for enhanced workflows:

bridge — semantic(0.39)+complementary+rare_topics+similar_pop+shared_platform (63%)
typeui — semantic(0.55)+complementary+rare_topics+similar_pop (59%)
uSpec — semantic(0.40)+complementary+rare_topics+similar_pop+shared_platform (58%)
design-system-ops — semantic(0.66)+rare_topics+similar_pop+shared_platform (57%)
stitch-kit — semantic(0.48)+complementary+rare_topics+similar_pop+shared_platform (56%)

More Claude Skill Tools

Explore other popular claude skill tools:

skills ⭐ 157.3k
claude-code ⭐ 136.8k
claude-mem ⭐ 86.4k
caveman ⭐ 82.6k
Understand-Anything ⭐ 71.9k
oh-my-openagent ⭐ 65.3k
get-shit-done ⭐ 63.8k
Pake ⭐ 59.6k
codegraph ⭐ 58.3k
Understand-Anything ⭐ 49.9k

View all Claude Skill tools →

Frequently Asked Questions

What is awesome-claude-design?

awesome-claude-design is 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 is categorized as a Claude Skill with 2.8k GitHub stars.

How do I install or use awesome-claude-design?

You can find installation instructions and usage details in the awesome-claude-design GitHub repository at github.com/VoltAgent/awesome-claude-design. The project has 2.8k stars and 299 forks, indicating an active community.

What license does awesome-claude-design use?

awesome-claude-design is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools