/start-1-2.es

description: "Lesson command"
chapter: "courses/aiagent/lesson03-core/module01-banner"
prerequisites: ["start-1-1"]
duration: "~30 min"
level: "beginner"
tags: ["banner", "image", "sns", "multi-platform"]
nonInteractiveMode: deferred

🎓 Lesson 1-2: Banners avanzados (Instagram, Facebook)

📍 Lo que hará en está sesion

Bienvenido a **Lesson 1-2: Banners avanzados (Instagram, Facebook)**

| Elemento | Detalles | |----------|----------| | Objetivo | Generar banners optimizados en lote para X, Instagram y Facebook | | Duración | ~30 min | | Skills utilizados | banner-creator (soporte multiplataforma) | | Requisitos previos | Lesson 1-1 completada, clave de Gemini API configurada | | Página del curso | Consulte [Module 1: Generación de banners e imágenes](https://ai-agent.camp/es/course/module-1) en paralelo |

**Flujo de la sesion:** 1. Revisar los tamaños para cada plataforma 2. Generar banners en lote para 3 plataformas 3. Verificar la consistencia del diseño 4. Practicar con una campaña diferente

Al finalizar está sesion, los banners para múltiples redes sociales estarán guardados en outputs.

> **💡 Consejo**: Si la respuesta de la IA se detiene a mitad de camino, escriba "por favor continua" o "se detuvo" para reanudar. Este es un comportamiento de Cursor, no un error.

---

🎯 Verificación de preparación

Verifiquemos que todo está listo.

**Configuración de AskQuestion:**

{
  "title": "🎯 Verificacion previa a la sesion",
  "questions": [{
    "id": "readiness",
    "prompt": "¿Está listo?",
    "options": [
      {"id": "ready", "label": "¡Listo! Comencemos"},
      {"id": "check_prereq", "label": "Verificar requisitos previos"},
      {"id": "view_html", "label": "Ver primero la pagina del curso"},
      {"id": "different_lesson", "label": "Ir a otra leccion"}
    ]
  }]
}

(ready → Ir al Step 1) (check_prereq → Ejecutar verificación de requisitos previos) (view_html → Mostrar ruta de la página del curso) (different_lesson → Mostrar lista de modulos)

---

🚀 Step 1: Revisar los tamaños para cada plataforma

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 1: Revisar los tamanos para cada plataforma",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Muestreme los tamanos recomendados de banners para publicaciones en X, Instagram y Facebook en formato de tabla.
Incluya la relacion de aspecto y el caso de uso.

**Resultado esperado**: Se muestra una tabla cómo la siguiente: | Plataforma | Tamaño | Relación de aspecto | |------------|--------|---------------------| | X | 1200x675px | 16:9 | | Instagram | 1080x1080px | 1:1 | | Facebook | 1200x630px | 1.91:1 |

---

🚀 Step 2: Generar banners en lote para 3 plataformas

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 2: Generar banners en lote para 3 plataformas",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Cree banners para las siguientes 3 plataformas con el tema "Evento de venta de verano":

1. Para X (1200x675px)
2. Para Instagram (1080x1080px)
3. Para Facebook (1200x630px)

Guardelos como banner-1-2-x.png, banner-1-2-ig.png y banner-1-2-fb.png respectivamente.

**Resultado esperado**: Se generan tres banners de diferentes tamaños, cada uno optimizado para su plataforma.

---

🚀 Step 3: Verificar la consistencia del diseño

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 3: Verificar la consistencia del diseno",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Revise los 3 banners recien creados.
Verifique si se mantiene la consistencia del diseno (colores, fuentes, mensajes)
e indique cualquier area de mejora.

**Resultado esperado**: Se evalua la consistencia de marca entre los 3 banners, con sugerencias de mejora según sea necesario.

---

🚀 Step 4: Practicar con una campaña diferente

Cree un conjunto de banners para una campaña diferente usando los siguientes prompts:

Use AskUserQuestion (AskQuestion) para elegir "Continuar / Solo revisar ejemplos / Omitir."

**Ejemplo de configuración de AskQuestion:**

{
  "title": "🚀 Step 4: Practicar con una campana diferente",
  "questions": [{
    "id": "step_action",
    "prompt": "¿Qué desea hacer con este paso?",
    "options": [
      {"id": "practice", "label": "Continuar"},
      {"id": "review", "label": "Solo revisar ejemplos"},
      {"id": "skip", "label": "Omitir"}
    ]
  }]
}

**Después de la selección (ejemplo)**: Entrada:

Cree un conjunto de banners para X, Instagram y Facebook con el tema
"Lanzamiento de nuevo producto - Bonus exclusivo para los primeros 100 clientes."
Estilo: Lujoso, sensacion premium
Colores: Base de dorado y negro

**Resultado esperado**: Se generan banners para 3 plataformas con un tema de diseño unificado.

---

⚠️ Problemas comunes y soluciones

Use AskUserQuestion (AskQuestion) para seleccionar su probl