¿Qué vas a recibir?
Claude ya sabe construir sitios; lo que le falta es saber diseñar. Estas cinco skills le dan librerías de componentes, criterio visual, reglas profesionales y un navegador real donde ver lo que hace. Adentro va el comando de instalación exacto de cada una —verificado en su fuente oficial— y el orden en que conviene usarlas para que tu sitio deje de parecer hecho por una IA.
Lo que incluye
- ShadCN MCP: importa componentes profesionales (botones, menús, formularios de login) en vez de construirlos desde cero
- Magic MCP de 21st.dev: hero, botones y estilo animado con un solo /ui
- Frontend Design (Anthropic) + Web Design Guidelines (Vercel): criterio visual y auditoría profesional antes de publicar
- Chrome DevTools MCP: Claude abre tu sitio en un navegador real, ve qué falla y lo arregla solo
- El comando de instalación exacto de cada skill y el orden correcto para usarlas como sistema