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.sh سلامتها أو وظائفها. الاستخدام على مسؤوليتك الخاصة. اقرأ الشروط
99 وكلاء
3232 مهام
66 سير عمل

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

المراجعات

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.

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 →