sinapse-ai 7.3.3 → 7.4.0

package/.sinapse-ai/development/templates/chrome-brain/scripts/chrome-ensure.sh

@@ -0,0 +1,210 @@
+#!/bin/bash
+# ============================================================================
+# chrome-ensure — Fast check + auto-launch Chrome debug profile
+# ============================================================================
+# Called by PreToolUse hook. Ensures Chrome is running with remote debugging.
+# Cross-platform: macOS, Linux, Windows (Git Bash / MSYS2).
+#
+# Usage: chrome-ensure [PORT]
+#   PORT defaults to 9222
+#
+# Exit codes:
+#   0 — Chrome debug is running and reachable
+#   1 — Failed to start Chrome debug within timeout
+# ============================================================================
+set -e
+
+PORT="${1:-9222}"
+CHROME_DEBUG_PROFILE="$HOME/.chrome-debug-profile"
+CDP="http://127.0.0.1:$PORT/json/version"
+MAX_WAIT=10  # seconds
+
+# ----------------------------------------------------------------------------
+# Detect OS
+# ----------------------------------------------------------------------------
+UNAME="$(uname -s)"
+case "$UNAME" in
+  Darwin)  OS="macos"   ;;
+  Linux)   OS="linux"   ;;
+  MINGW*|MSYS*|CYGWIN*) OS="windows" ;;
+  *)
+    echo "BLOCKED: Unsupported OS: $UNAME" >&2
+    exit 1
+    ;;
+esac
+
+# ----------------------------------------------------------------------------
+# Locate Chrome binary
+# ----------------------------------------------------------------------------
+find_chrome() {
+  case "$OS" in
+    macos)
+      local chrome_path="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
+      if [ -x "$chrome_path" ]; then
+        echo "$chrome_path"
+        return 0
+      fi
+      ;;
+    linux)
+      # Try common names in order of preference
+      for cmd in google-chrome google-chrome-stable chromium-browser chromium; do
+        if command -v "$cmd" &>/dev/null; then
+          command -v "$cmd"
+          return 0
+        fi
+      done
+      ;;
+    windows)
+      # Git Bash / MSYS2 path style
+      local local_app_data=""
+      if [ -n "$LOCALAPPDATA" ]; then
+        local_app_data="$(cygpath -u "$LOCALAPPDATA" 2>/dev/null || echo "")"
+      fi
+      for chrome_path in \
+        "/c/Program Files/Google/Chrome/Application/chrome.exe" \
+        "/c/Program Files (x86)/Google/Chrome/Application/chrome.exe" \
+        "${local_app_data:+$local_app_data/Google/Chrome/Application/chrome.exe}"; do
+        [ -z "$chrome_path" ] && continue
+        if [ -f "$chrome_path" ]; then
+          echo "$chrome_path"
+          return 0
+        fi
+      done
+      # Try native Windows path via cmd.exe as fallback
+      local win_path
+      win_path="$(cmd.exe /c "where chrome.exe" 2>/dev/null | tr -d '\r' | head -1)" || true
+      if [ -n "$win_path" ]; then
+        echo "$win_path"
+        return 0
+      fi
+      ;;
+  esac
+  return 1
+}
+
+# ----------------------------------------------------------------------------
+# Check if Chrome debug is reachable (fast path, ~50ms on hit)
+# ----------------------------------------------------------------------------
+check_cdp() {
+  curl -sf "$CDP" -o /dev/null --max-time 1 2>/dev/null
+}
+
+# ----------------------------------------------------------------------------
+# Check if debug port is in use (fallback when curl is unavailable)
+# ----------------------------------------------------------------------------
+check_port_in_use() {
+  case "$OS" in
+    macos)
+      lsof -iTCP:"$PORT" -sTCP:LISTEN &>/dev/null
+      ;;
+    linux)
+      if command -v ss &>/dev/null; then
+        ss -tlnp 2>/dev/null | grep -q ":$PORT "
+      elif command -v lsof &>/dev/null; then
+        lsof -iTCP:"$PORT" -sTCP:LISTEN &>/dev/null
+      else
+        # netstat as last resort
+        netstat -tlnp 2>/dev/null | grep -q ":$PORT "
+      fi
+      ;;
+    windows)
+      netstat -ano 2>/dev/null | grep -q "LISTENING.*:$PORT "
+      ;;
+  esac
+}
+
+# ----------------------------------------------------------------------------
+# Kill only debug profile Chrome instances (never the normal browser)
+# ----------------------------------------------------------------------------
+kill_debug_chrome() {
+  case "$OS" in
+    macos|linux)
+      # Only kill processes matching our debug profile directory
+      local pids
+      pids="$(pgrep -f "user-data-dir=$CHROME_DEBUG_PROFILE" 2>/dev/null)" || true
+      if [ -n "$pids" ]; then
+        echo "$pids" | xargs kill 2>/dev/null || true
+        sleep 1
+      fi
+      ;;
+    windows)
+      # On Windows, use PowerShell to find and kill Chrome with our debug profile
+      powershell.exe -NoProfile -Command "
+        Get-CimInstance Win32_Process -Filter \"Name='chrome.exe'\" |
+        Where-Object { \$_.CommandLine -like '*user-data-dir=*chrome-debug-profile*' } |
+        ForEach-Object { Stop-Process -Id \$_.ProcessId -Force -ErrorAction SilentlyContinue }
+      " &>/dev/null || true
+      sleep 1
+      ;;
+  esac
+}
+
+# ----------------------------------------------------------------------------
+# Launch Chrome with remote debugging
+# ----------------------------------------------------------------------------
+launch_chrome() {
+  local chrome_bin
+  chrome_bin="$(find_chrome)" || {
+    echo "BLOCKED: Google Chrome not found. Install Chrome and retry." >&2
+    exit 1
+  }
+
+  # Kill any stale debug-profile instances on our port
+  if check_port_in_use; then
+    kill_debug_chrome
+  fi
+
+  # Launch in background, suppress output
+  case "$OS" in
+    macos|linux)
+      "$chrome_bin" \
+        --remote-debugging-port="$PORT" \
+        --user-data-dir="$CHROME_DEBUG_PROFILE" \
+        --no-first-run \
+        &>/dev/null &
+      ;;
+    windows)
+      # On Git Bash, start detaches the process properly
+      start "" "$chrome_bin" \
+        --remote-debugging-port="$PORT" \
+        --user-data-dir="$CHROME_DEBUG_PROFILE" \
+        --no-first-run \
+        &>/dev/null 2>&1 || \
+      "$chrome_bin" \
+        --remote-debugging-port="$PORT" \
+        --user-data-dir="$CHROME_DEBUG_PROFILE" \
+        --no-first-run \
+        &>/dev/null &
+      ;;
+  esac
+}
+
+# ============================================================================
+# Main
+# ============================================================================
+
+# Fast path: already running (~50ms check)
+if check_cdp; then
+  exit 0
+fi
+
+# Slow path: launch Chrome and wait
+launch_chrome
+
+# Wait for Chrome to become reachable
+elapsed=0
+while [ "$elapsed" -lt "$MAX_WAIT" ]; do
+  if check_cdp; then
+    exit 0
+  fi
+  sleep 1
+  elapsed=$((elapsed + 1))
+done
+
+# Final check after timeout
+if check_cdp; then
+  exit 0
+fi
+
+echo "BLOCKED: Chrome debug failed to start on port $PORT after ${MAX_WAIT}s. Run 'chrome-debug' manually." >&2
+exit 1

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-animations.md

