¿Por qué se parecen las webs hechas con Claude Code y qué puedes cambiar?

Claude Code es un agente en tu terminal, no un generador de sitios, así que no hay ninguna plantilla a la que echarle la culpa. El parecido viene de otra parte.

• Una sola familia de modelos para todos. Todo el que usa Claude Code trabaja con los mismos modelos, y un modelo al que le pides que decida por su cuenta toma la misma decisión cada vez: la más segura, la más común.
• Tareas poco especificadas. «Hazme una landing» deja que el agente elija el stack, las secciones, su orden y cada palabra. Y elige la media en cada caso.
• Los valores por defecto populares. Salvo que le digas otra cosa, el resultado se apoya en lo que más ha visto, como Tailwind y componentes al estilo de shadcn/ui, con un hero centrado y una fila de tarjetas de funciones.
• Texto escrito sin lector. Sin un público real, las palabras caen en la media: «Funciones potentes, precios sencillos», «Empieza en minutos», «Pensado para equipos de cualquier tamaño».

El arreglo no es un modelo mejor. Es darle al modelo que ya tienes las decisiones que, si no, estaba tomando por ti.

IntentGrid reescribe lo que la página le dice a cada visitante: titulares, cuerpo de texto, descripciones de funciones y etiquetas de botones, escritos según cómo llegó ese visitante (fuente de tráfico, campaña, ciudad aproximada, dispositivo, idioma, hora local). Adapta el texto que ya escribiste, y los nombres de marca, los precios, las fechas y las cifras están en una lista intocable.

No edita tu repositorio, no abre ninguna pull request ni cambia tu CSS, tu maquetación, tus componentes o tus precios. No va a convertir una maquetación genérica en algo distintivo y no es una fuente de tráfico. Tampoco se ejecuta dentro de Claude Code: funciona sobre el HTML que sirve tu sitio, lo haya generado lo que lo haya generado.

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 entra en los detalles.

Claude Code construye lo que le pidas, así que esto depende del stack. Los sitios estáticos y los renderizados en el servidor, como Astro, Next.js o HTML plano, ponen el texto en la respuesta HTML, y la demo puede reescribirlo. Una aplicación de una sola página renderizada en el cliente envía un elemento raíz vacío y un script; la demo elimina los scripts, así que la vista previa puede volver casi vacía.

Comprobarlo lleva un solo comando, que Claude Code puede ejecutar por ti: descarga tu URL con curl y busca tu titular en la salida. Si no está, la demo tiene poco que reescribir, y lo mismo le pasa a cualquier rastreador que se salte el JavaScript, lo que incluye muchos rastreadores de IA. Para una página de marketing, el renderizado estático suele ser de todos modos la mejor opción por defecto.

Misma maquetación, mismos precios, mismas afirmaciones. Cada versión usa únicamente lo que ya dice la página original: en este caso inventado, reservas, listas de espera y pago desde el móvil.

Claude Code sigue de cerca las instrucciones escritas, lo que hace que casi todo esto salga barato.

• Pon las reglas en CLAUDE.md. Se carga en cada sesión, así que escribe ahí una sola vez las restricciones de diseño y de texto: un solo color de acento, sin hero con degradado, sin fila de tres tarjetas, capturas reales y las frases que no quieres ver nunca.
• Dale material de partida real. Pásale correos de clientes, respuestas de soporte o notas de entrevistas y pídele un texto que use sus palabras. Una entrada concreta produce un texto concreto; un encargo de una línea produce la media.
• Revisa el texto de una pasada. Pídele que liste en una sola tabla cada titular, subtítulo y etiqueta de botón del sitio, que marque los que podrían pertenecer a cualquier producto y que proponga sustitutos que luego editas tú.
• Escribe tú el hero. La primera frase y el primer botón merecen hacerse a mano, con tus propias palabras.
• Cambia una frase por canal. Para tus dos mayores fuentes de tráfico, lee el parámetro utm_source y cambia el titular, manteniendo una versión por defecto para todos los demás y una sola URL.
• Renderiza la landing de forma estática. Si curl no muestra ningún texto, pide que se prerrendericen las rutas de marketing.

Por qué convergen los valores por defecto de entrada, y el resto de los arreglos de diseño, se explican en por qué los sitios vibe coded se parecen.