frontend-design
Interfaces que no se ven hechas con IA.
Qué hace
Genera páginas y componentes con criterio de diseño de verdad, escapando del aspecto genérico que tienen casi todas las interfaces generadas automáticamente.
El problema de pedirle una landing a una IA es que salen todas iguales. Esta skill existe justamente para evitar eso.
Para qué sirve
Tres cosas concretas que puedes hacer con ella.
Que se vea distinto
Empuja hacia decisiones de diseño con personalidad en vez del degradado morado de siempre.
Listo para producción
El código que genera es usable, no una maqueta que hay que rehacer.
Sirve para todo
Landings, paneles, componentes sueltos o el rediseño de algo que ya existe.
Cómo se instala
Necesitas Claude Code andando. Si todavía no lo tienes, en recursos está la guía para instalarlo desde cero.
-
1 Copia la carpeta donde Claude Code la busca
Windows: C:\Users\TU_USUARIO\.claude\skills\ Mac: ~/.claude/skills/
Cada skill vive en su propia carpeta con un SKILL.md adentro. Reinicia Claude Code después de copiarla.
-
2 Reinicia Claude Code
Se activa sola cuando le pidas algo que le corresponda. No hay que invocarla por su nombre.
Cómo se usa
No hay que invocarla por su nombre. Se activa sola cuando le pides algo que le corresponde, por ejemplo:
hazme la landing de este producto, que no se vea genérica
De quién es
Esta skill no la hice yo, y su archivo no declara autor, así que no puedo darte el crédito correcto. Si es tuya, escríbeme y le pongo tu nombre y el enlace.