Saltar al contenido
Gabriel Neuman
Gabriel Neuman

DISEÑO · DIRECCIÓN VISUAL

anthropics/skillsEn producción aquí

El skill de Anthropic para que la interfaz que genera el agente no se vea generada por un agente.

Todo lo que sale de un agente sin dirección se parece: mismo gradiente, misma tipografía, mismo hero con número grande. Este skill le da criterio de diseño —tipografía, paleta, jerarquía— para que la pieza tenga identidad en vez de leerse como plantilla.

Skill
frontend-design
Estrellas del repo
176k★
Lenguaje
Python
Revisado
16 sep 2026

Instalar

npx skills add https://github.com/anthropics/skills/tree/main/skills/frontend-design
CompartirXLinkedIn

Lo que ofrece

De un vistazo, qué te llevas si lo instalas.

  • Ataca los defaults

    Nombra explícitamente los tells de una página generada y los desactiva. Es su valor central.

  • Anclado al tema

    Las decisiones visuales salen del asunto concreto, no de lo que se ve bien en el vacío.

  • Tipografía con criterio

    Escala tipográfica siguiendo The Elements of Typographic Style, no tres tamaños al azar.

  • De Anthropic

    Lo escribe quien entrena el modelo, así que sabe qué sesgos de generación hay que contrarrestar.

Por qué importa

El problema que resuelve.

Hay un look de IA y todos lo reconocemos ya: el degradado morado, la Inter, las tarjetas con borde redondeado y sombra suave. No es que esté mal — es que es el default, y el default no comunica nada sobre quién eres.

El skill le cambia el encuadre al agente: en vez de "genera una landing", lo pone a trabajar como director de arte de un estudio cuyo cliente ya rechazó dos propuestas por genéricas. De ahí salen decisiones deliberadas de tipografía, escala y paleta ancladas al tema concreto, no a lo que se ve bien en abstracto.

Lo escribió Anthropic, que es quien entrena al modelo. Sabe qué defaults hay que desactivar porque sabe de dónde vienen.

Cuándo sirve

Y cuándo no lo recomiendo.

Lo uso para landings, artefactos y cualquier pieza visual que lleve la marca. La diferencia se nota más en piezas de una sola pantalla, donde no hay tiempo de construir identidad por acumulación.

No sustituye un sistema de diseño. Si ya tienes tokens y componentes —como el sistema editorial de este sitio— la regla sigue siendo reusar el componente antes que inventar. Este skill es para cuando no hay sistema todavía, o para piezas que viven fuera de él.

El problema que resuelve

No es que el agente diseñe mal. Es que diseña el promedio, y el promedio de todo el internet es el mismo gradiente morado.

Cuándo no usarlo

Si ya tienes sistema de diseño, el sistema gana. Este skill sirve para piezas que viven fuera de él o para el momento en que todavía no existe.

De Gabriel Neuman para tu equipo

¿Tus landings se parecen a las de todos?

Armamos el sistema visual de tu marca y lo dejamos dentro de tus agentes, para que cada pieza nueva salga con tu identidad y no con el default de la IA.