¿Por qué mi web de Lovable se parece a todas las demás?

Nada de esto significa que Lovable haga algo mal. Es lo que ocurre con cualquier herramienta que convierte un prompt en una app cuando el prompt es corto.

• Un solo stack para todos los proyectos. Lovable construye apps de React con Vite, con estilos de Tailwind y componentes de shadcn/ui. Valores por defecto sensatos, y los mismos para todo el mundo: el mismo radio de esquina, los mismos botones, la misma escala de espaciado, el mismo set de iconos.
• Los mismos pocos modelos. Un puñado de modelos escribe casi todos los sitios vibe coded. Si les pides una landing sin restricciones, cada uno devuelve la media de las landings que ha visto.
• Un encargo de una línea. «Una landing para mi app de facturación» no dice nada de quién la va a leer, así que el modelo escribe para nadie en concreto: un hero con degradado, tres tarjetas de funciones, una tabla de precios.
• Texto de SaaS medio. Sin un lector real en el encargo, las palabras caen en el registro más seguro: «Optimiza tu flujo de trabajo», «Funciones potentes, precios sencillos», «Empieza en minutos». Cada frase está bien. Juntas podrían ir en cualquier producto.

El resultado es una página competente e intercambiable, y un visitante que ya ha visto diez lee la undécima como el mismo sitio.

IntentGrid cambia las palabras. Lee cómo llegó un visitante (fuente de tráfico, campaña, ciudad aproximada, dispositivo, idioma, hora local) y reescribe los titulares, el cuerpo de texto y las etiquetas de los botones para esa persona concreta, partiendo del texto que ya escribiste. Los nombres de marca, los precios, las fechas y las cifras están en una lista intocable.

Todo lo demás lo deja en paz. Tus clases de Tailwind, tus componentes de shadcn/ui, tu maquetación, tus colores, tus imágenes y tus precios vuelven exactamente como los generó Lovable. Si lo que te molesta es el hero con degradado, IntentGrid no lo arregla: eso es un cambio de diseño y le corresponde a Lovable. No puede publicar nada en tu proyecto de Lovable, y no te va a traer tráfico.

Hoy la parte que funciona es una demo: pegas una URL pública y muestra una copia reescrita en un espacio aislado en intentgrid.ai. La adaptación en tu propio dominio es acceso anticipado y se activa sitio por sitio, a mano. Cómo funciona explica qué funciona hoy y qué no.

Un sitio de Lovable es una aplicación de una sola página. Cuando algo pide la URL, el servidor devuelve un archivo HTML pequeño: un elemento raíz vacío y una etiqueta de script. El titular y el cuerpo de texto solo existen después de que ese JavaScript se ejecute en un navegador. La demo de IntentGrid descarga el HTML y elimina los scripts, así que con muchos sitios de Lovable recibe la cáscara y tiene poco o nada que reescribir, y la vista previa se ve escasa o en blanco. Es un límite real de la demo, no un fallo de tu sitio.

Conviene saberlo por motivos que no tienen nada que ver con IntentGrid. Cualquier rastreador que no ejecute JavaScript ve la misma cáscara. Google renderiza JavaScript, pero muchos otros rastreadores, incluidos muchos rastreadores de IA, solo leen el HTML inicial, así que un motor de respuestas puede pasar por alto tu texto por completo. Para comprobar tu propio sitio, abre «Ver código fuente de la página» (no «Inspeccionar») y busca tu titular. Si no está ahí, eso es lo que recibe un rastreador que no renderiza.

Misma maquetación, mismos precios, mismas afirmaciones. Solo cambia la redacción, y cada versión usa únicamente lo que ya dice la página original: en este caso inventado, recordatorios de pago automáticos y una app móvil.

Casi todo el parecido se arregla dentro de Lovable en una tarde, y nada de ello necesita otro producto.

• Dale un lector al primer prompt. No «una landing para mi app de facturación», sino para quién es, qué usa hoy y la única cosa de la que está harto. El texto sigue al encargo.
• Escribe tus restricciones una sola vez. Ponlas en las instrucciones a nivel de proyecto que Lovable te deja configurar, para que las herede cada prompt posterior: un solo color de acento, sin hero con degradado, sin fila de tres tarjetas, capturas reales en lugar de ilustraciones.
• Prohíbe las frases hechas. Dile que no use «optimizar», «sin fricciones», «desbloquear», «empoderar» ni «potenciar», y que sustituya cualquier frase que pudiera aparecer en el sitio de un competidor.
• Reescribe el titular a mano. Haz tú el hero y el primer botón, con las palabras que usó un cliente cuando te describió el problema.
• Cambia la tipografía y rompe la rejilla. Un cambio de fuente y una sección que no sean tres tarjetas cambian la lectura más que una paleta de colores nueva.
• Mete tu texto en el HTML. Si «Ver código fuente de la página» muestra una raíz vacía, plantéate prerrenderizar las páginas de marketing, o aloja la landing como página estática con la app detrás, para que los rastreadores vean texto real.

La versión larga de la mitad de diseño está en por qué los sitios vibe coded se parecen. La mitad de texto es la que cambia IntentGrid, visitante a visitante.