landing-eec

Generador de Páginas de Aterrizaje EEC / Oferta

Produce una página de aterrizaje de oferta específica para una marca y audiencia objetivo como un artefacto React .jsx desplegable. Soporta cinco modos de encuadre — desafío, curso, sprint, bootcamp, taller — con una arquitectura de conversión idéntica. Todos los tokens de la plantilla se reemplazan con texto real derivado de la identidad, oferta e inteligencia de audiencia de la marca.

---

Contrato de Entrada

# Se requiere uno de estos modos de entrada:

mode_1_completo:
  brand_profile: string         # Salida del skill brand-intelligence
  audience_intelligence: string # Salida del skill audience-intelligence

mode_2_solo_marca:
  brand_profile: string         # Salida del skill brand-intelligence

mode_3_solo_url:
  url: string                   # Cualquier URL HTTPS
  brand_name: string | null     # Opcional. Se extrae automáticamente si está ausente.

# Anulaciones opcionales para cualquier modo:
offer_context: string | null    # Título de oferta específico o resumen si se conoce
framing: challenge | course | sprint | bootcamp | workshop | null
  # Si es null o no se especifica, el encuadre se detecta automáticamente en la Fase 0

Orden de prioridad: Perfiles completos → solo marca → solo URL. Si los perfiles existen en la conversación, úsalos en lugar de volver a extraerlos.

---

Flujo de Trabajo

Fase 0 — Seleccionar Modo de Encuadre

Primero carga references/framing-modes.md. Contiene todas las tablas de vocabulario y reglas de detección.

Si el encuadre se especifica explícitamente en la solicitud → úsalo. Omite la detección.

Si no se especifica, infiere a partir de las señales de la marca:

Señal de Marca	Modo Inferido
Transformación, creación de hábitos, contenido impulsado por la comunidad	challenge
Currículum, prioridad a la experiencia, credenciales, conocimiento B2B	course
Audiencia de operadores/constructores, lenguaje de velocidad, victorias rápidas	sprint
Alto valor, intensivo, tono de "sin excusas"	bootcamp
Hecho contigo, creativo, práctico, basado en habilidades	workshop

Valor predeterminado si aún no está claro: challenge

Registra el encuadre seleccionado. Cada decisión de texto en la Fase 3 extrae vocabulario de la tabla de ese modo en references/framing-modes.md.

---

Fase 1 — Recopilar Contexto de Marca + Audiencia

Perfil de Marca + Inteligencia de Audiencia ambos presentes: Omite la extracción. Úsalos directamente. Procede a la Fase 2.

Solo Perfil de Marca: Infiera señales de audiencia a partir de muestras de voz, pilares de contenido y estrategia de CTA. Marca los campos inferidos con (inferido).

Solo URL: Realiza una extracción ligera:

1. web_fetch la URL — página de inicio + página de "acerca de" si es accesible
2. Búsqueda web "[nombre de marca] [nicho] público objetivo" y "[nombre de marca] oferta"
3. Extrae los campos mínimos requeridos
4. Procede a la Fase 2

Carga references/token-mapping.md antes de la Fase 2.

---

Fase 2 — Mapear Señales a Tokens de Plantilla

Poblar el mapa de tokens. Cada token requerido debe tener un valor antes de la Fase 3.

Tokens requeridos:

• OFFER_NAME
• NUMBER (siempre 5)
• DOING_TOPIC
• TANGIBLE_OUTCOME_1/2/3
• COMMON_FRUSTRATION
• DAY_1–5_TITLE
• DAY_1–5_TEASER
• SENDER_FIRST_NAME, SENDER_LAST_NAME, SENDER_TITLE
• SENDER_BIO

Tokens opcionales (degradan elegantemente):

• NUMBER_OF_SUBSCRIBERS
• SPECIFIC_AUDIENCE
• TESTIMONIAL_* (dejar marcador de posición si no hay ninguno disponible)

Definiciones completas de tokens y mapeo de señal a token: references/token-mapping.md

---

Fase 3 — Escribir el Texto

Usando la tabla de vocabulario del modo de encuadre seleccionado de references/framing-modes.md, escribe todo el texto.

Reglas completas de texto por modo de encuadre: references/copy-principles.md

