Skip to main content
Glama

WebEvalAgent MCP Server

Official
by Operative-Sh

🚀 operative.sh web-eval-agent MCP-Server

Überlassen Sie dem Codieragenten die Fehlerbehebung selbst, Sie haben Besseres zu tun.

Demo

🔥 Optimieren Sie Ihr Debugging

Der MCP-Server von operative.sh startet einen browserbasierten Agenten, um Web-Apps direkt in Ihrem Code-Editor autonom auszuführen und zu debuggen.

⚡ Funktionen

  • 🌐 Navigieren Sie mit BrowserUse durch Ihre Webanwendung (2x schneller mit operativem Backend)
  • 📊 Erfassen Sie den Netzwerkverkehr – Anfragen werden intelligent gefiltert und in das Kontextfenster zurückgegeben
  • 🚨 Konsolenfehler erfassen – erfasst Protokolle und Fehler
  • 🤖 Autonomes Debuggen – der Cursor-Agent ruft den MCP-Server des Web-QA-Agenten auf, um zu testen, ob der von ihm geschriebene Code durchgängig wie erwartet funktioniert.

🧰 MCP-Tool-Referenz

WerkzeugZweck
web_eval_agent🤖 Automatisierter UX-Evaluator, der den Browser steuert, Screenshots, Konsolen- und Netzwerkprotokolle erfasst und einen ausführlichen UX-Bericht zurückgibt.
setup_browser_state🔒 Öffnet einen interaktiven (nicht-headless) Browser, sodass Sie sich einmal anmelden können; die gespeicherten Cookies/der lokale Speicher werden bei nachfolgenden web_eval_agent Läufen wiederverwendet.

Hauptargumente

  • web_eval_agent
    • url(erforderlich) – Adresse der laufenden App (z. B. http://localhost:3000 )
    • task(erforderlich) – Beschreibung in natürlicher Sprache, was getestet werden soll („den Anmeldefluss durchlaufen und etwaige UX-Probleme notieren“)
    • headless_browser(optional, Standard false ) – auf true setzen, um das Browserfenster auszublenden
  • setup_browser_state
    • url(optional) – zuerst zu öffnende Seite (praktisch, um direkt auf einem Anmeldebildschirm zu landen)

Sie können diese Tools direkt aus Ihrem IDE-Chat auslösen, zum Beispiel:

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

🏁 Schnellstart (macOS/Linux)

  1. Voraussetzungen (normalerweise nicht erforderlich):
  • brew: /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  • npm: ( brew install npm )
  • jq: brew install jq
  1. Führen Sie das Installationsprogramm aus, nachdem Sie einen API-Schlüssel erhalten haben (kostenlos)
curl -LSf https://operative.sh/install.sh -o install.sh && bash install.sh && rm install.sh
  1. Besuchen Sie Ihre bevorzugte IDE und starten Sie neu, um die Änderungen anzuwenden
  2. Senden Sie eine Aufforderung im Chat-Modus, um das Web-Evaluierungs-Agent-Tool aufzurufen! zB
Test my app on http://localhost:3000. Use web-eval-agent.

🛠️ Manuelle Installation

  1. Holen Sie sich Ihren API-Schlüssel bei operative.sh
  2. UV installieren
curl -LsSf https://astral.sh/uv/install.sh | sh)
  1. Installieren Sie Playwright:
npm install -g chromium playwright && uvx --with playwright playwright install --with-deps
  1. Fügen Sie das folgende JSON mit dem API-Schlüssel zu Ihrem entsprechenden Code-Editor hinzu
  2. Starten Sie Ihren Code-Editor neu

🔃 Aktualisierung

  • uv cache clean
  • MCP-Server aktualisieren
"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>" } }

Operativer Discord-Server

🛠️ Manuelle Installation (Mac + Cursor/Cline/Windsurf)

  1. Holen Sie sich Ihren API-Schlüssel bei operative.sh
  2. UV installieren
curl -LsSf https://astral.sh/uv/install.sh | sh)
  1. Installieren Sie Playwright:
