🚀 operative.sh web-eval-agent Servidor MCP

Deja que el agente de codificación se depure a sí mismo, tienes mejores cosas que hacer.

🔥 Potencie su depuración

El servidor MCP de operative.sh lanza un agente potenciado por el uso del navegador para ejecutar y depurar de forma autónoma aplicaciones web directamente en su editor de código.

Related MCP server: agnt

⚡ Características

• 🌐 Navega por tu aplicación web usando BrowserUse (2 veces más rápido con backend operativo)

• 📊 Capturar tráfico de red : las solicitudes se filtran de forma inteligente y se devuelven a la ventana de contexto

• 🚨 Recopilar errores de la consola : captura registros y errores

• 🤖 Depuración autónoma : el agente Cursor llama al servidor mcp del agente de control de calidad web para probar si el código que escribió funciona como se esperaba de un extremo a otro.

Referencia de herramientas MCP

Argumentos clave

• web_eval_agent

  • url(obligatorio) : dirección de la aplicación en ejecución (por ejemplo http://localhost:3000 )

  • task(obligatoria) : descripción en lenguaje natural de lo que se debe probar ("ejecutar el flujo de registro y anotar cualquier problema de experiencia de usuario")

  • headless_browser(opcional, predeterminado false ) : configúrelo en true para ocultar la ventana del navegador

• setup_browser_state

  • url(opcional) : página que se abrirá primero (útil para llegar directamente a una pantalla de inicio de sesión)

Puedes activar estas herramientas directamente desde el chat de tu IDE, por ejemplo:

Evaluate my app at http://localhost:3000 – run web_eval_agent with the task "Try the full signup flow and report UX issues".

🏁 Inicio rápido (macOS/Linux)

1. Requisitos previos (normalmente no necesarios):

• brew: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

• npm: ( brew install npm )

• jq: brew install jq

2. Ejecute el instalador después de obtener una clave API (gratis)

   • Instala dramaturgo

   • Instala uv

   • ¡Inserta JSON en tu editor de código (Cursor/Cline/Windsurf) para ti!

curl -LSf https://operative.sh/install.sh -o install.sh && bash install.sh && rm install.sh

3. Visita tu IDE favorito y reinicia para aplicar los cambios

4. Envíe un mensaje en modo de chat para llamar a la herramienta del agente de evaluación web, por ejemplo

Test my app on http://localhost:3000. Use web-eval-agent.

🛠️ Instalación manual

1. Obtenga su clave API en operative.sh

2. Instalar uv

curl -LsSf https://astral.sh/uv/install.sh | sh)

4. Instalar dramaturgo:

npm install -g chromium playwright && uvx --with playwright playwright install --with-deps

6. Agregue el siguiente JSON a su editor de código relevante con la clave API

7. Reinicie su editor de código

🔃Actualizando

• uv cache clean

• actualizar el servidor MCP

    "web-eval-agent": {
      "command": "uvx",
      "args": [
        "--refresh-package",
        "webEvalAgent",
        "--from",
        "git+https://github.com/Operative-Sh/web-eval-agent.git",
        "webEvalAgent"
      ],
      "env": {
        "OPERATIVE_API_KEY": "<YOUR_KEY>"
      }
    }

Servidor de Discord operativo

🛠️ Instalación manual (Mac + Cursor/Cline/Windsurf)

1. Obtenga su clave API en operative.sh

2. Instalar uv

curl -LsSf https://astral.sh/uv/install.sh | sh)

3. Instalar dramaturgo:

npm install -g chromium playwright && uvx --with playwright playwright install --with-deps

4. Agregue el siguiente JSON a su editor de código relevante con la clave API

5. Reinicie su editor de código

Instalación manual (Windows + Cursor/Cline/Windsurf)

Estamos perfeccionando esto. Si tienes algún problema, ¡abre un problema!

1. Haz todo esto en la terminal de tu editor de código.

2. curl -LSf https://operative.sh/install.sh -o install.sh && bash install.sh && rm install.sh

3. Obtenga su clave API en operative.sh

4. Instalar uv (curl -LsSf https://astral.sh/uv/install.sh | sh)

5. uvx --from git+https://github.com/Operative-Sh/web-eval-agent.git playwright install

6. Reiniciar el editor de código

🚨 Problemas

• No se reciben actualizaciones en los editores de código, actualice o reinstale para obtener la última versión: Ejecute uv cache clean para obtener la última versión

• Si tienes algún problema, ¡no dudes en abrir un problema en este repositorio o en Discord!

• 5/5 - Las aplicaciones estáticas sin cambios no grababan la pantalla. ¡Corregido! uv clean + reinicio para solucionarlo.

Registro de cambios

• 29/4 - Actualización de la superposición del agente: pausar/reproducir/detener la ejecución del agente en el navegador

Ejemplo de informe de salida del servidor MCP

📊 Web Evaluation Report for http://localhost:5173 complete!
📝 Task: Test the API-key deletion flow by navigating to the API Keys section, deleting a key, and judging the UX.

🔍 Agent Steps
  📍 1. Navigate → http://localhost:5173
  📍 2. Click     "Login"        (button index 2)
  📍 3. Click     "API Keys"     (button index 4)
  📍 4. Click     "Create Key"   (button index 9)
  📍 5. Type      "Test API Key" (input index 2)
  📍 6. Click     "Done"         (button index 3)
  📍 7. Click     "Delete"       (button index 10)
  📍 8. Click     "Delete"       (confirm index 3)
🏁 Flow tested successfully – UX felt smooth and intuitive.

🖥️ Console Logs (10)
  1. [debug] [vite] connecting…
  2. [debug] [vite] connected.
  3. [info]  Download the React DevTools …
     …

🌐 Network Requests (10)
  1. GET /src/pages/SleepingMasks.tsx                   304
  2. GET /src/pages/MCPRegistryRegistry.tsx             304
     …

⏱️ Chronological Timeline
  01:16:23.293 🖥️ Console [debug] [vite] connecting…
  01:16:23.303 🖥️ Console [debug] [vite] connected.
  01:16:23.312 ➡️ GET /src/pages/SleepingMasks.tsx
  01:16:23.318 ⬅️ 304 /src/pages/SleepingMasks.tsx
     …
  01:17:45.038 🤖 🏁 Flow finished – deletion verified
  01:17:47.038 🤖 📋 Conclusion repeated above
👁️  See the "Operative Control Center" dashboard for live logs.

Historia de las estrellas

Creado con <3 @ operative.sh