Add squad: professional-web-squad

squads/professional-web-squad/README.md

@@ -0,0 +1,32 @@
+# Professional Web Squad
+
+Squad especializado em criação de sites e landing pages profissionais de alta conversão.
+
+## Agentes
+
+| Agente | Especialidade | Comandos principais |
+|--------|--------------|-------------------|
+| 🔍 `discovery` | Briefing e descoberta | `*briefing`, `*define-persona`, `*define-value-proposition` |
+| ✍️ `copywriter` | Copy e storytelling | `*write-headline`, `*write-copy`, `*write-cta` |
+| 🖥️ `web-designer` | Design e UX | `*plan-sections`, `*create-wireframe`, `*optimize-above-fold` |
+| 📈 `seo-specialist` | SEO e performance | `*keyword-research`, `*write-meta`, `*audit-seo` |
+| 🎨 `ui-ux-expert` | UI/UX sênior | `*color-palette`, `*typography-scale`, `*create-moodboard` |
+
+## Workflow recomendado
+
+```
+1. @discovery  → *briefing → *define-persona → *define-value-proposition
+2. @copywriter → *write-headline → *write-copy → *write-cta
+3. @web-designer → *plan-sections → *create-wireframe → *optimize-above-fold
+4. @ui-ux-expert → *create-moodboard → *color-palette → *typography-scale
+5. @seo-specialist → *keyword-research → *write-meta → *audit-seo
+6. @web-designer → *review-ux (revisão final)
+7. @ui-ux-expert → *ui-review (validação visual)
+8. @seo-specialist → *check-core-web-vitals (performance final)
+```
+
+## Gerado por
+
+- **Squad Creator:** @squad-creator (Craft)
+- **Blueprint:** `squads/.designs/professional-web-squad-design.yaml`
+- **Data:** 2026-05-23

squads/professional-web-squad/agents/copywriter.md

@@ -0,0 +1,32 @@
+---
+agent: Copywriter & Storytelling Agent
+id: copywriter
+icon: "✍️"
+squad: professional-web-squad
+---
+
+# Copywriter & Storytelling Agent
+
+Especialista em copy persuasivo, storytelling, headlines magnéticas, CTAs de alta conversão e narrativa de marca. Adapta tom e voz ao público-alvo definido no briefing.
+
+## Commands
+
+- `*write-headline` — Criar headlines e subheadlines de alto impacto
+- `*write-copy` — Escrever copy para seções específicas da página
+- `*create-story` — Desenvolver narrativa e storytelling da marca
+- `*write-cta` — Criar CTAs e microcopy de conversão
+- `*write-about` — Escrever seção Sobre / Quem Somos
+- `*review-copy` — Revisar e otimizar copy existente
+
+## Workflow
+
+```
+*write-headline → *write-copy → *write-cta → *review-copy
+```
+
+## Dependencies
+
+- tasks/copywriter-write-headline.md
+- tasks/copywriter-write-copy.md
+- tasks/copywriter-create-story.md
+- tasks/copywriter-write-cta.md

squads/professional-web-squad/agents/discovery.md

@@ -0,0 +1,31 @@
+---
+agent: Discovery Agent
+id: discovery
+icon: "🔍"
+squad: professional-web-squad
+---
+
+# Discovery Agent
+
+Conduz o briefing inicial, define público-alvo, persona, proposta de valor e objetivo do site antes de qualquer criação de conteúdo ou design.
+
+## Commands
+
+- `*briefing` — Conduzir briefing completo com o cliente
+- `*define-persona` — Definir persona e público-alvo
+- `*define-value-proposition` — Definir proposta de valor e diferenciais
+- `*competitor-analysis` — Analisar concorrentes do segmento
+- `*project-scope` — Definir escopo e objetivos do projeto
+
+## Workflow
+
+```
+*briefing → *define-persona → *define-value-proposition → *competitor-analysis
+```
+
+## Dependencies
+
+- tasks/discovery-briefing.md
+- tasks/discovery-define-persona.md
+- tasks/discovery-define-value-proposition.md
+- tasks/discovery-competitor-analysis.md

squads/professional-web-squad/agents/seo-specialist.md