@@ -0,0 +1,50 @@
+# Chrome Brain Integration — Squad Animations (Kinetic)
+> Squad Animations tem acesso ao Chrome Brain para captura de DOM, extracao de shaders, clonagem de animacoes e inspecao de scene graphs Three.js em sites de referencia.
+## Tier: 1
+## Quando Ativar
+- Usuario pede para clonar ou replicar uma animacao de um site externo
+- Precisa extrair shaders GLSL, vertex/fragment, de um canvas WebGL em producao
+- Analise de scene graph Three.js (geometrias, materiais, luzes, cameras) de referencia ao vivo
+- Identificacao de assets (modelos 3D, texturas, SVGs, fontes) usados em animacoes de terceiros
+- Extracao de CSS @keyframes ou timelines GSAP/Framer Motion de uma pagina
+- Preview e validacao de animacao recem-criada diretamente no browser
+## O Que Recebe do Chrome Brain
+- DOM snapshot completo (HTML + inline styles + computed styles)
+- Screenshots de referencia (estados de animacao: inicio, meio, fim)
+- Codigo fonte de shaders GLSL extraido via evaluate_script no contexto WebGL
+- Scene graph Three.js serializado (renderer.info, scene.children recursivo)
+- CSS @keyframes parseados e timelines GSAP/ScrollTrigger extraidas
+- Lista de assets externos (URLs de .glb, .obj, .gltf, texturas, spritesheets)
+- Performance traces de animacoes (FPS, paint timing, composite layers)
+## O Que Envia pro Chrome Brain
+- Animacoes recem-criadas para preview em nova aba (HTML single-file)
+- Requests de captura em pontos especificos de scroll ou tempo
+- Scripts de extracao customizados para injecao via evaluate_script
+- Resultados de validacao visual (comparacao original vs clone)
+- Novos patterns de extracao descobertos durante clonagem
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-brand.md

