Ultimate Landing Page Squad

Squad especializado na criação de landing pages de alta conversão com IA. 9 agentes orquestrados, 32 tasks e 6 workflows para produzir landing pages profissionais end-to-end.

Visão Geral

O Ultimate Landing Page Squad é um conjunto de agentes de IA especializados que trabalham em pipeline para transformar uma ideia de produto ou serviço em uma landing page completa, otimizada para conversão, SEO e acessibilidade.

O squad cobre todo o ciclo de desenvolvimento:

• Discovery — Entendimento profundo do produto e público-alvo
• Pesquisa — Análise de mercado, concorrentes e referências visuais
• Copy — Textos persuasivos baseados em frameworks de experts mundiais
• Design — Design system atômico com tokens, componentes e seções
• Imagens — Geração de imagens por IA coerentes com o design system
• Desenvolvimento — Frontend Next.js 15 + Backend FastAPI (condicional)
• Integrações — WhatsApp, email e conexão frontend-backend (condicionais)
• QA — Revisão multidimensional (copy, design, SEO, a11y, segurança)

Diferenciais

• Acessibilidade WCAG AAA mandatória (contraste 7:1)
• SEO com dados estruturados JSON-LD, Open Graph e meta tags completas
• Light/Dark mode obrigatório em ambos os modos
• Design system baseado em Atomic Design (tokens a pages)
• Copy baseado em frameworks de experts mundiais em conversão
• Componentes condicionais — backend e integrações são opcionais

Capabilities (Squad Protocol v5)

workflows/lp-full-pipeline.yaml

workflows/lp-qa-gate.yaml

Agentes

Agentes condicionais: Forge (backend) e Bridge (integrações) são ativados apenas quando as flags correspondentes estão habilitadas no escopo.

Pipeline — Fluxo de 7 Fases

 FASE 1          FASE 2          FASE 3              FASE 4
 Discovery       Research        Content + Design     Images
 ┌──────────┐   ┌──────────┐   ┌──────────────────┐  ┌──────────┐
 │ Strategos│──>│  Scout   │──>│ Quill    Prism   │─>│   Lens   │
 │          │   │          │   │ (copy)   (design)│  │          │
 │ *elicit  │   │ *research│   │ *write   *design │  │ *generate│
 │ *discover│   │ *analyze │   │  (paralelo)      │  │ *iterate │
 │ *scope   │   │ *synth.  │   │                  │  │          │
 └──────────┘   └──────────┘   └──────────────────┘  └──────────┘
                                                          │
 ┌────────────────────────────────────────────────────────┘
 │
 v
 FASE 5                    FASE 6              FASE 7
 Build                     Integrations        QA
 ┌──────────────────┐     ┌──────────┐        ┌──────────┐
 │ Pixel    Forge   │────>│  Bridge  │──────> │  Shield  │
 │ (front)  (back)  │     │          │        │          │
 │ *setup   *setup  │     │ *whatsapp│        │ *review  │
 │ *build   *api    │     │ *email   │        │ *report  │
 │ *assemble*admin  │     │ *connect │        │ *verdict │
 │  (paralelo)      │     │(condic.) │        │          │
 └──────────────────┘     └──────────┘        └──────────┘

Fases Detalhadas

Workflows

Comandos Rápidos

Pré-requisitos

APIs e Chaves (conforme uso)

• Gemini API Key — para geração de imagens via nano-banana-pro
• OpenAI API Key — para geração de imagens via DALL-E 3
• Replicate API Token — para Flux e outros modelos
• fal.ai API Key — para Imagen4, Ideogram, Recraft e outros
• evolution-api — para integração com WhatsApp (condicional)

Uso

Ativar o squad pelo agente de entrada:

@lp-strategist *start-discovery

Ou executar o pipeline completo:

*run-full-pipeline

Estrutura do Squad

squads/ultimate-landingpage/
├── README.md                   # Este arquivo
├── IDEATION.md                 # Documento de raciocínio da composição
├── squad.yaml                  # Manifesto Squad Protocol v5 com capabilities
│
├── agents/                     # Definições de persona dos 9 agentes
│   ├── lp-strategist.md       # Strategos — Flow_Master
│   ├── lp-researcher.md       # Scout — Builder
│   ├── lp-copywriter.md       # Quill — Builder
│   ├── lp-design-architect.md # Prism — Builder
│   ├── lp-image-creator.md    # Lens — Builder
│   ├── lp-frontend-dev.md     # Pixel — Builder
│   ├── lp-backend-dev.md      # Forge — Builder (Condicional)
│   ├── lp-integrator.md       # Bridge — Builder (Condicional)
│   └── lp-reviewer.md         # Shield — Guardian
│
├── tasks/                      # 32 tasks executáveis
│   ├── lp-strategist-*.md     # Tasks de discovery (3)
│   ├── lp-researcher-*.md     # Tasks de pesquisa (4)
│   ├── lp-copywriter-*.md     # Tasks de copy (2)
│   ├── lp-design-architect-*.md # Tasks de design (5)
│   ├── lp-image-creator-*.md  # Tasks de imagem (2)
│   ├── lp-frontend-dev-*.md   # Tasks de frontend (4)
│   ├── lp-backend-dev-*.md    # Tasks de backend (3)
│   ├── lp-integrator-*.md     # Tasks de integração (3)
│   └── lp-reviewer-*.md       # Tasks de QA (6)
│
├── workflows/                  # 6 definições de workflow
│   ├── lp-full-pipeline.yaml
│   ├── lp-discovery-flow.yaml
│   ├── lp-design-copy-parallel.yaml
│   ├── lp-build-parallel.yaml
│   ├── lp-section-pipeline.yaml
│   └── lp-qa-gate.yaml
│
└── config/                     # Configurações de referência do squad
    ├── coding-standards.md    # Padrões de código
    ├── tech-stack.md          # Stack tecnológica
    └── source-tree.md         # Estrutura de diretórios

Componentes Condicionais

O squad utiliza um sistema de flags condicionais definidas na fase de discovery para ativar ou desativar componentes do pipeline:

Cenários de Uso

Landing page simples (frontend only):

backend: false
whatsapp: false
email: false

• Apenas 7 agentes ativos: Strategos, Scout, Quill, Prism, Lens, Pixel, Shield
• Deploy via Vercel sem backend

Landing page com captura de leads:

backend: true
whatsapp: false
email: true

• 8 agentes ativos (inclui Forge e Bridge para email)
• Frontend + Backend + banco de dados

Landing page completa:

backend: true
whatsapp: true
email: true

• Todos os 9 agentes ativos
• Stack completa com todas as integrações

Licença

MIT

Autor

Luiz Gustavo Vieira Rodrigues

Squad Protocol v5 — Ultimate Landing Page Squad v1.0.0