Communitygithub.com

Orquestrador Multi-Agente Chrome

Orquestre automação paralela de navegador usando múltiplas instâncias do Chrome DevTools MCP. Use quando uma tarefa exigir a mesma ação de navegador em vários destinos simultaneamente (por exemplo, envio de formulários de contato, preenchimento de inscrições, raspagem de páginas que precisam de renderização JS). Ative de 1 a 5 agentes Chrome paralelos.

O que é Orquestrador Multi-Agente Chrome?

Este skill permite orquestrar tarefas paralelas de navegador utilizando até 5 instâncias independentes do Claude Code, cada uma operando seu próprio navegador Chrome via Chrome DevTools MCP. É ideal para cenários como preencher formulários em massa, submeter inscrições em múltiplos sites ou raspar páginas que dependem de JavaScript, onde a execução sequencial seria muito lenta. O orquestrador coordena os agentes através de um arquivo chat.md compartilhado, onde define tarefas e monitora status com tags como [WORKING], [DONE] e [ERROR]. Os agentes são lançados em terminais separados, cada um conectado a uma porta Chrome exclusiva (9223 a 9227), e podem ser iniciados manualmente ou programaticamente via osascript, com suporte a fallback manual. O skill também trata casos extremos como CAPTCHA, limites de taxa, login necessário e tarefas de longa duração, oferecendo um protocolo de comunicação claro entre orquestrador e agentes.

Funciona com✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/BIGboss248/nextjs-wordpress/tree/HEAD/.agents/skills/multi-agent-chrome

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que Orquestrador Multi-Agente Chrome faz?

Ative de 1 a 5 agentes Claude Code paralelos, cada um com seu próprio navegador Chrome, para executar tarefas de navegador simultaneamente.

Quando Usar

  • Enviar formulários de contato em uma lista de sites
  • Preencher inscrições em múltiplas plataformas
  • Raspar páginas renderizadas por JS que precisam de interação real com o navegador
  • Qualquer tarefa repetitiva de navegador onde a execução sequencial é muito lenta

Arquitetura

Área de trabalho de negócios (orquestrador)
├── active/multi-chrome-agent/
│   ├── chat.md                    # Arquivo de coordenação compartilhado
│   ├── launch_chrome.sh           # Cria instâncias Chrome nas portas 9223-9227
│   ├── kill_chrome.sh             # Encerra todas as instâncias Chrome
│   ├── chrome-agent-1/            # Área de trabalho do Agente 1
│   │   ├── .mcp.json              # Chrome DevTools na porta 9223
│   │   └── CLAUDE.md              # Instruções de comportamento do agente
│   ├── chrome-agent-2/            # Porta 9224
│   ├── chrome-agent-3/            # Porta 9225
│   ├── chrome-agent-4/            # Porta 9226
│   └── chrome-agent-5/            # Porta 9227

Orquestração Passo a Passo

1. Determine quantos agentes são necessários

Analise a tarefa. Se houver 10 formulários de contato para preencher, 3-5 agentes é bom. Se houver 3, use 2-3. Não superdimensione.

2. Inicie as instâncias Chrome

bash /Users/nicksaraev/Business/active/multi-chrome-agent/launch_chrome.sh [COUNT]

Isso cria COUNT instâncias Chrome nas portas 9223+. Aguarde a confirmação "READY" para cada uma.

3. Redefina o arquivo de chat

Limpe o arquivo de chat e escreva as atribuições de tarefas:

# Chat do Multi-Agente Chrome

## Orquestrador
[2026-03-05 14:30] Iniciando 3 agentes para envio de formulário de contato.

### Tarefas do Agente 1
1. Ir para https://exemplo1.com/contato -> preencher nome: "Maria Silva", email: "[email protected]", mensagem: "Olá, tenho interesse em..."
2. Ir para https://exemplo2.com/contato -> mesmo preenchimento de formulário

### Tarefas do Agente 2
1. Ir para https://exemplo3.com/contato -> preencher formulário
2. Ir para https://exemplo4.com/contato -> preencher formulário