@@ -0,0 +1,42 @@
+# Chrome Brain Integration — Squad Brand (Meridian)
+> Squad Brand tem acesso ao Chrome Brain para extracao de design systems visuais, captura de identidade de concorrentes e coleta de visual assets.
+## Tier: 3
+## Quando Ativar
+- Extracao de design system visual (paleta de cores, tipografia, spacing, shadows)
+- Captura de identidade visual de concorrentes (logo, cores, tom, estilo fotografico)
+- Screenshots de referencia de brand identity em contexto digital
+- Coleta de visual assets para mood board
+## O Que Recebe do Chrome Brain
+- Paleta de cores extraida via computed styles
+- Font stack completo (familias, pesos, tamanhos)
+- Spacing scale e sizing tokens
+- Screenshots de paginas-chave
+- Logo e favicon capturados
+## O Que Envia pro Chrome Brain
+N/A para esta squad
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-claude.md

@@ -0,0 +1,49 @@
+# Chrome Brain Integration — Squad Claude (Claude Code Mastery)
+> Squad Claude tem acesso ao Chrome Brain para documentacao de novos patterns de automacao, solucoes NSN, discovery de MCP tools, gestao de configuracao e otimizacao de prompts para tarefas de browser.
+## Tier: 1
+## Quando Ativar
+- Descoberta de novo pattern de automacao que precisa ser documentado e testado
+- Solucao NSN encontrada que precisa ser validada em browser real antes de registrar
+- Discovery de novos MCP tools ou capabilities via browser (docs, changelogs, APIs)
+- Configuracao de MCP servers ou Chrome DevTools que requer teste interativo
+- Otimizacao de prompts para tarefas de browser (testar variantes, medir resultados)
+- Debug de integracao Chrome Brain com outros squads (reproduzir problema no browser)
+## O Que Recebe do Chrome Brain
+- Resultados de testes de novos patterns de automacao (funciona/nao funciona)
+- Screenshots de documentacao oficial (Claude, MCP, Chrome DevTools Protocol)
+- Changelogs e release notes extraidos de sites de ferramentas
+- Configuracoes testadas e validadas (JSON, YAML, env vars)
+- Metricas de performance de diferentes abordagens de automacao
+- Error logs e stack traces capturados durante debug de integracoes
+## O Que Envia pro Chrome Brain
+- Novos patterns validados para registro no Learnings Log
+- Scripts de teste para validacao de configuracoes MCP
+- Documentacao de solucoes NSN para propagacao cross-squad
+- Prompts otimizados para tarefas de browser recorrentes
+- Regras de auto-activation atualizadas baseadas em novos patterns
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-cloning.md

@@ -0,0 +1,50 @@
+# Chrome Brain Integration — Squad Cloning (Helix)
+> Squad Cloning tem acesso ao Chrome Brain para captura completa de paginas (DOM+CSS+JS), extracao de transcripts, mapeamento de navegacao e automacao de formularios para clonagem cognitiva.
+## Tier: 1
+## Quando Ativar
+- Pipeline de clonagem requer captura completa de um site (HTML + CSS + JS + assets)
+- Extracao de transcripts de video embedados (YouTube, Vimeo, Loom)
+- Mapeamento de estrutura de navegacao e information architecture de um site alvo
+- Extracao de conteudo textual estruturado (headings, paragrafos, listas, quotes)
+- Automacao de formularios multi-step para cognitive profiling (signup, onboarding)
+- Captura de padroes de interacao (hover states, modals, dropdowns, accordions)
+## O Que Recebe do Chrome Brain
+- Full page HTML (document.documentElement.outerHTML) com inline styles
+- CSS completo (stylesheets parseados, computed styles, custom properties)
+- JavaScript comportamental (event listeners, state management, routing logic)
+- Transcripts de video extraidos via API ou captions
+- Sitemap/navegacao mapeada (links internos, hierarquia de paginas, breadcrumbs)
+- Cognitive profile data: formularios preenchidos, respostas capturadas, fluxos percorridos
+- Assets identificados e catalogados (fontes, imagens, icones, modelos 3D)
+## O Que Envia pro Chrome Brain
+- URLs alvo para captura sequencial (batch cloning)
+- Scripts de extracao customizados para contextos especificos
+- Formularios para preenchimento automatizado (cognitive profiling)
+- Clones recem-criados para validacao visual side-by-side
+- Mapa de navegacao para crawling orientado
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-commercial.md

