awesome-claude-design — Claude Skill by VoltAgent

by VoltAgent · Claude Skill · ★ 3.4k

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

🔒 Is awesome-claude-design safe to install? View the security audit →

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. Instead of generating one-off screens in a chat window, it holds a persistent design system for your project: toke

claude-codeclaude-designdesign-mddesign-systemfigma

Quick Facts

Stars3,359
Forks373
CategoryClaude Skill
LicenseMIT
Quality Score55.0915279631197/100
Open Issues1
Last Updated2026-06-20
Created2026-04-18
Platformsclaude-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%)

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 · ⭐ 2.2k

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

  • typeui by bergside · ⭐ 1.7k

    Build better UI with AI

  • open-codesign by OpenCoworkAI · ⭐ 7.7k

    Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype /

  • cursor-talk-to-figma-mcp by grab · ⭐ 6.9k

    TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c

  • baoyu-design by JimLiu · ⭐ 3.2k

    Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototy

  • design-md-chrome by bergside · ⭐ 2.6k

    Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI base

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 3.4k 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 3.4k stars and 373 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, typeui, open-codesign. 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