Skip to main content
ClaudeWave
VoltAgent avatar
VoltAgent

awesome-claude-design

Ver en 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 estrellas291 forksMITActualizado 1mo ago
Nota editorial

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.
Casos de uso

Resumen de Awesome Lists

README no disponible. Visita el repo en GitHub para la documentación completa.
claude-codeclaude-designdesign-mddesign-systemfigma

Lo que la gente pregunta sobre awesome-claude-design

¿Qué es VoltAgent/awesome-claude-design?

+

VoltAgent/awesome-claude-design es awesome lists para el ecosistema de Claude AI. Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot. Tiene 2.7k estrellas en GitHub y se actualizó por última vez 1mo ago.

¿Cómo se instala awesome-claude-design?

+

Puedes instalar awesome-claude-design clonando el repositorio (https://github.com/VoltAgent/awesome-claude-design) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.

¿Es seguro usar VoltAgent/awesome-claude-design?

+

Nuestro agente de seguridad ha analizado VoltAgent/awesome-claude-design y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.

¿Quién mantiene VoltAgent/awesome-claude-design?

+

VoltAgent/awesome-claude-design es mantenido por VoltAgent. La última actividad registrada en GitHub es de 1mo ago, con 2 issues abiertos.

¿Hay alternativas a awesome-claude-design?

+

Sí. En ClaudeWave puedes explorar awesome lists similares en /categories/awesome, ordenados por popularidad o actividad reciente.

Despliega awesome-claude-design en tu cloud

Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.

¿Mantienes este repo? Añade un badge a tu README

Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.

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>

Más Awesome Lists