@@ -0,0 +1,41 @@
+# Chrome Brain Integration — Squad Commercial (Pipeline)
+> Squad Commercial tem acesso ao Chrome Brain para analise de formularios, pricing pages e funis de conversao de concorrentes.
+## Tier: 3
+## Quando Ativar
+- Analise de formularios de concorrentes (campos, steps, UX, microcopy)
+- Captura de paginas de pricing (planos, precos, features, comparativos)
+- Mapeamento de funil de conversao da landing ate o contato/compra
+- Benchmark de UX comercial (checkout, onboarding, trial signup)
+## O Que Recebe do Chrome Brain
+- Formularios analisados com campos, tipos, validacoes
+- Pricing pages capturadas com dados estruturados
+- Funil mapeado: paginas, CTAs, steps, redirects
+- Trust signals identificados
+## O Que Envia pro Chrome Brain
+N/A para esta squad
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-content.md

@@ -0,0 +1,45 @@
+# Chrome Brain Integration — Squad Content (Inkwell)
+> Squad Content tem acesso ao Chrome Brain para extracao de conteudo textual, analise de estrutura editorial de concorrentes, captura de meta tags, headings e schema markup.
+## Tier: 2
+## Quando Ativar
+- Extracao de conteudo textual completo de artigo ou pagina de concorrente
+- Analise de estrutura editorial: hierarquia de headings, tamanho de secoes, densidade de keywords
+- Captura de meta tags (title, description, OG tags, Twitter cards) para benchmark
+- Inspecao de schema markup (JSON-LD, microdata) para rich snippets
+- Mapeamento de content hub ou topic cluster de concorrente
+## O Que Recebe do Chrome Brain
+- Texto completo extraido com estrutura preservada (headings, paragrafos, listas)
+- Meta tags parseados: title, description, canonical, OG, Twitter Card
+- Schema markup extraido e validado (JSON-LD completo)
+- Hierarquia de headings (H1-H6) com contagem e distribuicao
+- Links internos mapeados (anchor text, destino, contexto)
+## O Que Envia pro Chrome Brain
+- URLs de artigos/paginas para extracao batch
+- Scripts de extracao customizados para formatos especificos
+- Seletores CSS para conteudo principal
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-copy.md

@@ -0,0 +1,44 @@
+# Chrome Brain Integration — Squad Copy (Quill Prime)
+> Squad Copy tem acesso ao Chrome Brain para extracao de copy de landing pages, analise de headlines/CTAs/bullets, mapeamento de sales pages e teste de copy via injecao de scripts.
+## Tier: 2
+## Quando Ativar
+- Extracao de copy completa de landing page ou sales page de concorrente
+- Analise de headlines, subheadlines, CTAs e bullet points de paginas de alta conversao
+- Mapeamento de estrutura de sales page (hook, problema, agitacao, solucao, prova, oferta, urgencia, CTA)
+- Teste de variantes de copy via evaluate_script (injectar headline alternativa)
+- Benchmark de copy patterns em multiplas paginas do mesmo nicho
+## O Que Recebe do Chrome Brain
+- Copy completa extraida com hierarquia preservada
+- Headlines e subheadlines isolados para analise de patterns
+- CTAs capturados com contexto (posicao, cor, tamanho, texto)
+- Estrutura de sales page mapeada por funcao persuasiva
+## O Que Envia pro Chrome Brain
+- URLs de sales pages para extracao batch
+- Scripts de injecao de copy alternativa para teste visual A/B
+- Seletores para captura de secoes especificas
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-cybersecurity.md

@@ -0,0 +1,42 @@
+# Chrome Brain Integration — Squad Cybersecurity (Fortress)
+> Squad Cybersecurity tem acesso ao Chrome Brain para inspecao de HTTP headers, console security errors, network requests suspeitas e cookies/storage.
+## Tier: 3
+## Quando Ativar
+- Inspecao de HTTP headers de seguranca (CSP, HSTS, X-Frame-Options)
+- Captura de console security errors e mixed content warnings
+- Analise de network requests para identificar chamadas inseguras
+- Auditoria de cookies (Secure, HttpOnly, SameSite) e storage
+## O Que Recebe do Chrome Brain
+- HTTP response headers completos
+- Console messages de seguranca
+- Network requests com detalhes de protocol e headers
+- Cookies listados com flags e validade
+- Lighthouse best practices score
+## O Que Envia pro Chrome Brain
+N/A para esta squad
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-design.md

