Gerar Landing Page

Skill: gerar-landing-page

Pipeline para gerar uma landing page completa com base em 1 dos 10 templates disponiveis. Deploy automatico em .${DOMINIO_BASE} (dominio do proprio aluno, NAO denderson.com).

---

Fluxo obrigatorio (NUNCA pular a pergunta inicial)

1. Quando o dono pedir "cria uma landing page", "faz uma LP", "pagina de vendas", "monta uma landing", "preciso de uma pagina pra X", PERGUNTE ANTES de gerar:

``` Qual modelo voce quer? Tenho 10 templates:

1. NYOS Editorial Tech — cinza+dourado, vibe revista
2. Matrix Terminal — neon green, terminal scrolling
3. Lead Capture Minimal — formulario centro, captura
4. Infoproduto VSL — video hero + estrutura PASO
5. Agencia Premium — luxo, preto+dourado, cases
6. Evento Presencial — urgencia, contagem regressiva
7. Lancamento Perpetuo — neon, escassez + bonus
8. SaaS Clean — azul tech, mockup produto
9. Consultor Autoridade — editorial, autoridade
10. Wedding/Evento Social — rose/champagne, RSVP

Qual prefere? Ou descreve o que voce quer e eu sugiro? ```

1. So depois da resposta, gere a LP com o template escolhido.

1. Se o dono nao souber qual usar, sugira 1 ou 2 com base no que ele descrever (nicho, objetivo, publico, ticket). Use o guia abaixo:

| Se o produto for... | Sugira | |-----------------------------------------------------|---------------------------------------| | Curso, ebook, mentoria com VSL | 4 (Infoproduto VSL) ou 7 (Lancamento) | | Servico de agencia (B2B premium) | 5 (Agencia Premium) | | App, software, SaaS, ferramenta | 8 (SaaS Clean) | | Evento ao vivo, workshop, imersao com data | 6 (Evento Presencial) | | Captura de lead simples (PDF gratis, webinar) | 3 (Lead Capture Minimal) | | Consultor, autor, palestrante (autoridade pessoal) | 9 (Consultor Autoridade) | | Landing tech moderna sem ser obvia | 1 (NYOS) ou 2 (Matrix) | | Casamento, formatura, evento social, RSVP | 10 (Wedding/Evento Social) |

1. Se o dono pedir "manda os 10 modelos pra eu ver", liste com mini descricao + paleta + fonts (sem gerar nada ainda).

1. NUNCA gerar uma LP sem confirmar o template. Atalho de OK: o dono manda "vai 4" ou "usa o 8" e ai sim gera.

---

Os 10 templates disponiveis

Localizacao: skills/gerar-landing-page/templates/.html

| # | Arquivo | Vibe | Paleta | Fonts | |---|---------------------------------|-----------------------------------|---------------------------------|----------------------------------------| | 1 | nyos-editorial.html | Editorial tech, revista digital | Cinza+preto+dourado | Tobias (display) + Sohne (body) | | 2 | matrix-terminal.html | Cyberpunk terminal, hacker chic | Neon green sobre preto | JetBrains Mono | | 3 | lead-capture-minimal.html | Captura clean, foco no formulario | Branco+preto+1 cor de destaque | Inter | | 4 | infoproduto-vsl.html | VSL longa, PASO completo | Laranja+preto OU roxo+preto | Bebas Neue (display) + Inter (body) | | 5 | agencia-premium.html | Luxo B2B, cases destacados | Preto+dourado+champagne | Playfair Display + Inter | | 6 | evento-presencial.html | Urgencia, contagem regressiva | Vermelho+preto OU verde+preto | Bebas Neue + Inter | | 7 | lancamento-perpetuo.html | Neon escassez + bonus em pilha | Rosa+ciano+preto | Orbitron + Inter | | 8 | saas-clean.html | Tech profissional, mockup hero | Azul+branco+grafite | Inter (tudo) | | 9 | consultor-autoridade.html | Editorial autoridade pessoal | Branco+preto+vermelho | Cormorant Garamond + Inter | | 10| wedding-event.html | Soft romantico, RSVP form | Rose+champagne+sage | Cormorant Garamond + Lato |

Cada template e auto-contido (Tailwind CDN ou CSS inline). Os placeholders variam por template:

Placeholders dos 7 templates novos (4, 5, 6, 7, 8, 9, 10)

• {{TITULO}} — titulo da pagina (`` + meta og)
• {{HEADLINE}} — headline principal do hero
• {{SUBHEADLINE}} — sub-titulo do hero
• {{HERO_IMG}} — URL da imagem do hero
• {{CTA_TEXT}} — texto do botao principal
• {{CTA_URL}} — link do CTA (checkout, formulario, calendario)
• {{COR_PRIMARIA}} — cor primaria (override)
• {{COR_SECUNDARIA}} — cor secundaria (override)
• {{ANO}} — ano (footer)
• {{NOME_MARCA}} — nome da marca/empresa
• {{TELEFONE}} — WhatsApp/telefone (opcional)
• {{EMAIL}} — email de contato
• {{PIXEL_HEAD}} — script de pixel/GA no ``
• {{UTM_SCRIPT}} — tracker UTM antes de ``

Placeholders dos 3 templates legados (1, 2, 3)

