Generador de Páginas de Aterrizaje (Landing Page Generator)
Visión General
Skill que genera automáticamente páginas de aterrizaje detalladas y de alta conversión basadas en información de producto/servicio.
Flujo de Ejecución
[Entrada] Información del producto/servicio
↓
[Paso 1] Recopilación de entrada - agents/01-intake.md
↓
[Paso 2] Investigación de público objetivo - agents/02-research.md
↓
[Paso 3] Redacción de 13 secciones - agents/03-copy.md
↓
[Paso 4] Dirección de diseño - agents/04-design-direction.md
↓
[Paso 5] Generación de prompts para Gemini - agents/05-prompt-generator.md
↓
[Paso 6] Generación de 13 imágenes con API Gemini
↓
[Paso 7] Unión de imágenes → PNG/PDF final
Información Obligatoria
| Campo | Descripción | Ejemplo |
|---|---|---|
| product_name | Nombre del producto/servicio | "Herramienta de Automatización de Marketing AI" |
| one_liner | Definición en una línea | "Marketing AI que reduce el gasto publicitario en un 50%" |
| target_audience | Audiencia objetivo principal | "Vendedores de SmartStore que gastan más de 1 millón de KRW al mes en anuncios" |
| main_problem | Problema clave que resuelve | "Consumo de 2 horas diarias en optimización de anuncios" |
| key_benefit | Beneficio clave | "Optimización automática 24/7 por IA, reducción del 50% en gasto publicitario" |
| price | Precio | "99,000 KRW/mes (precio normal 199,000 KRW)" |
| urgency | Elemento de urgencia | "50% de descuento para los primeros 100 usuarios" |
Información Opcional
- testimonials: Testimonios de clientes
- creator_bio: Biografía del creador
- bonus_items: Bonos adicionales
- guarantee: Política de reembolso/garantía
- faq: Preguntas frecuentes
- brand_color: Color de marca (si no se proporciona, se sugiere automáticamente)
Estructura de 13 Secciones
Guía detallada: references/13-section-guide.md
| # | Nombre de Sección | Alto | Elementos Clave |
|---|---|---|---|
| 01 | Hero | 800px | Titular, CTA, distintivo de urgencia |
| 02 | Pain | 600px | 3-4 puntos de dolor |
| 03 | Problem | 500px | Causa real, problema estructural |
| 04 | Story | 700px | Cambio Antes→Después |
| 05 | Solution | 400px | Definición del producto en una línea |
| 06 | How It Works | 600px | Proceso paso a paso |
| 07 | Social Proof | 800px | Testimonios, cifras |
| 08 | Authority | 500px | Introducción del creador |
| 09 | Benefits | 700px | Beneficios, bonos |
| 10 | Risk Removal | 500px | Política de reembolso, FAQ |
| 11 | Comparison | 400px | Comparación Antes/Después |
| 12 | Target Filter | 400px | Público recomendado/no recomendado |
| 13 | Final CTA | 600px | Llamada a la acción final |
Cómo Usar
1. Conversación de Recopilación de Información
Usuario: Crea una página de aterrizaje para mí
→ Inicia preguntas de información obligatoria
2. Ejecución Automática del Proceso Completo
Después de recopilar la información, se ejecuta automáticamente:
- Investigación del público objetivo
- Redacción de copy
- Dirección de diseño
- Generación de imágenes con Gemini
- Ensamblaje final
3. Salida
output/sections/- PNG por sección (13 archivos)output/final_page.png- Página de aterrizaje finaloutput/final_page.pdf- Versión en PDF
Especificaciones Técnicas
- Ancho de imagen: 1200px (fijo)
- Alto total: ~7000px (variable)
- API: Gemini 3.0 Pro (generación de imágenes)
- Script: Python (Pillow)