kogiQA MCP Web Browser

officiel

Ceci est un navigateur web qui permet à votre agent

GitHub
144

Que pouvez-vous faire avec Kogi QA Web Browser MCP ?

  • Déboguer les problèmes de style — Demandez à l'agent d'inspecter une page à une largeur de fenêtre spécifique, d'identifier les problèmes de mise en page et de suggérer des correctifs CSS.
  • Corriger automatiquement les erreurs de console — Faites naviguer l'agent sur toutes les pages liées depuis un menu, collectez les erreurs de console et appliquez les correctifs dans le code source.
  • Cartographier et documenter les fonctionnalités d'une application web — Donnez pour instruction à l'agent de parcourir les liens internes jusqu'à une profondeur définie et de produire un document Markdown décrivant chaque page et ses fonctionnalités.
  • Générer des tests de bout en bout — Décrivez un parcours utilisateur (par exemple, une inscription) et demandez à l'agent de le suivre et de générer des tests Cypress couvrant le chemin nominal et les erreurs de validation.
  • Effectuer des tests exploratoires — Demandez des tests exploratoires chronométrés avec des cas limites sur chaque formulaire, accompagnés d'un rapport sur tout élément cassé ou incohérent.

Documentation

kogiQA MCP Web Browser

Un serveur Model Context Protocol (MCP) qui fournit des capacités d'automatisation de navigateur en utilisant kogiQA. Ce serveur permet aux LLM d'interagir avec des pages web en langage naturel, évitant ainsi le besoin de captures d'écran ou de modèles adaptés visuellement.

Pour quoi l'utiliser :

  • Déboguer les problèmes de style sur votre page
  • Corriger automatiquement les erreurs de console.
  • Cartographier et documenter les fonctionnalités de votre application web
  • Écrire automatiquement des tests de bout en bout
  • Automatiser les tests exploratoires de votre application

Voir les exemples d'invites Exemples d'utilisation

kogiQA MCP vs Playwright MCP

Le serveur kogiQA MCP fournit un navigateur qui intègre les capacités de l'algorithme de contrôle de navigateur kogiQA. Cela permet aux agents d'interagir avec les pages sans sélecteur, économisant du temps et des jetons.

Installation

Installation automatique :

npx kogiqa-mcp@latest

Claude Code

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

VS Code

Cliquez sur l'un des boutons ci-dessous pour installer directement dans VS Code :

Install in VS Code Install in VS Code Insiders

Alternativement, installez via la CLI VS Code :

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

Cursor

Install in Cursor

Alternativement, allez dans Cursor Settings → MCP → Add new MCP Server et entrez la commande npx kogiqa-mcp@latest.

Configuration standard

Pour tout autre client MCP, ajoutez ce qui suit à votre configuration MCP :

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

Exemples d'utilisation

Une fois le serveur configuré, parlez simplement à votre agent en langage naturel. Parce que kogiQA est sans sélecteur, vous décrivez ce que vous voulez faire — pas comment trouver les éléments.

Test de fumée d'un flux utilisateur

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

Déboguer un problème de style

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.

Corriger les erreurs de console

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

Cartographier et documenter votre application

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.

Générer des tests de bout en bout

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.

Tests exploratoires

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.

Prérequis

  • Node.js 20 ou plus récent
  • VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie ou un autre client MCP