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.

143installs
SAFE
npx squads add gutomec/squads-sh-aios/ultimate-landingpage -y
landing-pagefullstackcopywritingdesign-systematomic-designseoaccessibilitywcag-aaalight-dark-modefastapinextjswhatsappevolution-apilead-captureconversionmarketingimage-generation
Squads são publicados por terceiros. O squads.sh não garante segurança nem funcionalidade. Use por sua conta e risco. Ler Termos
99 agentes
3232 tarefas
66 workflows

Ultimate Landing Page Squad

Version
AIOS
License

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

#ÍconeNomeTítuloArquétipo
1🧭lp-strategist (Strategos)Estrategista de ProdutoFlow_Master
2🔍lp-researcher (Scout)Pesquisador de MercadoBuilder
3🖋️lp-copywriter (Quill)Copywriter ExpertBuilder
4🎨lp-design-architect (Prism)Arquiteto de DesignBuilder
5📷lp-image-creator (Lens)Criador de Imagens IABuilder
6🖥️lp-frontend-dev (Pixel)Desenvolvedor FrontendBuilder
7⚙️lp-backend-dev (Forge)Desenvolvedor BackendBuilder
8🌉lp-integrator (Bridge)Integrador de SistemasBuilder
9🛡️lp-reviewer (Shield)Revisor de QualidadeGuardian

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

FaseAgente(s)EntradaSaída
1. DiscoveryStrategosIdeia do usuárioProduct brief + escopo + flags condicionais
2. ResearchScoutProduct briefAnálise de mercado + concorrentes + referências visuais
3. Content + DesignQuill + Prism (paralelo)Pesquisa + briefCopy por seção + design system + specs de backend
4. ImagesLensCopy + design systemImagens geradas para hero e seções
5. BuildPixel + Forge (paralelo)Copy + design + imagens + specsFrontend montado + backend funcional
6. IntegrationsBridge (condicional)Frontend + backendWhatsApp, email e API conectados
7. QAShieldProjeto completoRelatório multi-dimensional + veredicto

Comandos Rápidos

ComandoDescriçãoAgente
*run-full-pipelineExecutar pipeline completo end-to-endTodos
*create-landing-pageAlias para pipeline completoTodos
*start-discoveryIniciar fase de discoveryStrategos
*discover-productAbsorver ideia e executar questionárioStrategos
*start-researchIniciar pesquisa de mercadoScout
*start-content-designIniciar copy e design em paraleloQuill + Prism
*generate-imagesGerar imagens para as seçõesLens
*start-buildIniciar build frontend + backendPixel + Forge
*start-integrationsConectar integrações externasBridge
*run-qaExecutar revisão de qualidadeShield
*export-projectExportar projeto final

Pré-requisitos

RequisitoVersãoObrigatório
Node.js18+Sim
npm / pnpmlatestSim
AIOS CLI2.1.0+Sim
Python3.12+Condicional (se backend ativo)
DockerlatestCondicional (se backend ativo)
GitHub CLIlatestRecomendado

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

bash
git clone <repository-url>
cd <project-directory>

2. Instalar dependências do AIOS

bash
npm install

3. Verificar a instalação

bash
aios doctor

4. Ativar o squad

bash
@lp-strategist *start-discovery

Ou executar o pipeline completo:

bash
*run-full-pipeline

Estrutura 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:

FlagComponenteQuando Ativar
backend: trueForge (lp-backend-dev)Captura de leads, painel admin, exportação CSV
whatsapp: trueBridge (lp-integrator)Botão de WhatsApp com evolution-api
email: trueBridge (lp-integrator)Envio de emails transacionais via SMTP/MCP

Cenários de Uso

Landing page simples (frontend only):

yaml
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:

yaml
backend: true
whatsapp: false
email: true
  • 8 agentes ativos (inclui Forge e Bridge para email)
  • Frontend + Backend + banco de dados

Landing page completa:

yaml
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

Avaliações

0 avaliações

Escrever avaliação

Nenhuma avaliação ainda. Seja o primeiro a avaliar este squad!

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.

149
2View →

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

53
3View →

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.

51
3View →

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

50
1View →

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

42
2View →

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

42
1View →

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

34
2View →

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.

34
1View →

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

33
1View →

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

32
2View →

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

22
1View →