Nomenclatura de la oferta: La palabra de encuadre (Desafío / Curso / Sprint / Bootcamp / Taller) aparece en la barra superior y el subtítulo — no necesariamente en el título de la oferta. Nombra la oferta por su transformación.

• Bueno: "El Sprint de Arreglo del Pipeline"
• Bueno: "El Curso de Secuencia de Correos Electrónicos de 5 Días"
• Evitar: "El Sprint del Stack GTM", "El Curso de Marketing por Correo Electrónico"

Título principal: Toma el patrón de la tabla de vocabulario del modo seleccionado.

Subtítulo: Usa la frase de apertura del modo como punto de partida. Completa tres resultados siguiendo el arco: claridad → activo/sistema → confianza.

Títulos de días: Orientados a la acción en todos los modos. La elección del verbo se adapta al modo (ver Variantes de Etiqueta de Día en references/framing-modes.md), pero todos los títulos describen lo que el participante hace, no lo que aprende.

Estado de éxito: Usa el título de éxito y subtítulo de éxito exactos del modo de references/framing-modes.md. No improvises.

---

Fase 4 — Ensamblar la Página

1. Carga assets/template.jsx como base
2. Reemplaza el objeto CONTENT con todos los tokens poblados, usando cadenas específicas del modo para:
   • hero.eyebrow
   • primaryCta.buttonLabel y microcopy
   • whatToExpect.label y whatToExpect.intro
   • socialProof.label
   • author.label
   • secondaryCta.label, secondaryCta.supporting, secondaryCta.buttonLabel
   • Matriz trustSignals
   • Cadenas de estado de éxito en el componente CtaForm (editar JSX directamente)
   • Cadena de etiqueta de barra superior en JSX
3. Aplica anulaciones de color de marca si hay valores hex en el Perfil de Marca
   • --gold → acento primario de la marca (cálido, alto contraste)
   • --bg → fondo de la marca (mantener oscuro a menos que la marca sea explícitamente clara)
   • Tema claro: ver tabla de intercambio de colores en references/token-mapping.md
4. Actualiza author.initials a las iniciales reales
5. Archivo de salida: /mnt/user-data/outputs/[slug-de-marca]-[modo]-page.jsx
6. Presenta el archivo al usuario

---

Fase 5 — Presentación + Resumen

Marca: [nombre]
Encuadre: [modo] — [razón en una línea si se detectó automáticamente]
Audiencia: [ICA en una línea]
Nombre de la oferta: [título]
Arco de transformación: [dolor] → [resultado]
Tokens inferidos: [lista o "ninguno"]
Próximo paso: [lo que se debe hacer antes de que esté en vivo]

---

Árbol de Decisión

Entrada recibida
│
├── ¿Encuadre especificado?
│   ├── SÍ → usarlo
│   └── NO → detectar a partir de señales de marca → predeterminado: challenge
│
├── ¿Perfil de Marca + Inteligencia de Audiencia en contexto?
│   └── SÍ → Fase 2
│
├── ¿Solo Perfil de Marca?
│   └── SÍ → inferir audiencia → Fase 2
│
└── ¿Solo URL?
    └── SÍ → web_fetch + búsqueda → Fase 2

---

Estándares de Calidad

Antes de generar el archivo final, verifica:

• No quedan tokens {{PLACEHOLDER}} en campos requeridos
• El modo de encuadre es consistente en todo el documento — sin mezclar vocabulario entre modos
• Los títulos de días están orientados a la acción (verbo primero cuando sea posible)
• El subtítulo usa lenguaje de resultados, no lenguaje de aprendizaje
• La etiqueta del botón CTA coincide con el modo seleccionado
• El estado de éxito coincide exactamente con el modo seleccionado
• La etiqueta de la barra superior coincide con el modo seleccionado
• Las iniciales del autor coinciden con el nombre real del remitente
• Archivo nombrado como [slug-de-marca]-[modo]-page.jsx

---

Archivos de Referencia

Archivo	Cuándo Cargar
references/framing-modes.md	Fase 0 — cargar primero
references/token-mapping.md	Antes de la Fase 2
references/copy-principles.md	Antes de la Fase 3
assets/template.jsx	Fase 4 — archivo base