Cómo construyo landing pages con AI en menos de una hora
Un recorrido práctico de ir de lienzo en blanco a landing page publicada usando Claude Code. El cuello de botella ya no es la producción.
El mes pasado publiqué 3 landing pages. Tiempo total: unas 4 horas.
No 4 horas cada una. 4 horas en total.
No lo digo para presumir — lo digo porque hace un año ese mismo output me habría llevado una semana como mínimo. Y he estado pensando en qué cambió realmente.
La forma antigua
Tenías una idea. Necesitabas una landing page.
Así que o contratabas a alguien (lento, caro, idas y venidas), usabas una herramienta de templates (rápido pero feo, siempre se sentía como un compromiso), o lo construías tú mismo desde cero (bien si sabías cómo, igual tardaba días).
El paso de producción era el cuello de botella. Incluso si sabías exactamente qué querías decir, llevarlo a una pantalla que se viera bien y funcionara en móvil era un trabajo completamente separado.
La mayoría de las ideas nunca conseguían una página. La fricción era demasiado alta.
Qué cambió
Ahora uso Claude Code para casi todo esto. No un constructor de landing pages. No un template. Describo lo que quiero en lenguaje natural e itero desde ahí.
Este es el proceso real.
Paso uno: tener claro el mensaje antes de abrir cualquier herramienta.
Esta es la parte que la gente saltea. Qué hace este producto, para quién, y por qué deberían importarles ahora mismo. No un manifiesto de misión. Una sola oración que una persona cansada a medianoche entendería.
Para MeetCal fue: “Deja de copiar tu disponibilidad en emails. Comparte un enlace en su lugar.” Eso es todo. Una vez que tuve eso, la página casi se escribió sola.
Paso dos: describir la página a Claude.
Abro Claude Code y describo lo que quiero — las secciones, el tono, la audiencia, ideas específicas de copy que ya tengo. Pego el mensaje de una oración. Menciono qué framework estoy usando (Astro, mayormente) y cómo debería sentirse.
No le pido que “cree una landing page para mi producto”. Le cuento la historia real. Qué hace el producto. Para quién es. Qué objeciones tendrán. Qué quiero que hagan.
Paso tres: iterar en el copy, no solo en el diseño.
Claude genera algo. Generalmente es sólido estructuralmente y visualmente razonable. La parte del diseño está mayormente bien.
El copy es donde ocurre el trabajo. La AI por defecto va a lo genérico. “Solución poderosa para equipos modernos.” “Optimiza tu flujo de trabajo.” Nada de eso significa nada.
Reescribo los titulares. Cambio por palabras específicas. Elimino todo lo que suena a comunicado de prensa.
Este ciclo de iteración — regenerar una sección, arreglar el copy, verificarlo en móvil — tarda unos 20-30 minutos por página una vez que sabes lo que estás haciendo.
Paso cuatro: publicar.
Push a GitHub, Vercel lo toma. Listo.
Lo que la AI hace mal (sistemáticamente)
El copy casi siempre es demasiado seguro.
Claude sabe cómo se supone que suenan las landing pages, así que escribe copy que suena a landing page. Orientado a beneficios, vagamente optimista, estructurado en los lugares correctos. Nada de eso está mal exactamente. Es solo… ambiental.
La cosa específica que hace diferente a tu producto — eso no viene del modelo. Viene de que tú conoces la cosa lo suficientemente bien como para decir algo verdadero sobre ella.
Para ShipPad, el insight fue que los constructores necesitan un lugar para registrar lo que publicaron, no otro gestor de tareas. Ese encuadre no vino de la AI. La AI me ayudó a construir la página una vez que tenía el encuadre.
Esta es la parte que la gente tiene al revés. Piensan que la AI va a descubrir su mensaje. No lo hará. Vestirá cualquier mensaje que le des, y lo hará bien. Pero tú todavía tienes que aparecer con el mensaje.
El insight real
La restricción se movió.
Antes era: ¿puedo construirlo? Ahora es: ¿sé qué decir?
La producción es casi gratuita ahora si estás dispuesto a iterar con las herramientas. Una hora de trabajo concentrado con Claude Code te da algo real que puedes poner frente a personas.
Pero esa hora es inútil si no hiciste el trabajo de pensar primero. Para quién es esto. Qué problema resuelve realmente. Por qué ahora. Por qué tú.
Ese pensamiento sigue tardando lo que tarda. La AI no lo comprime. Solo significa que cuando terminas de pensar, la página puede existir ese mismo día.
Páginas construidas de esta manera
Algunas cosas que he publicado usando este proceso:
- MeetCal — una herramienta de enlace de agenda. Mensaje: deja de explicar tu disponibilidad en emails.
- ShipPad — un registro de publicaciones para constructores. Mensaje: documenta lo que construyes, no solo lo que planeas construir.
- Una landing page para la consultoría de un amigo — lista en una tarde.
Ninguna de estas llevó más de 90 minutos de trabajo real una vez que el mensaje estaba claro.
Las herramientas son lo suficientemente buenas. Ya llevan un tiempo siendo lo suficientemente buenas.
La pregunta es si sabes qué estás tratando de decir. Eso todavía depende de ti.