### Tarefas do Agente 3
1. Ir para https://exemplo5.com/contato -> preencher formulário
2. Ir para https://exemplo6.com/contato -> preencher formulário

## Agente 1

## Agente 2

## Agente 3

4. Crie os agentes Claude Code

Para cada agente, abra um novo terminal e execute:

cd /Users/nicksaraev/Business/active/multi-chrome-agent/chrome-agent-N && claude

Onde N é 1-5. Cada agente irá:

  • Ler seu CLAUDE.md (instruções do trabalhador do navegador)
  • Conectar-se à sua instância Chrome via seu .mcp.json local
  • Ler chat.md para suas atribuições de tarefas
  • Executar tarefas e relatar status de volta para chat.md

Lançamento programático via osascript: O Claude Code bloqueia sessões aninhadas através da variável de ambiente CLAUDECODE. Para lançar agentes programaticamente de dentro de uma sessão existente, use osascript com env -u para remover as variáveis de ambiente bloqueadoras:

for i in 1 2 3 4 5; do
    osascript -e "tell application \"Terminal\" to do script \"cd /Users/nicksaraev/Business/active/multi-chrome-agent/chrome-agent-$i && env -u CLAUDECODE -u CLAUDE_CODE_ENTRYPOINT -u CLAUDE_AGENT_SDK_VERSION -u CLAUDE_CODE_ENABLE_SDK_FILE_CHECKPOINTING -u CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS claude --dangerously-skip-permissions -p 'Você é o Agente $i. Leia /Users/nicksaraev/Business/active/multi-chrome-agent/chat.md, encontre suas tarefas na seção Agente $i e execute-as. Use o Chrome DevTools MCP para navegar em sites, pesquisar listagens e coletar dados. Escreva seus resultados como uma tabela markdown de volta para chat.md na seção Agente $i. Marque-se como [WORKING] enquanto estiver ativo e [DONE] quando finalizar.'\""
    sleep 2
done

Isso abre janelas separadas do Terminal.app, cada uma executando uma sessão Claude Code independente com seu próprio Chrome DevTools MCP.

Fallback manual: Se o osascript não funcionar, informe ao usuário para abrir N abas do terminal:

Aba 1: cd ~/Business/active/multi-chrome-agent/chrome-agent-1 && claude
Aba 2: cd ~/Business/active/multi-chrome-agent/chrome-agent-2 && claude
...

5. Monitore o progresso

Leia o arquivo de chat periodicamente para verificar o status dos agentes:

cat /Users/nicksaraev/Business/active/multi-chrome-agent/chat.md

Procure pelas tags [DONE], [ERROR] ou [WORKING] de cada agente.

6. Encerre

Quando todos os agentes reportarem [DONE]:

bash /Users/nicksaraev/Business/active/multi-chrome-agent/kill_chrome.sh

Protocolo de Chat

Os agentes se comunicam através do arquivo chat.md compartilhado:

TagSignificado
[WORKING]Agente está processando ativamente uma tarefa
[DONE]Agente concluiu todas as tarefas atribuídas
[ERROR]Agente encontrou um bloqueio (CAPTCHA, timeout, etc.)
[WAITING]Agente está ocioso, aguardando novas tarefas

Mapa de Portas

AgentePorta ChromeÁrea de Trabalho
19223chrome-agent-1/
29224chrome-agent-2/
39225chrome-agent-3/
49226chrome-agent-4/
59227chrome-agent-5/

A porta 9222 é reservada para o Chrome DevTools MCP principal (não paralelo).

Casos Extremos

  • CAPTCHA: O agente reporta [ERROR] CAPTCHA em https://... no chat. O orquestrador pode reatribuir ou pular.
  • Limitação de taxa: Se um site bloquear após N requisições, distribua as URLs por mais agentes para que cada um acesse o site menos vezes.
  • Login necessário: Pré-autentique em cada instância Chrome antes de atribuir tarefas, ou inclua etapas de login na lista de tarefas.
  • Tarefas de longa duração: Os agentes verificam chat.md a cada 30s. Se o orquestrador precisar abortar, escreva [ABORT] na seção do Orquestrador.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

