Communitygithub.com

BIGboss248/nextjs-wordpress

Orquesta automatización paralela de navegadores usando múltiples instancias de Chrome DevTools MCP. Útil cuando una tarea requiere realizar la misma acción en varios destinos simultáneamente (por ejemplo, enviar formularios de contacto, llenar solicitudes, extraer páginas que necesitan renderizado JS). Activa de 1 a 5 agentes Chrome en paralelo.

¿Qué es nextjs-wordpress?

Esta habilidad, llamada 'Orquestador Multi-Agente Chrome', permite lanzar de 1 a 5 agentes independientes de Claude Code, cada uno con su propio navegador Chrome, para ejecutar tareas de navegación en paralelo. Es ideal para automatizar acciones repetitivas como el envío de formularios de contacto en múltiples sitios web, el llenado de solicitudes en varias plataformas o el scraping de páginas que requieren interacción con JavaScript. La arquitectura se basa en un espacio de trabajo compartido donde un archivo `chat.md` centraliza la coordinación, un script `launch_chrome.sh` inicia las instancias de Chrome en puertos específicos (9223-9227), y cada agente tiene su propio directorio con configuración MCP y un archivo CLAUDE.md que define su comportamiento. El orquestador asigna tareas a través del chat compartido, y los agentes informan su progreso usando etiquetas como `[WORKING]`, `[DONE]` o `[ERROR]`. La habilidad soporta lanzamiento programático mediante `osascript` para evitar restricciones de sesiones anidadas de Claude Code, y ofrece un protocolo de chat robusto para manejar edge cases como CAPTCHAs, límites de tasa o tareas de larga duración. Al finalizar, un script `kill_chrome.sh` limpia todas las instancias.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Orquestador Multi-Agente Chrome

Activa de 1 a 5 agentes paralelos de Claude Code, cada uno con su propio navegador Chrome, para realizar tareas de navegación de forma concurrente.

Cuándo Usarlo

  • Enviar formularios de contacto en una lista de sitios web
  • Llenar solicitudes en múltiples plataformas
  • Extraer páginas renderizadas con JS que necesitan interacción real con el navegador
  • Cualquier tarea repetitiva de navegación donde hacerlo secuencialmente sea demasiado lento

Arquitectura

Espacio de trabajo del negocio (orquestador)
├── active/multi-chrome-agent/
│   ├── chat.md                    # Archivo de coordinación compartido
│   ├── launch_chrome.sh           # Genera instancias de Chrome en puertos 9223-9227
│   ├── kill_chrome.sh             # Cierra todas las instancias de Chrome
│   ├── chrome-agent-1/            # Espacio de trabajo para el Agente 1
│   │   ├── .mcp.json              # Chrome DevTools en puerto 9223
│   │   └── CLAUDE.md              # Instrucciones de comportamiento del agente
│   ├── chrome-agent-2/            # Puerto 9224
│   ├── chrome-agent-3/            # Puerto 9225
│   ├── chrome-agent-4/            # Puerto 9226
│   └── chrome-agent-5/            # Puerto 9227

Orquestación Paso a Paso

1. Determinar cuántos agentes se necesitan

Observa la tarea. Si hay 10 formularios de contacto para llenar, 3-5 agentes es buena cantidad. Si hay 3, usa 2-3. No sobreaprovisiones.

2. Lanzar instancias de Chrome

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

Esto genera CANTIDAD instancias de Chrome en los puertos 9223+. Espera la confirmación "READY" para cada una.

3. Reiniciar el archivo de chat

Limpia el archivo de chat y escribe las asignaciones de tareas:

# Chat del Agente Multi-Chrome

## Orquestador
[2026-03-05 14:30] Lanzando 3 agentes para envío de formularios de contacto.

### Tareas del Agente 1
1. Ir a https://example1.com/contact -> llenar nombre: "Nick Saraev", correo: "[email protected]", mensaje: "Hola, estoy interesado en..."
2. Ir a https://example2.com/contact -> mismo llenado de formulario

### Tareas del Agente 2
1. Ir a https://example3.com/contact -> llenar formulario
2. Ir a https://example4.com/contact -> llenar formulario

### Tareas del Agente 3
1. Ir a https://example5.com/contact -> llenar formulario
2. Ir a https://example6.com/contact -> llenar formulario

## Agente 1

## Agente 2

## Agente 3

4. Generar agentes de Claude Code

Para cada agente, abre una nueva terminal y ejecuta:

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

Donde N es 1-5. Cada agente:

  • Tomará su CLAUDE.md (instrucciones de trabajador del navegador)
  • Se conectará a su instancia de Chrome mediante su .mcp.json local
  • Leerá chat.md para sus asignaciones de tareas
  • Ejecutará las tareas y reportará el estado de vuelta a chat.md

Lanzamiento programático mediante osascript: Claude Code bloquea sesiones anidadas a través de la variable de entorno CLAUDECODE. Para lanzar agentes programáticamente desde una sesión existente, usa osascript con env -u para eliminar las variables de entorno 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 'Eres el Agente $i. Lee /Users/nicksaraev/Business/active/multi-chrome-agent/chat.md, encuentra tus tareas bajo Agente $i y ejecútalas. Usa Chrome DevTools MCP para navegar sitios web, buscar listados y recopilar datos. Escribe tus hallazgos como una tabla markdown de vuelta a chat.md en la sección del Agente $i. Márquete como [WORKING] mientras estés activo y [DONE] cuando termines.'\""
    sleep 2
done

Esto abre ventanas separadas de Terminal.app, cada una ejecutando una sesión independiente de Claude Code con su propio Chrome DevTools MCP.

Alternativa manual: Si osascript no funciona, indica al usuario que abra N pestañas de terminal:

Pestaña 1: cd ~/Business/active/multi-chrome-agent/chrome-agent-1 && claude
Pestaña 2: cd ~/Business/active/multi-chrome-agent/chrome-agent-2 && claude
...

5. Monitorear el progreso

Lee el archivo de chat periódicamente para verificar el estado de los agentes:

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

Busca las etiquetas [DONE], [ERROR] o [WORKING] de cada agente.

6. Finalizar

Cuando todos los agentes reporten [DONE]:

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

Protocolo de Chat

Los agentes se comunican a través del archivo compartido chat.md:

EtiquetaSignificado
[WORKING]El agente está procesando activamente una tarea
[DONE]El agente completó todas las tareas asignadas
[ERROR]El agente encontró un bloqueo (CAPTCHA, tiempo de espera, etc.)
[WAITING]El agente está inactivo, esperando nuevas tareas

Mapa de Puertos

AgentePuerto ChromeEspacio de Trabajo
19223chrome-agent-1/
29224chrome-agent-2/
39225chrome-agent-3/
49226chrome-agent-4/
59227chrome-agent-5/

El puerto 9222 está reservado para el Chrome DevTools MCP principal (no paralelo).

Casos Especiales

  • CAPTCHA: El agente reporta [ERROR] CAPTCHA en https://... en el chat. El orquestador puede reasignar o saltar.
  • Límite de tasa: Si un sitio bloquea después de N solicitudes, distribuye las URL entre más agentes para que cada uno acceda al sitio menos veces.
  • Inicio de sesión requerido: Autentica previamente en cada instancia de Chrome antes de asignar tareas, o incluye los pasos de inicio de sesión en la lista de tareas.
  • Tareas de larga duración: Los agentes revisan chat.md cada 30s. Si el orquestador necesita abortar, escribe [ABORT] en la sección del Orquestador.

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...

Skills relacionados