Cómo evitar que tus apps tengan un aspecto genérico de IA

La IA está mejorando una barbaridad para crear apps, el problema es que parecen plantillas: extremadamente básicas.

Las mismas tarjetas con bordes redondeados.

Los mismos degradados suaves.

El mismo layout de dashboard.

La misma UI sin ninguna idea real detrás.

Así que creé un skill de Claude Code que rediseña interfaces de apps específicamente para evitar eso.

empieza por un concepto

En lugar de pedirle a Claude que haga algo “limpio”, “minimalista” o “premium”, el skill comienza buscando un concepto visual que realmente encaje con la app.

Una app de running puede construirse alrededor de una pista de atletismo.

Una app de sueño puede sentirse como un pueblo que se va quedando dormido poco a poco.

Una app de plantas puede verse como un recorte de papel.

Una app para aprender italiano puede inspirarse en las cartas napolitanas.

Ese concepto se convierte en la base de la tipografía, el layout, los colores, las ilustraciones y el movimiento.

El objetivo es dejar de diseñar a partir de patrones de UI genéricos y empezar desde una idea de verdad.

no se queda con el primer diseño

Uno de los mayores problemas del diseño con IA es que se casa demasiado rápido con la primera opción.

Le das un prompt, genera una dirección y después todo se construye alrededor de esa primera respuesta.

Este skill obliga a Claude a explorar tres direcciones distintas primero.

Solo después de compararlas sigue adelante con una.

Con solo eso, el resultado final se siente mucho menos predecible.

después revisa su propio trabajo

Una vez diseñadas las pantallas, se renderizan a la resolución real de un iPhone usando las fuentes de Apple.

Luego, otra ronda de crítica busca las señales típicas de una UI generada por IA.

Patrones de componentes genéricos, jerarquía débil, espaciado inconsistente, tarjetas repetitivas, degradados innecesarios, layouts que parecen plantillas en lugar de productos.

Si algo se siente demasiado genérico, pasa por otra revisión.

el flujo de trabajo es:

concepto → direcciones → diseño → renderizado → crítica → refinamiento.

la idea no es tener una IA más bonita, no hice esto porque la IA no pueda crear interfaces atractivas.

Puede hacerlo.

El problema es que atractivo y diferente no son lo mismo.

Muchas apps generadas por IA se ven pulidas por sí solas, pero si pones diez juntas, empiezan a sentirse como el mismo producto.

Todas las imágenes de arriba están hechas para evitar eso.

Cada app debería sentirse como un mundo distinto.

Básicamente, para eso sirve este skill:

mantener la velocidad del diseño generado por IA, sin terminar con algo que parezca hecho por una IA.