kogiQA MCP Web Browser

offiziell

Dies ist ein Webbrowser, der es Ihrem Codierungsagenten, wie Claude Code, ermöglicht, Websites in Ihrem Namen zu besuchen und Sie bei der Identifizierung von Fehlern oder der Erstellung von UI-Testfällen zu unterstützen.

GitHub

103

Dieses MCP ausprobierenGesponsert

Was kann man mit kogiQA Web Browser MCP machen?

Bitten Sie Ihren Assistenten, über natürliche Sprache einen echten Browser zu steuern – ganz ohne Selektoren.

Designprobleme debuggen – Lassen Sie den Assistenten eine Seite untersuchen und erklären, warum ein Element überläuft oder falsch ausgerichtet ist, und schlagen Sie dann eine CSS-Korrektur vor.
Konsolenfehler beheben – Bitten Sie den Assistenten, durch Seiten zu navigieren, Konsolenfehler zu sammeln und Korrekturen in Ihrem Quellcode anzuwenden.
Ihre App kartieren und dokumentieren – Weisen Sie den Assistenten an, interne Links zu erkunden und eine Markdown-Übersicht der Funktionen jeder Seite zu erstellen.
End-to-End-Tests generieren – Fordern Sie Cypress-Tests an, die den Happy Path und Validierungsfehler eines Ablaufs abdecken.
Exploratives Testen durchführen – Lassen Sie den Assistenten Grenzfall-Eingaben in Formularen ausprobieren und fehlerhaftes oder inkonsistentes Verhalten melden.

Dokumentation

kogiQA MCP Web Browser

Ein Model Context Protocol (MCP)-Server, der Browser-Automatisierungsfunktionen mit kogiQA bereitstellt. Dieser Server ermöglicht es LLMs, über natürliche Sprache mit Webseiten zu interagieren, ohne dass Screenshots oder visuell abgestimmte Modelle erforderlich sind.

Wofür man es verwenden kann:

Beheben von Stilproblemen auf Ihrer Seite
Automatisches Beheben von Konsolenfehlern
Kartieren und Dokumentieren der Funktionalität Ihrer Web-App
Automatisches Schreiben von End-to-End-Tests
Automatisieren von explorativen Tests Ihrer Anwendung

Siehe Beispiel-Prompts Usage Examples

kogiQA MCP vs. Playwright MCP

Der kogiQA MCP-Server stellt einen Browser bereit, der die Fähigkeiten des kogiQA-Browsersteuerungsalgorithmus integriert. Dies ermöglicht es Agenten, ohne Selektor mit Seiten zu interagieren, was Zeit und Tokens spart.

Installation

Automatische Installation:

npx kogiqa-mcp@latest

Claude Code

claude mcp add kogiqa-browser npx kogiqa-mcp@latest

VS Code

Klicken Sie auf eine der Schaltflächen unten, um direkt in VS Code zu installieren:

Alternativ können Sie über die VS Code-CLI installieren:

code --add-mcp '{"name":"kogiqa-browser","command":"npx","args":["kogiqa-mcp@latest"]}'

Cursor

Alternativ gehen Sie zu Cursor Settings → MCP → Add new MCP Server und geben Sie den Befehl npx kogiqa-mcp@latest ein.

Standardkonfiguration

Für jeden anderen MCP-Client fügen Sie Folgendes zu Ihrer MCP-Konfiguration hinzu:

{
  "mcpServers": {
    "kogiqa-browser": {
      "command": "npx",
      "args": [
        "kogiqa-mcp@latest"
      ]
    }
  }
}

Verwendungsbeispiele

Sobald der Server konfiguriert ist, sprechen Sie einfach in natürlicher Sprache mit Ihrem Agenten. Da kogiQA selektorfrei ist, beschreiben Sie, was getan werden soll – nicht, wie die Elemente gefunden werden.

Smoke-Test eines Benutzerflusses

Open http://localhost:3000, log in with the demo credentials, add the first product to the cart, and verify that the cart badge shows "1".

Beheben eines Stilproblems

Go to https://myapp.example.com/pricing and check why the "Pro" plan card overflows its container on a 1280px-wide viewport. Suggest a CSS fix.

Konsolenfehler beheben

Navigate to http://localhost:5173, open every page linked from the main menu, collect all console errors, and fix them in the source code.

Kartieren und Dokumentieren Ihrer App

Explore https://staging.example.com, follow all internal links up to two levels deep, and produce a Markdown document describing each page and its main features.

End-to-End-Tests generieren

Walk through the sign-up flow at http://localhost:3000/signup and write Cypress end-to-end tests covering the happy path and validation errors.

Explorative Tests

Do 10 minutes of exploratory testing on http://localhost:8080: try edge-case inputs in every form you find and report anything that looks broken or inconsistent.

Anforderungen

Node.js 20 oder neuer
VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie oder ein anderer MCP-Client