Anthropic / frontend-design
¿Por qué toda la interfaz generada se parece, y frontend-design lo arregla?
La skill más usada del conjunto oficial, porque el estilo por defecto es el fallo más visible.
Lo que conviene recordar
- Ataca el estilo genérico, que es la señal más reconocible de una interfaz generada.
- Las restricciones funcionan mejor que los adjetivos. Di qué hay que evitar.
- No conoce tu marca si no se la das, y para eso están brand-guidelines y theme-factory.
- La calidad de diseño sigue necesitando una decisión humana al final.
01Qué cambia en la práctica
Pide a cualquier modelo una landing y sale casi siempre el mismo artefacto: héroe con degradado, tres tarjetas de características, esquinas muy redondeadas y una llamada a la acción que nadie pulsaría. Pasa porque el promedio de todo es seguro, y lo seguro es lo que sale por defecto.
La skill carga criterios de diseño deliberados antes de generar, así que el modelo parte de un punto de vista y no de un promedio. En la práctica, el primer resultado deja de parecer una plantilla y empieza a parecer una decisión, que es la diferencia entre algo editable y algo que tiras.
02Dónde decepciona
No rescata un briefing confuso. Si no sabes si la página debe sentirse como un banco o como una revista independiente, la skill elegirá por ti y no te gustará la elección.
Tampoco conoce tus activos de marca. Colores, tipografía y voz tienen que venir de algún sitio, por eso se combina con las skills de marca en vez de sustituirlas.
Instalación y primera ejecución
- Instálala desde anthropics/skills con licencia Apache 2.0.
- Nombra una sensación de referencia y una restricción, por ejemplo denso y editorial con un solo color de acento, nada juguetón.
- Pide dos direcciones contrapuestas en vez de una, y quédate con la menos previsible.
Preguntas que la gente hace de verdad
- ¿Sirve para componentes React y no solo para páginas?
- Sí. Actúa sobre las decisiones de diseño, no sobre el framework, así que aplica donde importe el resultado visual.
- ¿Respetará mi sistema de diseño?
- Por sí sola no. Aporta el sistema o combínala con brand-guidelines y theme-factory.
- ¿Basta con un prompt?
- Pocas veces. Pide dos direcciones contrapuestas y elige, que es más rápido que iterar sobre una mediocre.
Fuentes
Versiones legibles por máquina de esta página