@@ -0,0 +1,50 @@
+# Chrome Brain Integration — Squad Design (Nexus)
+> Squad Design tem acesso ao Chrome Brain para captura responsiva, inspecao de layout, auditoria de acessibilidade, Lighthouse scores e extracao de design systems de sites de referencia.
+## Tier: 1
+## Quando Ativar
+- Precisa capturar screenshots responsivos (mobile 375px, tablet 768px, desktop 1440px) de uma pagina
+- Inspecao de layout com DOM snapshot para mapear grid, flexbox, spacing e hierarquia de componentes
+- Auditoria de acessibilidade: ARIA roles, labels, contrast ratios, tab order, focus states
+- Extracao de design tokens de um site de referencia (cores, tipografia, spacing, border-radius)
+- Lighthouse audit completo (performance, accessibility, best practices, SEO)
+- Validacao visual de componente recem-implementado contra design spec
+## O Que Recebe do Chrome Brain
+- Screenshots responsivos em 3+ breakpoints (mobile, tablet, desktop)
+- DOM snapshot com computed CSS de qualquer elemento
+- Lighthouse report completo (scores + oportunidades + diagnosticos)
+- ARIA tree e accessibility audit (roles, labels, contrast, violations)
+- Design tokens extraidos: paleta de cores, font stack, spacing scale, shadows
+- Layout grid/flexbox inspecionado (gap, columns, breakpoints, media queries)
+- Core Web Vitals medidos em tempo real (LCP, FID, CLS, INP)
+## O Que Envia pro Chrome Brain
+- Requests de captura em breakpoints especificos
+- Scripts de extracao de design tokens via evaluate_script
+- Componentes para validacao visual em nova aba
+- Checklists de acessibilidade para auditoria automatizada
+- Resultados de comparacao visual (esperado vs implementado)
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`

package/.sinapse-ai/development/templates/chrome-brain/squad-integrations/squad-growth.md

@@ -0,0 +1,45 @@
+# Chrome Brain Integration — Squad Growth (Catalyst)
+> Squad Growth tem acesso ao Chrome Brain para medicao de Core Web Vitals, analise de network waterfall, captura de console errors, screenshots de SERP e performance traces.
+## Tier: 2
+## Quando Ativar
+- Medicao de Core Web Vitals (LCP, CLS, INP, FCP, TTFB) de pagina em producao
+- Analise de network waterfall para identificar bottlenecks de carregamento
+- Captura de console errors e warnings em ambiente de producao
+- Screenshots de SERP para analise de posicionamento organico e featured snippets
+- Performance trace completo para diagnostico de jank, layout shifts ou long tasks
+## O Que Recebe do Chrome Brain
+- Core Web Vitals medidos em tempo real via Lighthouse e Performance API
+- Network waterfall completo (requests, timings, tamanhos, cache hits/misses)
+- Console messages filtrados por nivel (errors, warnings, info)
+- SERP screenshots com posicoes organicas e paid destacadas
+- Performance traces com flame chart (main thread, compositing, painting)
+## O Que Envia pro Chrome Brain
+- URLs para auditoria de performance em serie
+- Configuracoes de throttling (3G, 4G, desktop) para testes
+- Scripts de medicao customizados via evaluate_script
+
+## Tools Disponiveis
+
+1. **Chrome DevTools MCP** (29 tools) — acoes rapidas, screenshots, audit
+2. **dev-browser** — scraping complexo, batch operations
+3. **claude-in-chrome** — fallback visual
+
+## Session Management
+
+- Max 15 screenshots por sessao
+- Salvar outputs em arquivo antes de acumular
+- Rotacionar sessao a cada ~12 screenshots
+
+## NSN Mode
+
+Ativo. Se uma acao de browser falhar, tentar alternativas automaticamente.
+Buscar solucao na internet. Configurar, testar, repetir. Max 5 ciclos.
+
+## Auto-Learning
+
+Ao descobrir novo pattern ou resolver barreira via NSN, atualizar:
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md` → secao Learnings Log
+
+## Referencia Completa
+
+`~/.sinapse/sinapse/knowledge-base/chrome-brain.md`