uxjoseph/landing-page-generator

Gerador de Página de Destino (Landing Page Generator)

Visão Geral

Habilidade para gerar automaticamente páginas de destino de alta conversão com base em informações de produtos/serviços.

Fluxo de Execução

[Entrada] Informações do produto/serviço
         ↓
[Passo 1] Coleta de entrada - agents/01-intake.md
         ↓
[Passo 2] Pesquisa de público-alvo - agents/02-research.md
         ↓
[Passo 3] Copys de 13 seções - agents/03-copy.md
         ↓
[Passo 4] Direção de design - agents/04-design-direction.md
         ↓
[Passo 5] Geração de prompt Gemini - agents/05-prompt-generator.md
         ↓
[Passo 6] Geração de 13 imagens via API Gemini
         ↓
[Passo 7] Costura de imagens → PNG/PDF final

Informações de Entrada Obrigatórias

Campo	Descrição	Exemplo
product_name	Nome do produto/serviço	"Ferramenta de Automação de Marketing com IA"
one_liner	Definição em uma linha	"Marketing com IA que reduz custos de anúncios em 50%"
target_audience	Público-alvo principal	"Vendedores da Smart Store que gastam mais de 1 milhão de KRW por mês em anúncios"
main_problem	Problema principal resolvido	"Gasta 2 horas por dia na otimização de anúncios"
key_benefit	Benefício principal	"IA otimiza 24 horas automaticamente, reduzindo custos de anúncios em 50%"
price	Preço	"99.000 KRW/mês (preço normal 199.000 KRW)"
urgency	Elemento de urgência	"50% de desconto para os primeiros 100 inscritos"

Informações de Entrada Opcionais

• testimonials: Depoimentos de clientes
• creator_bio: Biografia do criador
• bonus_items: Componentes de bônus
• guarantee: Política de reembolso/garantia
• faq: Itens de FAQ
• brand_color: Cor da marca (caso não informada, sugestão automática)

Estrutura das 13 Seções

Guia detalhado: references/13-section-guide.md

#	Nome da Seção	Altura	Elementos Principais
01	Hero	800px	Manchete, CTA, selo de urgência
02	Pain	600px	3-4 pontos de dor
03	Problem	500px	Causa real, problema estrutural
04	Story	700px	Mudança Antes→Depois
05	Solution	400px	Definição do produto em uma linha
06	How It Works	600px	Processo passo a passo
07	Social Proof	800px	Depoimentos, números
08	Authority	500px	Apresentação do criador
09	Benefits	700px	Benefícios, bônus
10	Risk Removal	500px	Política de reembolso, FAQ
11	Comparison	400px	Comparação Antes/Depois
12	Target Filter	400px	Público recomendado/não recomendado
13	Final CTA	600px	CTA final

Como Usar

1. Diálogo de Coleta de Informações

Usuário: Crie uma landing page para mim
→ Inicia perguntas sobre informações obrigatórias

2. Execução Automática do Processo Completo

Após a coleta de informações, automaticamente:

1. Pesquisa de público-alvo
2. Criação de copywriting
3. Definição de direção de design
4. Geração de imagens Gemini
5. Montagem final

3. Saída

• output/sections/ - PNG por seção (13 imagens)
• output/final_page.png - Página de destino final
• output/final_page.pdf - Versão em PDF

Especificações Técnicas

• Largura da imagem: 1200px (fixa)
• Altura total: ~7.000px (variável)
• API: Gemini 3.0 Pro (geração de imagens)
• Script: Python (Pillow)

Documentos de Referência

• Guia das 13 seções
• Padrões de Copy
• Padrões de Prompt Gemini
• Especificações de Design