De un vistazo
Por qué tu diseño se ve genérico
frontend-design: que no se vea hecho por IA
UI UX Pro Max: le enseña a Claude a diseñar
Emil Kowalski: animaciones que se sienten bien
Huashu Design: reemplaza tus apps de diseño
Vercel: el auditor que te dice qué está mal
frontend-design · ui ux pro max · animaciones · huashu · auditor de vercel
No necesitas saber diseñar: instalas la skill, le hablas a Claude y él hace el trabajo
Cada una le da a Claude una habilidad de diseño distinta —generar, aprender a diseñar, animar, prototipar y auditar— y todas se instalan con npx skills add. Truco: funcionan mucho mejor si le pasas imágenes de referencia. Tres de estas ya tienen su guía a detalle en la bóveda; aquí te enseño cuál es cada una, su comando y un prompt listo para copiar.
Cierre de la guía
No tienes que instalar las cinco de un jalón. Empieza con frontend-design y UI UX Pro Max, haz tu primer diseño y, cuando le agarres el modo, súmale las animaciones y el auditor. Esta guía vive en la bóveda de tododeia.
Repos y sitios oficiales
frontend-design · Anthropic (GitHub)
La skill oficial que hace que Claude decida el diseño antes de codear.
UI UX Pro Max · GitHub
67 estilos, 161 paletas y 57 pareos de fuentes para enseñarle a diseñar a Claude.
Emil Kowalski · skill en GitHub
Animaciones, transiciones y movimiento fluido para la web.
Huashu Design · GitHub
Prototipos de iPhone, PPTX y animaciones MP4 desde Claude Code.
Vercel agent-skills · GitHub
Incluye web-design-guidelines, el auditor de interfaz con 100+ reglas.
Guías que se conectan con esta
Guía hecha por la comunidad, actualizada al 17 de junio de 2026. Esta página no está afiliada a Anthropic, nextlevelbuilder, Emil Kowalski, alchaincyf ni Vercel. Las cifras y comandos provienen de los repos oficiales en 2026 y pueden cambiar; revisa cada repo para lo más reciente.