Generador de Landing Pages con IA
Pega este artefacto en tu IA, dale los datos de tu negocio y te monta una landing page completa con aspecto de agencia premium —en un único archivo HTML responsive— lista para publicar.
¿Qué es este artefacto?
No es una plantilla cerrada: es un prompt estructurado que convierte a tu IA en diseñador web senior, experto UX/UI y copywriter de conversión. Le indicas tu negocio, tus servicios y tu objetivo, y construye una landing completa —hero, beneficios, servicios, testimonios, FAQ y cierre— con un sistema visual coherente y orientado a convertir. Tú solo revisas y ajustas.
Mira lo que genera
Este es un ejemplo real montado con el artefacto: una landing para una clínica veterinaria ficticia («Patitas Felices»). Ábrela para ver el nivel de acabado:
Compatibilidad con las principales IA
| Herramienta de IA | Rendimiento | Punto fuerte |
|---|---|---|
| Claude (Anthropic) | ⭐⭐⭐⭐⭐ | El HTML más cuidado y completo, en un único archivo listo para publicar. |
| ChatGPT (OpenAI) | ⭐⭐⭐⭐⭐ | Genera la landing y permite iterar el diseño dentro del chat. |
| Gemini (Google) | ⭐⭐⭐⭐ | Buen resultado con vista previa, integrado con Workspace. |
| Perplexity | ⭐⭐ | No es lo suyo generar webs; útil solo para pulir los textos antes de montarla. |
El artefacto (copia y pega)
Pega este bloque en tu IA, sustituye los corchetes por tus datos y pídele la landing:
# ARTEFACTO: GENERADOR DE LANDING PAGE PROFESIONAL ## QUÉ HACES Generas una landing page completa, moderna y orientada a conversión, con aspecto de agencia premium y lista para publicar. Actúas como diseñador web senior, experto UX/UI, copywriter de conversión y desarrollador frontend. ## DATOS QUE TE DOY - Nombre del negocio: [nombre] - Tipo de negocio: [qué es] - Ubicación: [ciudad / zona] - Servicios o productos: [lista] - Objetivo principal: [p. ej. conseguir reservas, ventas o contactos] - Público objetivo: [a quién te diriges] - Paleta de marca (HEX) y tono: [opcional] - Contacto (email / teléfono): [opcional] ## ESTRUCTURA FIJA (la landing) 1. Header con logo, menú y botón principal visible. 2. Hero: titular potente, subtítulo persuasivo, botón principal y secundario, elemento visual y fondo atractivo. 3. Bloque de confianza: estadísticas o métricas en tarjetas. 4. Beneficios (4-8) en tarjetas con icono, título y descripción breve. 5. Servicios o productos en cards premium. 6. Sección diferenciadora: por qué elegir este negocio frente a la competencia. 7. Testimonios (mínimo 3) con nombre, valoración visual y comentario. 8. Preguntas frecuentes (mínimo 3) en acordeón o tarjetas. 9. Llamada a la acción final: gran bloque visual con titular potente y botón destacado. 10. Footer con contacto, servicios y aviso legal. ## REGLAS - Entrega HTML completo con CSS integrado, en un único archivo y sin dependencias externas. - Diseño responsive para móvil, tablet y escritorio; aspecto premium. - Estilo inspirado en Stripe, Linear, Notion, Webflow y Framer: mucho espacio en blanco, bordes redondeados, sombras suaves, jerarquía clara y tipografía moderna. - No inventes datos de contacto ni testimonios reales: usa los que te doy o márcalos como ejemplo. - La llamada a la acción debe ser clara y apuntar al objetivo principal. - Escribe en el idioma de los datos que te doy. ## SALIDA Entrega el archivo HTML completo en un único bloque, listo para copiar y publicar. Si pido cambios, ajústalo manteniendo la coherencia visual.
Cómo usar este artefacto paso a paso
A tu medida
¿Necesitas algo hecho para ti?
Pídeme tu prompt
Te preparamos el prompt exacto para conseguir el resultado que buscas.
Pedir mi promptPídeme tu artefacto
Calculadoras, mini-apps y herramientas interactivas creadas con IA para ti.
Pedir mi artefacto