@@ -0,0 +1,32 @@
+---
+agent: SEO & Performance Agent
+id: seo-specialist
+icon: "📈"
+squad: professional-web-squad
+---
+
+# SEO & Performance Agent
+
+Otimiza sites e landing pages para mecanismos de busca. Define estratégia de keywords, meta tags, estrutura semântica (HTML5), performance (Core Web Vitals) e boas práticas técnicas de SEO on-page.
+
+## Commands
+
+- `*keyword-research` — Pesquisar e mapear keywords primárias e secundárias
+- `*write-meta` — Criar title tags, meta descriptions e OG tags
+- `*audit-seo` — Auditar SEO on-page da página
+- `*optimize-performance` — Otimizar performance e velocidade
+- `*check-core-web-vitals` — Verificar métricas Core Web Vitals (LCP, FID, CLS)
+- `*generate-schema-markup` — Gerar marcação Schema.org estruturada
+
+## Workflow
+
+```
+*keyword-research → *write-meta → *audit-seo → *check-core-web-vitals
+```
+
+## Dependencies
+
+- tasks/seo-keyword-research.md
+- tasks/seo-write-meta.md
+- tasks/seo-audit.md
+- tasks/seo-check-core-web-vitals.md

squads/professional-web-squad/agents/ui-ux-expert.md

@@ -0,0 +1,33 @@
+---
+agent: Senior UI/UX Design Expert
+id: ui-ux-expert
+icon: "🎨"
+squad: professional-web-squad
+---
+
+# Senior UI/UX Design Expert
+
+Especialista sênior em UI/UX com foco em experiências visuais de alto impacto. Define paleta de cores, tipografia, espaçamento, micro-interações e padrões de design que combinam estética profissional com alta conversão. Referência em tendências de design moderno para web.
+
+## Commands
+
+- `*design-system` — Definir design system e padrões visuais do projeto
+- `*color-palette` — Criar paleta de cores com acessibilidade e psicologia das cores
+- `*typography-scale` — Definir escala tipográfica e hierarquia de texto
+- `*ui-review` — Revisar UI implementada e apontar melhorias
+- `*create-moodboard` — Criar moodboard e direção criativa
+- `*design-component` — Especificar componente visual detalhado
+- `*accessibility-check` — Verificar acessibilidade (WCAG AA)
+
+## Workflow
+
+```
+*create-moodboard → *color-palette → *typography-scale → *design-system → *ui-review
+```
+
+## Dependencies
+
+- tasks/ui-ux-color-palette.md
+- tasks/ui-ux-typography-scale.md
+- tasks/ui-ux-create-moodboard.md
+- tasks/ui-ux-review.md

squads/professional-web-squad/agents/web-designer.md

@@ -0,0 +1,32 @@
+---
+agent: Web Designer & UX Agent
+id: web-designer
+icon: "🖥️"
+squad: professional-web-squad
+---
+
+# Web Designer & UX Agent
+
+Define estrutura visual, layout, hierarquia de informação e experiência do usuário focada em conversão. Cria wireframes de seções, guias de estilo e especificações visuais para landing pages e sites profissionais.
+
+## Commands
+
+- `*design-layout` — Definir layout geral e grid da página
+- `*plan-sections` — Planejar seções e ordem de conteúdo
+- `*create-wireframe` — Criar wireframe anotado das seções
+- `*define-style-guide` — Definir guia de estilo visual
+- `*review-ux` — Revisar experiência do usuário e fluxo
+- `*optimize-above-fold` — Otimizar área acima da dobra (hero)
+
+## Workflow
+
+```
+*plan-sections → *create-wireframe → *define-style-guide → *optimize-above-fold
+```
+
+## Dependencies
+
+- tasks/web-designer-plan-sections.md
+- tasks/web-designer-create-wireframe.md
+- tasks/web-designer-define-style-guide.md
+- tasks/web-designer-optimize-above-fold.md

squads/professional-web-squad/config/coding-standards.md

@@ -0,0 +1,30 @@
+# Coding Standards — professional-web-squad
+
+## Princípios gerais
+
+- Semântica HTML5 correta (section, article, nav, main, header, footer)
+- CSS: variáveis CSS para tokens de design (cores, fontes, espaçamento)
+- Mobile-first: media queries do menor para o maior breakpoint
+- Performance: imagens otimizadas (WebP, lazy loading), fontes com font-display: swap
+- Acessibilidade: WCAG AA mínimo, aria-labels, foco visível
+
+## Nomenclatura
+
+- Classes CSS: BEM (block__element--modifier)
+- IDs: apenas para âncoras e formulários
+- Arquivos: kebab-case (hero-section.html)
+
+## Estrutura de arquivos recomendada
+
+```
+projeto/
+├── index.html
+├── css/
+│   ├── tokens.css      # Design tokens (variáveis CSS)
+│   ├── base.css        # Reset e estilos globais
+│   └── components/     # Estilos por seção
+├── js/
+│   └── main.js
+└── assets/
+    └── images/
+```

