¿Por qué todas las webs de v0 parecen shadcn/ui por defecto?
v0 es la herramienta de IA de Vercel para generar interfaces web, y lo que produce suele llegar como React para Next.js, con estilos de Tailwind y construido con componentes de shadcn/ui. Son buenos valores por defecto, y son los valores por defecto de todo el mundo, así que una landing de v0 que se deja tal como se generó comparte radio, paleta, espaciado y orden de secciones con muchísimas otras, y su texto acaba en la voz media de cualquier SaaS. El aspecto lo fijan el tema y el prompt. IntentGrid se ocupa de las palabras: las reescribe para cada visitante y deja los componentes en paz.
Última actualización: 2 de octubre de 2026.
De dónde sale el aspecto de v0
El parecido no es un fallo de v0. Es lo que obtienes cuando usas una biblioteca de componentes muy buena sin tocar su configuración.
- shadcn/ui como base. Los componentes se copian en tu proyecto y se estilan mediante un pequeño conjunto de variables CSS para el fondo, el primer plano, el color principal, los tonos atenuados, el borde y el radio. Si se quedan en sus valores por defecto, todos los proyectos tienen la misma paleta neutra y las mismas esquinas.
- La escala por defecto de Tailwind. El espaciado, los tamaños de letra y las sombras salen de la misma escala en todos los proyectos, así que hasta las secciones personalizadas resultan familiares.
- Un encargo con forma de componente. v0 es muy bueno con «una sección de precios con tres niveles» y «un hero con una llamada a la acción», así que las páginas se montan exactamente con esos bloques, en el orden en que la gente los pide.
- El texto como relleno. El texto generado está ahí para demostrar que la maquetación funciona. «Todo lo que necesitas para escalar» es relleno, y se publica más a menudo de lo que nadie pretende.
Nada de esto es difícil de deshacer. Casi todo vive en un archivo CSS y en un párrafo de prompt.
Qué cambia IntentGrid en una web de v0 y qué deja igual
IntentGrid reescribe el texto que lee un visitante: titulares, cuerpo de texto, descripciones de funciones y etiquetas de los botones, escritos según cómo llegó esa persona (fuente de tráfico, campaña, ciudad aproximada, dispositivo, idioma, hora local). Parte del texto que ya tiene tu página, y los nombres de marca, los precios, las fechas y las cifras están en una lista intocable.
Deja tus componentes de shadcn/ui, tus variables del tema, tus clases de Tailwind y tu maquetación exactamente como están. No toca tu proyecto de v0, y no va a hacer que un estilo por defecto parezca personalizado: eso es un cambio de tema, y se explica más abajo.
La parte que funciona hoy es una demo que muestra una copia reescrita de cualquier URL pública en un espacio aislado en intentgrid.ai; la adaptación en tu propio dominio es acceso anticipado y se configura sitio por sitio, a mano. Cómo funciona explica la diferencia.
Lo que la demo puede leer de una web de v0
Un proyecto de v0 desplegado como app de Next.js renderiza sus páginas en el servidor o en el momento del build, incluidos los componentes marcados como componentes de cliente, así que el texto está en la respuesta HTML y la demo puede reescribirlo. Pega la URL pública del sitio desplegado, no un enlace al chat o al editor de v0.
Las excepciones son las mismas que en cualquier app de React: texto que se descarga en el navegador después de que cargue la página, y contenido que solo se renderiza tras un clic, como una pestaña sin abrir, un diálogo cerrado o una diapositiva posterior de un carrusel. La demo elimina los scripts, así que ve la página tal como llega al principio.
Un antes y después ilustrativo
- Por defecto, igual para todo el mundo
- Todo lo que necesitas para tener mejores reuniones
- Llegó desde una newsletter sobre trabajo en remoto, en un portátil, a media mañana
- Notas y tareas pendientes de cada llamada, sin que nadie tenga que tomarlas
- Hizo clic en un anuncio de búsqueda de «transcripción de reuniones»
- Una transcripción de cada reunión, con las tareas pendientes ya extraídas
Mismos componentes, mismos precios, mismas afirmaciones. Cada versión usa únicamente lo que ya dice la página original: en este caso inventado, notas automáticas, transcripciones y tareas pendientes extraídas.
Arreglos que puedes hacer en v0 y en el código
Casi todo el aspecto de v0 se reduce a un par de archivos y un hábito.
- Cambia las variables del tema. Elige tu propio color principal, fondo, borde y radio en las variables CSS que lee shadcn/ui. Es el mayor cambio visual con la edición más pequeña.
- Sustituye la tipografía por defecto. Un import y una variable, y la página deja de parecer una plantilla de arranque.
- Pídele a v0 una sección que no sea una rejilla de tarjetas: una sola captura grande del producto, una lista comparativa, una cita de un usuario real. Una sección inusual hace que el resto parezca elegido.
- Dale al prompt un lector, no una lista de componentes. Di para quién es la página y qué está dejando de usar, y pide un texto que lo nombre.
- Borra el relleno. Busca en la página «todo lo que necesitas», «sin fricciones», «potente» y «a escala», y reescribe cada frase que contenga alguna de ellas.
Por qué convergen los valores por defecto en todas las herramientas de IA, y el resto de los arreglos de diseño, se explican en por qué los sitios vibe coded se parecen.
Preguntas sobre v0
¿La demo de IntentGrid puede leer mi web de v0?
Pega la URL del sitio desplegado y público. La demo descarga las páginas como lo haría un navegador anónimo, así que todo lo que esté detrás de un inicio de sesión o solo sea visible dentro de un editor queda fuera de su alcance. Una página de Next.js desplegada desde v0 normalmente tiene su texto en el HTML, que es lo que la demo necesita.
¿IntentGrid cambiará el estilo de mis componentes de shadcn/ui?
No. Solo cambia texto. Los componentes, las variables del tema, las clases de Tailwind, la maquetación y los precios se quedan como están. En la demo añade encima de la página una franja de bienvenida, una capa personalizada, un resaltado sobre el titular y una pequeña insignia de IntentGrid.
¿Una web de v0 es mala para el SEO?
No por sí misma. Un sitio de Next.js desplegado sirve HTML real y puede definir un título y una descripción por página. Lo que perjudica es lo mismo que en cualquier otro sitio: texto escaso y genérico que coincide con el de otras mil páginas, metadatos que faltan y una sola página que intenta responder a todas las preguntas. IntentGrid no es una herramienta de SEO, y la adaptación en tu dominio está construida para servir a los rastreadores tu página canónica.