awesome-claude-design — Claude Skill by VoltAgent

by VoltAgent · Claude Skill · ★ 60

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

About awesome-claude-design

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

claude-codeclaude-designdesign-mddesign-systemfigma

Quick Facts

Stars60
Forks2
CategoryClaude Skill
LicenseMIT
Quality Score36.75/100
Last Updated2026-04-18
Created2026-04-18
Platformsclaude-code
Est. Tokens~2k

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%)

awesome-claude-design alternative? Top 6 similar tools

Looking for a awesome-claude-design alternative? If you're comparing awesome-claude-design with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • awesome-design-skills by bergside · ⭐ 253

    List of awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch,

  • naksha-studio by Adityaraj0421 · ⭐ 235

    A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 60 commands, 13,8

  • design-studio by Adityaraj0421 · ⭐ 200

    A virtual design studio for Claude Code — 27 slash commands, 13 specialist roles, full design-to-code pipeline

  • bridge by noemuch · ⭐ 132

    Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.

  • design-system-ops by murphytrueman · ⭐ 50

    Claude Code skills for the work that keeps a design system alive

  • web-design by KAOPU-XiaoPu · ⭐ 275

    A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

More Claude Skill Tools

Explore other popular claude skill tools:

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 60 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 60 stars and 2 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.

What are the best alternatives to awesome-claude-design?

The top alternatives to awesome-claude-design on Agent Skills Hub include awesome-design-skills, naksha-studio, design-studio. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools