Gerador de Landing Page EEC / Oferta
Produz uma landing page de oferta específica para uma marca e público-alvo como um artefato React .jsx implementável. Suporta cinco modos de enquadramento — desafio, curso, sprint, bootcamp, workshop — com arquitetura de conversão idêntica. Todos os tokens do template são substituídos por cópia real derivada da identidade da marca, oferta e inteligência de público.
Contrato de Entrada
# Um destes modos de entrada é obrigatório:
modo_1_completo:
perfil_marca: string # Saída da skill brand-intelligence
inteligencia_publico: string # Saída da skill audience-intelligence
modo_2_apenas_marca:
perfil_marca: string # Saída da skill brand-intelligence
modo_3_apenas_url:
url: string # Qualquer URL HTTPS
nome_marca: string | null # Opcional. Extraído automaticamente se ausente.
# Substituições opcionais para qualquer modo:
contexto_oferta: string | null # Título ou resumo específico da oferta, se conhecido
enquadramento: desafio | curso | sprint | bootcamp | workshop | null
# Se nulo ou não especificado, o enquadramento é detectado automaticamente na Fase 0
Ordem de prioridade: Perfis completos → apenas marca → apenas URL. Se os perfis existirem na conversa, use-os em vez de extrair novamente.
Fluxo de Trabalho
Fase 0 — Selecionar Modo de Enquadramento
Carregue
references/framing-modes.mdprimeiro. Ele contém todas as tabelas de vocabulário e regras de detecção.
Se o enquadramento for explicitamente especificado na solicitação → use-o. Pule a detecção.
Se não for especificado, infira a partir dos sinais da marca:
| Sinal da Marca | Modo Inferido |
|---|---|
| Transformação, criação de hábito, conteúdo orientado pela comunidade | desafio |
| Currículo, expertise em primeiro lugar, credenciais, conhecimento B2B | curso |
| Público de operadores/construtores, linguagem de velocidade, vitórias rápidas | sprint |
| Alto valor, intensivo, tom "sem desculpas" | bootcamp |
| Feito-com-você, criativo, praticante, baseado em habilidades | workshop |
Padrão se ainda estiver incerto: desafio
Registre o enquadramento selecionado. Cada decisão de cópia na Fase 3 extrai vocabulário da tabela desse modo em references/framing-modes.md.
Fase 1 — Coletar Contexto de Marca + Público
Perfil de Marca + Inteligência de Público ambos presentes: Pule a extração. Use-os diretamente. Prossiga para a Fase 2.
Apenas Perfil de Marca:
Infira sinais de público a partir de amostras de voz, pilares de conteúdo e estratégia de CTA. Sinalize campos inferidos com (inferido).
Apenas URL: Execute extração leve:
web_fetcha URL — página inicial + página 'sobre' se acessível- Pesquise na web
"[nome da marca] [nicho] público-alvo"e"[nome da marca] oferta" - Extraia campos mínimos obrigatórios
- Prossiga para a Fase 2
Carregue
references/token-mapping.mdantes da Fase 2.
Fase 2 — Mapear Sinais para Tokens do Template
Popule o mapa de tokens. Cada token obrigatório deve ter um valor antes da Fase 3.
Tokens obrigatórios:
NOME_OFERTANUMERO(sempre 5)TOPICO_ATIVIDADERESULTADO_TANGIVEL_1/2/3FRUSTRACAO_COMUMTITULO_DIA_1–5CHAMADA_DIA_1–5NOME_REMETENTE,SOBRENOME_REMETENTE,CARGO_REMETENTEBIO_REMETENTE
Tokens opcionais (degradam graciosamente):
NUMERO_INSCRITOSPUBLICO_ESPECIFICODEPOIMENTO_*(deixe espaço reservado se nenhum estiver disponível)
Definições completas de tokens e mapeamento sinal-para-token:
references/token-mapping.md
Fase 3 — Escrever a Cópia
Usando a tabela de vocabulário do modo de enquadramento selecionado de references/framing-modes.md, escreva toda a cópia.
Regras completas de cópia por modo de enquadramento:
references/copy-principles.md
Nomeação da oferta: A palavra de enquadramento (Desafio / Curso / Sprint / Bootcamp / Workshop) aparece na barra superior e no sobrancelha — não necessariamente no título da oferta em si. Nomeie a oferta pela sua transformação.
- Bom: "O Sprint Conserta Pipeline"
- Bom: "O Curso de Sequência de E-mail de 5 Dias"
- Evite: "O Sprint GTM Stack", "O Curso de Marketing por E-mail"
Título: Puxe o padrão da tabela de vocabulário do modo selecionado.
Subtítulo: Use a abertura do modo como ponto de partida. Preencha três resultados seguindo o arco: clareza → ativo/sistema → confiança.
Títulos dos dias: Orientados para a ação em todos os modos. A escolha do verbo se adapta ao modo (veja Variantes de Rótulo do Dia em references/framing-modes.md), mas todos os títulos descrevem o que o participante faz, não o que ele aprende.
Estado de sucesso: Use o título de sucesso e subtítulo de sucesso exatos do modo em references/framing-modes.md. Não improvise.
Fase 4 — Montar a Página
- Carregue
assets/template.jsxcomo base - Substitua o objeto
CONTENTpor todos os tokens preenchidos, usando strings específicas do modo para:hero.sobrancelhactaPrimario.rotuloBotaoemicrocopiaoQueEsperar.rotuloeoQueEsperar.introducaoprovaSocial.rotuloautor.rotuloctaSecundario.rotulo,ctaSecundario.apoio,ctaSecundario.rotuloBotao- array
sinaisConfianca - Strings de estado de sucesso no componente
CtaForm(edite o JSX diretamente) - String de rótulo da barra superior no JSX
- Aplique substituições de cor da marca se valores hexadecimais estiverem no Perfil de Marca
--gold→ destaque primário da marca (quente, alto contraste)--bg→ fundo da marca (mantenha escuro a menos que a marca seja explicitamente clara)- Tema claro: veja tabela de troca de cores em
references/token-mapping.md
- Atualize
autor.iniciaispara as iniciais reais - Arquivo de saída:
/mnt/user-data/outputs/[slug-marca]-[modo]-page.jsx - Apresente o arquivo ao usuário
Fase 5 — Apresentar + Resumo
Marca: [nome]
Enquadramento: [modo] — [motivo em uma linha se detectado automaticamente]
Público: [ICA em uma linha]
Nome da oferta: [título]
Arco de transformação: [dor] → [resultado]
Tokens inferidos: [lista ou "nenhum"]
Próximo passo: [o que precisa ser feito antes de ir ao ar]
Árvore de Decisão
Entrada recebida
│
├── Enquadramento especificado?
│ ├── SIM → use-o
│ └── NÃO → detectar a partir de sinais da marca → padrão: desafio
│
├── Perfil de Marca + Intel de Público no contexto?
│ └── SIM → Fase 2
│
├── Apenas Perfil de Marca?
│ └── SIM → inferir público → Fase 2
│
└── Apenas URL?
└── SIM → web_fetch + pesquisa → Fase 2
Padrões de Qualidade
Antes de gerar o arquivo final, verifique:
- Nenhum token
{{PLACEHOLDER}}permanece em campos obrigatórios - O modo de enquadramento é consistente em todo o texto — sem mistura de vocabulário entre modos
- Títulos dos dias são orientados para a ação (verbo em primeiro lugar, quando possível)
- Subtítulo usa linguagem de resultado, não linguagem de aprendizado
- Rótulo do botão CTA corresponde ao modo selecionado
- Estado de sucesso corresponde exatamente ao modo selecionado
- Rótulo da barra superior corresponde ao modo selecionado
- Iniciais do autor correspondem ao nome real do remetente
- Arquivo nomeado
[slug-marca]-[modo]-page.jsx
Arquivos de Referência
| Arquivo | Quando Carregar |
|---|---|
references/framing-modes.md | Fase 0 — carregue primeiro |
references/token-mapping.md | Antes da Fase 2 |
references/copy-principles.md | Antes da Fase 3 |
assets/template.jsx | Fase 4 — arquivo base |