Recurso Agente Claude Landing Pages

El agente que construye tu landing — código real, deployable, hecho para convertir

No te da consejos de diseño — te entrega la página. Next.js + Tailwind, mobile-first, con el blueprint de above the fold, la jerarquía de conversión y las secciones que usamos en las landings de nuestros clientes. Cada decisión de diseño sirve a la conversión, no a la estética.

01 — Qué hace

Construye, no opina

La mayoría de landings de coaches y consultores fallan por lo mismo: hero débil, CTA invisible, prueba social enterrada y un diseño que grita plantilla. Este agente viene con los blueprints exactos para cada sección — y los convierte en código que puedes deployar en Vercel el mismo día.

Blueprint de above the fold
Los elementos obligatorios de la primera pantalla: headline con resultado, subheadline con mecanismo, CTA, prueba social. El test de los 3 segundos, resuelto.
Secciones que venden
Problema, solución, prueba social, pricing, FAQ — cada una con su estructura probada y su función en el recorrido del visitante.
Estética anti-plantilla
Sistema de diseño dark premium con paleta, tipografía y principios definidos. Tu landing no parece hecha con el mismo builder que las de tu competencia.
Quality gates integrados
Antes de entregarte la página, el agente valida: jerarquía visual, CTA por scroll-depth, velocidad, mobile y congruencia con tu oferta.
Para quién es

Si vendes high ticket y tu landing actual es una plantilla de GHL o un builder genérico, este agente te da el salto de calidad sin contratar una agencia. Necesitas Claude Code instalado y una cuenta gratuita de Vercel — nada más. Si no has tocado código en tu vida, el agente te guía paso a paso.

02 — Instálalo

De cero a landing deployada

Descarga gratuita
Agente Web Designer

Un archivo .md con el agente completo: pipeline de construcción, blueprint de above the fold, estructura de cada sección, sistema de diseño, reglas de headline y CTA, quality gates y anti-patterns con ejemplos de qué NO entregar.

1
Descarga el archivo
Haz clic abajo para descargar agente-web-designer.md
2
Ábrelo en Claude Code
Crea una carpeta nueva, guarda el archivo como CLAUDE.md dentro y ejecuta claude en esa carpeta
3
Describe tu oferta
Dile qué vendes, a quién y con qué prueba social. El agente construye la página completa y te ayuda a deployarla
agente-web-designer.md
24 KB · Markdown · agente completo · blueprints incluidos
Descargar el agente
Comandos listos para usar una vez cargado
// Landing completa desde cero "Construye la landing para [mi oferta]. ICP: [quién]. Prueba social: [resultados]. CTA: agendar llamada en [link]" // Solo el above the fold "Diseña el hero de mi landing: headline, subheadline, CTA y prueba social. Oferta: [describir]" // Página de gracias post-aplicación "Crea la thank you page para después de mi formulario de aplicación: confirma la llamada y sube el show rate" // Auditoría de landing existente "Esta es mi landing actual: [pegar URL o código]. Audítala contra tus quality gates y dime qué cambiar primero" // Deploy "Ayúdame a deployar esto en Vercel paso a paso"

La landing es una pieza. El funnel completo es el juego.

Una landing perfecta con tráfico equivocado no factura. Si quieres que ads, landing, VSL y proceso de ventas funcionen como un solo sistema — hablemos. Te decimos dónde está el cuello de botella real.

Agendar llamada