npm install -g chromium playwright && uvx --with playwright playwright install --with-deps
  1. Fügen Sie das folgende JSON mit dem API-Schlüssel zu Ihrem entsprechenden Code-Editor hinzu
  2. Starten Sie Ihren Code-Editor neu

Manuelle Installation (Windows + Cursor/Cline/Windsurf)

Wir verfeinern dies. Bitte öffnen Sie ein Problem, wenn Sie Probleme haben!

  1. Führen Sie dies alles in Ihrem Code-Editor-Terminal aus
  2. curl -LSf https://operative.sh/install.sh -o install.sh && bash install.sh && rm install.sh
  3. Holen Sie sich Ihren API-Schlüssel bei operative.sh
  4. UV installieren (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. Code-Editor neu starten

🚨 Probleme

  • Updates werden in Code-Editoren nicht empfangen, aktualisieren oder neu installieren für die neueste Version: Führen Sie uv cache clean für die neueste aus
  • Bei Problemen können Sie gerne ein Problem in diesem Repo oder im Discord eröffnen!
  • 5/5 – Statische Apps ohne Änderungen führten kein Screencasting durch, behoben! uv clean + Neustart, um das Problem zu beheben

Änderungsprotokoll

  • 29.04. – Agent-Overlay-Update – Agent-Ausführung im Browser pausieren/abspielen/stoppen

📋 Beispiel für einen MCP-Server-Ausgabebericht

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

Sternengeschichte


Erstellt mit <3 @ operative.sh

Install Server
A
security – no known vulnerabilities
A
license - permissive license
A
quality - confirmed to work

local-only server

The server can only run on the client's local machine because it depends on local resources.

Setzt LLM-gestützte Agenten ein, um Web-Apps direkt in Ihrem Code-Editor autonom auszuführen und zu debuggen, mit Funktionen wie Web-App-Navigation, Erfassung des Netzwerkverkehrs und Konsolenfehlersammlung.

  1. 🔥 Optimieren Sie Ihr Debugging
    1. ⚡ Funktionen
      1. 🧰 MCP-Tool-Referenz
        1. 🏁 Schnellstart (macOS/Linux)
          1. 🛠️ Manuelle Installation
            1. 🔃 Aktualisierung
              1. Operativer Discord-Server
                1. 🛠️ Manuelle Installation (Mac + Cursor/Cline/Windsurf)
                  1. Manuelle Installation (Windows + Cursor/Cline/Windsurf)
                    1. 🚨 Probleme
                      1. Änderungsprotokoll
                        1. 📋 Beispiel für einen MCP-Server-Ausgabebericht
                          1. Sternengeschichte

                            Related MCP Servers

                            • A
                              security
                              A
                              license
                              A
                              quality
                              Enables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment
                              Last updated -
                              10
                              327
                              199
                              JavaScript
                              MIT License
                              • Apple
                            • A
                              security
                              F
                              license
                              A
                              quality
                              Enables browser automation for LLMs on Linux display servers, supporting web interaction, screenshots, and JavaScript execution in a real browser.
                              Last updated -
                              7
                              5
                              4
                              JavaScript
                              • Linux
                            • A
                              security
                              A
                              license
                              A
                              quality
                              Provides LLM Agents with AI-powered mentorship for code review, design critique, writing feedback, and brainstorming using the Deepseek API, enabling enhanced output in various development and strategic planning tasks.
                              Last updated -
                              5
                              15
                              TypeScript
                              Apache 2.0
                            • -
                              security
                              A
                              license
                              -
                              quality
                              Enhances LLM applications with deep autonomous web research capabilities, delivering higher quality information than standard search tools by exploring and validating numerous trusted sources.
                              Last updated -
                              179
                              Python
                              MIT License
                              • Apple

                            View all related MCP servers

                            MCP directory API

                            We provide all the information about MCP servers via our MCP API.

                            curl -X GET 'https://glama.ai/api/mcp/v1/servers/Operative-Sh/web-eval-agent'

                            If you have feedback or need assistance with the MCP directory API, please join our Discord server