Estes 3 (NYOS Editorial, Matrix Terminal, Lead Capture Minimal) usam um SET DIFERENTE de placeholders, herdado do projeto original. NAO confundir com os novos.

• {{TITULO_PRINCIPAL}} — equivalente a {{HEADLINE}}
• {{TITULO_DESTAQUE}} — destaque dentro do titulo
• {{SUBTITULO}} — equivalente a {{SUBHEADLINE}}
• {{CTA_TEXTO}} — equivalente a {{CTA_TEXT}}
• {{CTA_LINK}} — equivalente a {{CTA_URL}}
• {{NOME_PRODUTO}} — equivalente a {{NOME_MARCA}}
• {{ANO}}, {{PIXEL_HEAD}}, {{UTM_SCRIPT}} — iguais

Cada template tem placeholders adicionais especificos (lotes, FAQ, modulos, beneficios, etc). Eles estao documentados dentro do proprio HTML como comentarios ``. Antes de gerar, abra o template e leia.

> Recomendacao: quando o agente renderizar o HTML, leia todos os {{...}} do template escolhido com grep -oE '\{\{[A-Z_][A-Z0-9_]*\}\}' .html | sort -u e preencha cada um. Se sobrar {{...}} no HTML final, abortar deploy (o script deploy-landing.sh ja avisa).

---

Pipeline de execucao

Etapa 1 — Confirmar template

Pergunta + resposta do dono (descrita acima). NAO pular.

Etapa 2 — Coletar dados do projeto

Perguntar (o que faltar):

• Nome do projeto/produto
• Slug do subdominio (ex: lancamento-x)
• Headline + sub-headline
• CTA (texto + URL)
• 3-5 bullets/beneficios
• Tem VSL? Link do video?
• Cor de destaque preferida (se nao quiser o padrao do template)

Etapa 3 — Montar HTML

Copiar templates/.html para /tmp//index.html e substituir todos os placeholders.

Etapa 4 — Validar DOMINIO_BASE

Antes de qualquer deploy, validar que DOMINIO_BASE existe no .env do agente. Se vazio, parar e mostrar como configurar.

Etapa 5 — Deploy completo

Rodar scripts/deploy-landing.sh:

bash skills/gerar-landing-page/scripts/deploy-landing.sh \
  --slug "lancamento-x" \
  --repo "lp-lancamento-x" \
  --dir  "/tmp/lancamento-x"

URL final: https://lancamento-x.${DOMINIO_BASE}.

Etapa 6 — Entregar

Devolver pro dono:

• URL publica
• Repo privado no GitHub
• Lembrar que pode editar o repo pra ajustar copy/imagens

---

Variaveis de ambiente

Mesmas da skill de proposta-comercial (compartilhadas no .env do agente):

• GH_TOKEN, GH_USER
• VERCEL_TOKEN, VERCEL_SCOPE
• CLOUDFLARE_DNS_TOKEN, CLOUDFLARE_ZONE_ID
• DOMINIO_BASE (OBRIGATORIO — dominio raiz do aluno)

Se DOMINIO_BASE estiver vazio, o agente para e responde:

> Falta configurar DOMINIO_BASE no .env do agente. Te explico como: > 1. Edite /opt/naia-agent/.env > 2. Adicione DOMINIO_BASE=seunegocio.com.br > 3. Configure tambem CLOUDFLARE_ZONE_ID (zone do Cloudflare desse dominio) e CLOUDFLARE_DNS_TOKEN (token DNS:Edit) > 4. Reinicie o agente e tente de novo

---

Regras criticas

1. NUNCA gerar a LP sem confirmar qual dos 10 templates usar
2. NUNCA usar denderson.com hardcoded — sempre ${DOMINIO_BASE}
3. NUNCA usar travessoes na copy
4. SEMPRE PT-BR com acentuacao completa
5. SEMPRE repo privado
6. Imagens/videos do hero: sempre URL HTTPS valida
7. Mobile first: todos os templates ja sao responsivos
8. Performance: Tailwind via CDN OK no MVP, otimizar quando virar producao
9. Lighthouse alvo: 85+ em Performance e 95+ em Accessibility
10. Sem Google Analytics/Meta Pixel hardcoded no template; o aluno coloca depois

---

Erros que nao podem repetir

1. Gerar LP sem perguntar o template
2. Usar dominio que nao e do aluno
3. Misturar paletas de templates diferentes na mesma LP
4. Esquecer placeholder e deixar {{HEADLINE}} no HTML final
5. Subir repo publico (deve ser sempre privado)
6. CTA quebrado (URL vazia ou apontando pra #)
7. Imagem do hero faltando (deixar placeholder)

---

Arquivos auxiliares

• templates/nyos-editorial.html
• templates/matrix-terminal.html
• templates/lead-capture-minimal.html
• templates/infoproduto-vsl.html
• templates/agencia-premium.html
• templates/evento-presencial.html
• templates/lancamento-perpetuo.html
• templates/saas-clean.html
• templates/consultor-autoridade.html
• templates/wedding-event.html
• scripts/deploy-landing.sh
• GUIA-ESCOLHA-TEMPLATE.md (guia rapido para escolher)

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: denderson2013-bot
• Source: denderson2013-bot/agente-claude-update-alunos-denderson
• License: MIT

Install and usage instructions live in the source repository linked above.