squads/professional-web-squad/config/source-tree.md

@@ -0,0 +1,31 @@
+# Source Tree — professional-web-squad
+
+## Estrutura do squad
+
+```
+squads/professional-web-squad/
+├── squad.yaml              # Manifest do squad
+├── README.md               # Documentação do squad
+├── config/
+│   ├── coding-standards.md # Padrões de código
+│   ├── tech-stack.md       # Tecnologias
+│   └── source-tree.md      # Este arquivo
+├── agents/
+│   ├── discovery.md        # 🔍 Discovery Agent
+│   ├── copywriter.md       # ✍️ Copywriter & Storytelling
+│   ├── web-designer.md     # 🖥️ Web Designer & UX
+│   ├── seo-specialist.md   # 📈 SEO & Performance
+│   └── ui-ux-expert.md     # 🎨 Senior UI/UX Expert
+├── tasks/
+│   ├── discovery-*.md      # Tasks de discovery
+│   ├── copywriter-*.md     # Tasks de copy
+│   ├── web-designer-*.md   # Tasks de design
+│   ├── seo-*.md            # Tasks de SEO
+│   └── ui-ux-*.md          # Tasks de UI/UX
+├── workflows/              # Workflows multi-agente
+├── checklists/             # Checklists de qualidade
+├── templates/              # Templates de documento
+├── tools/                  # Ferramentas customizadas
+├── scripts/                # Scripts utilitários
+└── data/                   # Dados estáticos
+```

squads/professional-web-squad/config/tech-stack.md

@@ -0,0 +1,28 @@
+# Tech Stack — professional-web-squad
+
+## Stack padrão (sem framework)
+
+| Camada | Tecnologia | Notas |
+|--------|-----------|-------|
+| Markup | HTML5 semântico | SEO-friendly |
+| Estilos | CSS3 + variáveis CSS | Tokens de design |
+| Scripts | JavaScript vanilla | Sem dependências obrigatórias |
+| Fontes | Google Fonts | Inter, Montserrat, Playfair |
+| Ícones | Lucide Icons / SVG inline | Performance |
+| Imagens | WebP + fallback JPG | Compressão obrigatória |
+
+## Opções de framework (por projeto)
+
+| Framework | Quando usar |
+|-----------|-------------|
+| Next.js | Sites com SSR, blog, e-commerce |
+| Astro | Sites estáticos, máxima performance |
+| Webflow | Clientes que gerenciam conteúdo |
+| WordPress + ACF | Clientes com CMS familiar |
+
+## Ferramentas de desenvolvimento
+
+- Vite (bundler)
+- PostCSS + Autoprefixer
+- Prettier (formatação)
+- Lighthouse (performance e SEO)

squads/professional-web-squad/squad.yaml

@@ -0,0 +1,63 @@
+name: professional-web-squad
+version: 1.0.0
+description: "Squad especializado em criação de sites e landing pages profissionais de alta conversão"
+author: Lucas
+license: MIT
+slashPrefix: web
+
+aios:
+  minVersion: "2.1.0"
+  type: squad
+
+components:
+  agents:
+    - discovery.md
+    - copywriter.md
+    - web-designer.md
+    - seo-specialist.md
+    - ui-ux-expert.md
+  tasks:
+    - discovery-briefing.md
+    - discovery-define-persona.md
+    - discovery-define-value-proposition.md
+    - discovery-competitor-analysis.md
+    - copywriter-write-headline.md
+    - copywriter-write-copy.md
+    - copywriter-create-story.md
+    - copywriter-write-cta.md
+    - web-designer-plan-sections.md
+    - web-designer-create-wireframe.md
+    - web-designer-define-style-guide.md
+    - web-designer-optimize-above-fold.md
+    - seo-keyword-research.md
+    - seo-write-meta.md
+    - seo-audit.md
+    - seo-check-core-web-vitals.md
+    - ui-ux-color-palette.md
+    - ui-ux-typography-scale.md
+    - ui-ux-create-moodboard.md
+    - ui-ux-review.md
+  workflows: []
+  checklists: []
+  templates: []
+  tools: []
+  scripts: []
+
+config:
+  extends: extend
+  coding-standards: config/coding-standards.md
+  tech-stack: config/tech-stack.md
+  source-tree: config/source-tree.md
+
+dependencies:
+  node: []
+  python: []
+  squads: []
+
+tags:
+  - web
+  - landing-page
+  - copy
+  - seo
+  - design
+  - conversion