¿Por qué todos los sitios vibe coded se parecen?

Un sitio vibe coded es un sitio construido describiéndole lo que quieres a una herramienta de código asistido como Cursor, Claude Code, Lovable, v0, Bolt o Replit, y aceptando la mayor parte del código generado en lugar de escribirlo a mano. El término suele ser descriptivo y no un insulto. Muchos sitios buenos, que funcionan y dan dinero, están hechos así, y las herramientas no dejan de mejorar en ello.

Pídele una landing a casi cualquier modelo y suele llegar el mismo artefacto:

• Un hero centrado con un degradado detrás, muy a menudo de violeta a índigo, porque ese es el valor por defecto de las plantillas de arranque más copiadas.
• Tres tarjetas de funciones en fila, redondeadas, con un iconito arriba en cada una.
• Glassmorphism, sombras suaves y una rejilla o un grano de ruido tenue.
• Una tabla de precios con tres niveles y el del medio destacado.
• Textos en parejas imperativas: construye más rápido, publica más inteligente, escala sin esfuerzo.

Nada de eso está mal por sí solo. El problema es aritmético. Quien ha visto diez de estas lee la undécima como intercambiable, e intercambiable es lo único que una landing no se puede permitir ser.

La causa no es la pereza de la herramienta. Es que la petición suele estar poco especificada. «Hazme una landing que quede bien» no contiene ninguna restricción, así que el modelo optimiza para la salida más segura posible, y la salida más segura es la media de todo lo que ha visto. Las medias son, por definición, poco llamativas.

El mismo mecanismo produce el texto. Si le pides un titular sin decirle nada de quién lo va a leer, un modelo escribe el titular que tiene menos probabilidades de estar mal para cualquiera, que es también el titular que tiene menos probabilidades de significar algo para alguien en concreto.

La mitad de diseño se arregla en la herramienta con la que construiste, no con otro producto. Lo que funciona de forma fiable es darle al modelo algo concreto a lo que reaccionar en lugar de pedirle que decida:

• Dale una referencia real. Nombra un sitio cuya sensación quieres y di qué quieres exactamente de él.
• Escribe las restricciones y guárdalas en el repositorio, para que las herede cada prompt posterior. Un archivo corto que diga sin degradados, un solo color de acento, espacio en blanco generoso, capturas reales en lugar de ilustraciones abstractas, hace más que cualquier prompt suelto.
• Cambia la tipografía por defecto. Es una línea y cambia la lectura más que la mayor parte del trabajo de maquetación.
• Rompe la rejilla de tres tarjetas. Dos columnas, o una lista, o un único ejemplo grande: todo eso se lee como una decisión.
• Enseña el producto de verdad. Las capturas reales le ganan a la ilustración generada, porque una captura es evidencia y una ilustración es decoración.

IntentGrid no hace nada de esto. Deja en paz tu CSS, tu maquetación y tus componentes; en la demo añade cuatro cosas encima, una franja de bienvenida, una capa personalizada, un resaltado sobre tu titular y una pequeña insignia de IntentGrid. Afirmar que este producto arregla el aspecto de tu sitio sería la forma más fácil de vender esta página y sería mentira.

Reescribir tu titular una vez solo te mueve a otra página genérica. Le dedicarás una tarde, te sentirás productivo y acabarás con otra frase única apuntada a un visitante medio que no existe.

La diferencia duradera es que la página no sea la misma frase para todo el mundo. Quien llega de un foro técnico a las once de la noche desde un portátil quiere el fondo. Quien tocó un enlace en un vídeo compartido desde el móvil quiere la versión de treinta segundos. Quien hizo clic en un anuncio de pago quiere que la página responda a la promesa de ese anuncio. Son tres páginas distintas, y mantener tres páginas a mano es más trabajo del que ninguna persona sola va a sostener.

Esa es la mitad que cambia IntentGrid. Lee cómo llegó el visitante y reescribe las palabras para él, partiendo de la página que ya tienes publicada. Diseño intacto, precios intactos, promesas intactas. Cómo funciona explica el mecanismo completo.

A veces, y la señal casi nunca es el código. Es el degradado por defecto, la sección estándar de tres tarjetas y textos que podrían pertenecer a cualquier producto de la categoría. No existe ningún detector fiable que inspeccione un sitio y anuncie que lo generó una IA, y las herramientas que dicen hacerlo están adivinando exactamente a partir de esos patrones de superficie.

Que es la parte alentadora: la señal se puede arreglar. Cambia los valores por defecto y di algo concreto, y la pregunta deja de aparecer. Por si sirve de algo, haberse construido con IA no es el problema que la gente tiene de verdad con estos sitios. Ser indistinguible, sí.