BIGboss248/nextjs-wordpress

Create, configure, manage, and validate Google Antigravity customizations including skills, rules, MCP servers, lifecycle hooks, plugins, and custom JSON configs. Use when adding new capabilities to Antigravity, configuring MCP servers, writing rules, creating skills, setting up hooks, or modernizing legacy workflows.

BIGboss248/nextjs-wordpress

Spawn multiple agents into a shared conversation where they debate, disagree, and converge on a solution via a shared chat.json file. Use for architecture decisions, code review debates, design trade-offs, or any problem that benefits from adversarial reasoning. Triggers on "chatroom", "agent debate", "have agents discuss", "agent chatroom", "debate this", or /agent-chatrooms. Also triggers on phrases like "have 3 agents argue about", "multi-agent discussion", or "let them debate".

BIGboss248/nextjs-wordpress

Always-active code intelligence, search, and navigation skill utilizing the codebase-memory MCP server. Enforces an index-first protocol (verifying and refreshing the knowledge graph via index_repository or index_status before searching, required because background auto_watch is disabled to eliminate editor stutter and system lag), followed by graph-first exploration (search_graph, trace_path, get_code_snippet, query_graph, get_architecture, detect_changes) instead of naive text grep or full-file reads. Always activate before searching the codebase, inspecting unknown architecture, finding symbols, or tracing callers/callees.

BIGboss248/nextjs-wordpress

>- Discover, interview, and craft comprehensive UX/UI design specifications (design-spec.md) and design tokens for web components. Triggers on "/component-design", "design component", "design section", "design UI", "wireframe component", or "create design spec".

BIGboss248/nextjs-wordpress

>- Configure and query WooCommerce APIs including WPGraphQL, WooGraphQL, and JWT auth for headless frontends. Use when connecting Next.js to WooCommerce or fetching store catalog data.

BIGboss248/nextjs-wordpress

Workflow for spawning an independent subagent to conduct unbiased code reviews and inject adversarial edge-case tests ([ComponentName].edge.test.tsx).

BIGboss248/nextjs-wordpress

>- Build Next.js App Router React components with Suspense skeletons, semantic OKLCH tokens, Jest + RTL unit tests, Playwright visual/hydration checks, and Tailwind logical styling. Triggers on "/nextjs-component-dev", "create component", "new component", "build component", or "develop component".

BIGboss248/nextjs-wordpress

>- Bootstrap, configure, and verify the complete Next.js App Router development environment, developer tooling, testing suites, MCP servers, Docker containerization, and CI/CD. Triggers on "/nextjs-dev-setup", "setup nextjs dev environment", "start a nextjs project", or "containerize nextjs app".

BIGboss248/nextjs-wordpress

>- Configure production health monitoring endpoints (/api/health), Docker Compose probes, and runtime metrics in Next.js App Router applications. Use when asked to "setup health check", "add health endpoint", "docker compose healthcheck nextjs", "configure health monitor", or "/nextjs-healthcheck".

BIGboss248/nextjs-wordpress

Bootstrap, configure, and verify next-intl App Router internationalization (proxy.ts/middleware.ts, next/root-params, [locale] layout, routing). Triggers on "/nextjs-i18n-setup", "setup i18n", "install next-intl", "configure next-intl", "add internationalization", "setup locale routing", "migrate to [locale]".

BIGboss248/nextjs-wordpress

Read/write translation dictionaries (messages/[locale].json), next-intl hooks (getTranslations/useTranslations), providers (Storybook/tests/subtrees), and BiDi styling. Triggers on "/nextjs-i18n-usage", "i18n dictionary", "use translations", "read dictionary", "i18n provider", "next-intl hooks", "storybook i18n", "test i18n", "add translation keys", "localize component", "create a component", "update a component".

BIGboss248/nextjs-wordpress

