Cómo evitar que tus apps parezcan 'AI slop'

La IA se está volviendo increíblemente buena creando apps, el problema es que parecen plantillas: extremadamente básicas.

Las mismas tarjetas redondeadas.

Los mismos degradados suaves.

La misma estructura de dashboard.

La misma interfaz sin ninguna idea real detrás.

Así que creé un skill para 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 para correr puede construirse alrededor de una pista de atletismo.

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

Una app sobre plantas puede parecer un recortable 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 genéricos de UI 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 pronto con una idea.

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

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

Solo después de compararlas sigue adelante con una.

Solo con eso, el resultado final se siente mucho menos predecible.

luego revisa su propio trabajo

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

Después, 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 resulta 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 lucen pulidas por separado, pero pon diez juntas y empiezan a sentirse como el mismo producto.

Las imágenes de arriba están creadas precisamente para evitar eso.

Apps distintas deberían sentirse como mundos distintos.

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.