Cómo crear una landing page con IA usando Claude Code
Lección del curso gratis de Claude Code: Agustín Medina crea una página de captación a partir de una web de referencia y la mejora paso a paso.
El vídeo empieza en el minuto de esta lección y sigue con el resto del curso. Ver el curso completo con su índice · Ver en YouTube
Para crear una landing page con IA, puedes pasarle a Claude Code una captura o la dirección de una web de referencia, unas instrucciones en un archivo CLAUDE.md y un prompt claro, y después corregir el resultado con capturas marcadas. En esta lección del curso gratis de Claude Code, Agustín Medina lo hace así con una página de captación para una agencia. Claude Code necesita una suscripción de pago a Claude. Son unos 22 minutos de vídeo.
El CLAUDE.md: el plano del proyecto
Una landing page, o página de captación, es una página pensada para que el visitante haga una sola cosa, como dejar sus datos. Agustín arrastra a su proyecto un archivo CLAUDE.md, un manual que Claude lee antes de empezar. Indica qué entra (una captura o una dirección web), cómo recrear el diseño, qué buenas prácticas de código seguir y un ciclo de trabajo: medir la referencia, corregir, volver a capturar y repetir. Si no tienes uno, explica que puedes pedirle a la propia IA que te lo genere.
Darle una referencia y un prompt claro
Agustín elige una landing de una galería de ejemplos por sectores y le pasa a Claude la captura. Si Claude no acepta el formato de la imagen, no lo arregla a mano: le pide que la convierta. Antes de lanzar el encargo limpia la conversación para no gastar tokens, la unidad con la que se mide el uso de la IA. Después pide recrear la landing en español para su agencia y, en paralelo, abre otra ventana para hacer una segunda versión con otra referencia.
Revisar y corregir con capturas
La primera versión casi nunca es perfecta: según Agustín, suele quedarse en torno al 70 % de lo que buscas. Le pide que ejecute la página para verla, detecta fallos y los corrige uno a uno.
- Prueba los formularios: en el ejemplo, al principio no se podían rellenar.
- Haz una captura y marca en rojo la parte exacta que quieres cambiar.
- Sustituye los huecos de imagen por las imágenes de tu cliente o de tu marca.
- Repite hasta acercarte al resultado que buscas.
Cómo escribir mejores prompts
Agustín resume las instrucciones en tres reglas: que sean claras, estructuradas y específicas. Compara la IA con un empleado: si el jefe no es específico ni ordena bien las tareas, el resultado no sale bien. Añade dos trucos que funcionan con Claude: decir expresamente lo que no quieres que haga, porque respeta mucho las reglas, y dar ejemplos o referencias, como la captura de la landing. Eso sí, sin alargar el prompt más de lo necesario.
Dudas sobre esta lección
¿Necesito saber programar para crear una landing page con IA?
No para seguir esta lección. Agustín Medina describe el resultado que quiere y deja que Claude Code escriba el código. Su consejo es pensar en el resultado y pedírselo a la IA, en vez de resolver cada detalle técnico tú mismo. Para empezar desde lo más básico está el curso de Claude Code para principiantes.
¿Es gratis crear una landing page con Claude Code?
No del todo. Claude Code necesita una suscripción de pago a Claude; en el curso, publicado en abril de 2026, se usa el plan Pro. El editor que se usa en el curso, Google Antigravity, es gratuito. El curso lo explica todo gratis en YouTube.
¿Por qué la IA no hace bien la landing a la primera?
Porque trabaja por aproximaciones. Según el curso, la primera versión suele quedarse cerca del 70 % de lo que buscas, y el resto se consigue iterando: revisar, señalar el fallo con una captura y pedir el cambio concreto, igual que harías con un empleado nuevo.
¿Puedo copiar el diseño de otra web con IA?
En la lección se usa una web de una galería de ejemplos como referencia visual y se adapta con otro texto y otra marca. Conviene usarla como inspiración y cambiar textos, imágenes, colores y precios para que la página sea tuya y encaje con lo que vendes.
Más lecciones de este curso
Lecciones relacionadas de otros cursos
- Cómo crear imágenes con ChatGPTLección · Curso gratis de ChatGPT para principiantes
- Cómo crear un chatbot de WhatsApp con inteligencia artificialLección · Curso gratis de inteligencia artificial desde cero
- Cómo crear un programa con IA sin saber programarLección · Curso gratis de Claude Code para principiantes
- Cómo escribir un artículo SEO paso a pasoLección · Curso gratis de webs con IA: cómo ganar dinero con AdSense