>- Configure, test, and verify OpenTelemetry (OTel) observability in Next.js App Router applications. Triggers on "/nextjs-otel", "setup otel", "configure opentelemetry", "test otel", or "verify opentelemetry".

BIGboss248/nextjs-wordpress

Step-by-step workflow for designing and building Next.js App Router pages (RSC page.tsx, loading skeleton, metadata, JSON-LD schema, and dynamic static params). Triggers on "/nextjs-page-dev", "create page", "new page", "develop page", "build route", or "implement page".

BIGboss248/nextjs-wordpress

>- Orchestrate end-to-end planning for Next.js App Router projects, generating canonical specifications, design systems, and a 7-phase modular implementation roadmap in docs/plan/. Triggers on "/nextjs-plan", "plan a nextjs project", "plan nextjs app", "create nextjs project plan", "outline nextjs architecture", or "generate plan".

BIGboss248/nextjs-wordpress

Workflow and engineering standards for crafting co-located Storybook CSF3 stories ([ComponentName].stories.tsx) with interactive controls, action spies, and 4 canonical theme variants.

BIGboss248/nextjs-wordpress

>- Build Next.js e-commerce frontends backed by WooCommerce APIs, handling ISR catalogs, cart sessions, and JWT authentication. Use when building or querying Next.js stores with WooCommerce.

BIGboss248/nextjs-wordpress

Self-correcting rules engine and feedback loop that learns from user corrections, mistakes, and project-specific constraints by maintaining a persistent autofix ruleset. Scans learned rules before starting any task, resolves conflicts, and automatically appends new rules upon corrections. Triggers on user corrections ("no, do it this way", "never do X", "always use Y"), /learn, "self repair", "add rule", "update rules", or when diagnosing assumptions and bugs. CRITICAL ALWAYS-ACTIVE LIFECYCLE SKILL. Must always be kept in context, loaded at session start, and consulted before starting ANY task to read and apply active constraints from autofix.json. MUST ALWAYS be triggered immediately whenever the user provides ANY correction, preference, criticism, rejection of an approach, or adjustment ("no", "don't do X", "use Y", "remember", "prefer"), or when any mistake/bug is identified. Automatically and immediately formulates and appends the new imperative rule to the project's autofix.json ruleset file.

BIGboss248/nextjs-wordpress

Setup, automate, and execute SEO audits, CI/CD pre-push/pre-deploy checks, and ranking optimizations using the seo CLI and MCP server.

BIGboss248/nextjs-wordpress

End-to-end repository onboarding and development environment setup skill. Scans repository structure, configures project metadata (docs/project.json), sets up the codebase-memory-mcp code intelligence knowledge graph server (in workspace mcp.json and globally for AGY only), configures git hooks with Husky and Commitlint, establishes multi-stage production Docker containerization, and automates credit-optimized Release Please CI/CD with multi-arch (AMD64 & ARM64) GHCR package deployment. Triggers on "/setup-repository", "setup repository", "setup repo", "initialize repository", "new repo setup", or when preparing any repository for development and AI agent workflows.

BIGboss248/nextjs-wordpress

AI screen scaffolding, layout generation, and variant exploration workflow powered by Google Stitch (StitchMCP). Consumes a component design specification (docs/design/components/[page name]/[component name]/design-spec.md), verifies and reuses the central Stitch project in docs/project.json (or creates/persists one if absent), seeds the project's design system into Stitch, synthesizes layout prompts to generate a screen and create one variant of the given design spec file, downloads and saves Stitch JPG screenshots and HTML code files directly into docs/design/components/[page name]/[component name]/stitch/ using binary-safe PowerShell Invoke-WebRequest, outputs image prompts to the user if visual assets are needed (without calling generate_image to conserve tokens), updates design-spec.md with Stitch layout benchmarks, and audits asset download integrity with an independent subagent. Triggers on "/stitch-design", "generate stitch screen", "create stitch variant", "scaffold screen with stitch", or "stitch...

Habilidades Relacionadas