ultimate landingpage
Squad fullstack para criação de landing pages de ultra-alta conversão. Pipeline end-to-end com 9 agentes especializados: discovery de produto, pesquisa de mercado e experts de copywriting, design system atômico com contraste WCAG AAA e light/dark, geração de imagens por IA, frontend Next.js com SEO perfeito e acessibilidade WCAG AAA, backend Python FastAPI com admin panel e exportação CSV, integrações com WhatsApp (evolution-api) e email (MCP), e QA multi-dimensional com score por dimensão.
npx squads add gutomec/squads-sh-aios/ultimate-landingpage -yUltimate 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 multi-dimensional (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
Agentes
| # | Ícone | Nome | Título | Arquétipo |
|---|---|---|---|---|
| 1 | 🧭 | lp-strategist (Strategos) | Estrategista de Produto | Flow_Master |
| 2 | 🔍 | lp-researcher (Scout) | Pesquisador de Mercado | Builder |
| 3 | 🖋️ | lp-copywriter (Quill) | Copywriter Expert | Builder |
| 4 | 🎨 | lp-design-architect (Prism) | Arquiteto de Design | Builder |
| 5 | 📷 | lp-image-creator (Lens) | Criador de Imagens IA | Builder |
| 6 | 🖥️ | lp-frontend-dev (Pixel) | Desenvolvedor Frontend | Builder |
| 7 | ⚙️ | lp-backend-dev (Forge) | Desenvolvedor Backend | Builder |
| 8 | 🌉 | lp-integrator (Bridge) | Integrador de Sistemas | Builder |
| 9 | 🛡️ | lp-reviewer (Shield) | Revisor de Qualidade | Guardian |
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
| Fase | Agente(s) | Entrada | Saída |
|---|---|---|---|
| 1. Discovery | Strategos | Ideia do usuário | Product brief + escopo + flags condicionais |
| 2. Research | Scout | Product brief | Análise de mercado + concorrentes + referências visuais |
| 3. Content + Design | Quill + Prism (paralelo) | Pesquisa + brief | Copy por seção + design system + specs de backend |
| 4. Images | Lens | Copy + design system | Imagens geradas para hero e seções |
| 5. Build | Pixel + Forge (paralelo) | Copy + design + imagens + specs | Frontend montado + backend funcional |
| 6. Integrations | Bridge (condicional) | Frontend + backend | WhatsApp, email e API conectados |
| 7. QA | Shield | Projeto completo | Relatório multi-dimensional + veredicto |
Comandos Rápidos
| Comando | Descrição | Agente |
|---|---|---|
*run-full-pipeline | Executar pipeline completo end-to-end | Todos |
*create-landing-page | Alias para pipeline completo | Todos |
*start-discovery | Iniciar fase de discovery | Strategos |
*discover-product | Absorver ideia e executar questionário | Strategos |
*start-research | Iniciar pesquisa de mercado | Scout |
*start-content-design | Iniciar copy e design em paralelo | Quill + Prism |
*generate-images | Gerar imagens para as seções | Lens |
*start-build | Iniciar build frontend + backend | Pixel + Forge |
*start-integrations | Conectar integrações externas | Bridge |
*run-qa | Executar revisão de qualidade | Shield |
*export-project | Exportar projeto final | — |
Pré-requisitos
| Requisito | Versão | Obrigatório |
|---|---|---|
| Node.js | 18+ | Sim |
| npm / pnpm | latest | Sim |
| AIOS CLI | 2.1.0+ | Sim |
| Python | 3.12+ | Condicional (se backend ativo) |
| Docker | latest | Condicional (se backend ativo) |
| GitHub CLI | latest | Recomendado |
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)
Instalação
1. Clonar o repositório
git clone <repository-url>
cd <project-directory>2. Instalar dependências do AIOS
npm install3. Verificar a instalação
aios doctor4. Ativar o squad
@lp-strategist *start-discoveryOu executar o pipeline completo:
*run-full-pipelineEstrutura do Squad
squads/ultimate-landingpage/ ├── README.md # Este arquivo ├── IDEATION.md # Documento de raciocínio da composição │ ├── 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/ # Definições de workflow │ ├── lp-full-pipeline.yaml # Pipeline completo end-to-end │ └── lp-discovery-flow.yaml # Sub-workflow de discovery │ ├── config/ # Configurações do squad │ ├── coding-standards.md # Padrões de código │ ├── tech-stack.md # Stack tecnológica │ └── source-tree.md # Estrutura de diretórios │ ├── checklists/ # Checklists de validação ├── templates/ # Templates de documentos e código ├── scripts/ # Scripts de automação ├── tools/ # Ferramentas customizadas └── data/ # Dados e configurações runtime
Componentes Condicionais
O squad utiliza um sistema de flags condicionais definidas na fase de discovery para ativar ou desativar componentes do pipeline:
| Flag | Componente | Quando Ativar |
|---|---|---|
backend: true | Forge (lp-backend-dev) | Captura de leads, painel admin, exportação CSV |
whatsapp: true | Bridge (lp-integrator) | Botão de WhatsApp com evolution-api |
email: true | Bridge (lp-integrator) | Envio de emails transacionais via SMTP/MCP |
Cenários de Uso
Landing page simples (frontend only):
backend: false
whatsapp: false
email: false- Apenas 6 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
gutomec
Synkra AIOS — Ultimate Landing Page Squad v1.0.0
评价
0 条评价暂无评价。来做第一个评价者吧!
More from Luiz Rodrigues
aios forge squad
Squad supremo de desenvolvimento, otimização e evolução do AIOS — domínio total do framework, Claude Code e auto-atualização contínua. Capaz de criar, validar, otimizar e modernizar qualquer artefato AIOS.
nirvana squad creator
Gera squads AIOS otimizados a partir de linguagem natural — pipeline de 9 fases com análise, geração, otimização, validação, README multi-idioma, deploy e publicação no squads.sh
brandcraft
Squad para extração de design systems de URLs, criação de documentos brand-consistent (PDF, PPTX, carousels, social cards, vídeos programáticos) e melhoria de PDFs existentes. Pipeline com 9 agentes especializados: orquestração, extração de tokens visuais, gerenciamento de templates, renderização HTML→PDF/PNG via Puppeteer, criação de PPTX via PptxGenJS, composição de vídeos via Remotion (React→MP4/WebM), geração de imagens por IA, refinamento de PDFs existentes e validação de consistência de marca.
data quality guardian
Squad especialista em qualidade de dados — profiling de datasets, detecção de anomalias, validação de schemas, geração de relatórios de qualidade e sugestão de remediações automatizadas para pipelines de dados
notebooklm automation
Automação programática completa do Google NotebookLM — da criação de notebooks à geração de podcasts, vídeos, slides e quizzes, orquestrada por pipeline inteligente
incident response squad
Squad especialista em resposta a incidentes para DevOps/SRE — análise de logs, correlação de causa raiz, execução de runbooks, comunicação de status e geração de post-mortems blameless
adaptive tutor k12
Squad especialista em tutoria adaptativa K-12 — avaliação diagnóstica, mapeamento curricular personalizado, sessões de tutoria com dificuldade adaptativa, rastreamento de progresso e relatórios para pais e educadores
nirvana readme architect
Squad de geração de README.md perfeito e impecável, combinando análise profunda de codebase, seleção de template por tipo de projeto, todas as features do GitHub Flavored Markdown, validação com checklist de 25+ pontos e polimento final com badges e TOC.
soc alert triage
Squad especialista em triagem de alertas SOC para cybersecurity — classificação automatizada, filtragem de falsos positivos, priorização de ameaças, enriquecimento com threat intel e geração de briefs para analistas
resume screener squad
Squad especialista em triagem de currículos para recrutamento — parsing automatizado de CVs, matching de skills com requisitos da vaga, auditoria de vieses, ranking de candidatos e geração de resumos executivos para hiring managers
automated code review squad
Squad especialista em code review automatizado — revisão de segurança, análise lógica, verificação de padrões arquiteturais, enforcement de coding standards e geração de review summaries priorizados para PRs e commits