kogiQA MCP Web Browser
officielCeci est un navigateur web qui permet à votre agent
Que pouvez-vous faire avec kogiQA Web Browser MCP ?
Demandez à votre assistant de piloter un vrai navigateur via le langage naturel—aucun sélecteur requis.
- Déboguer les problèmes de style — Demandez à l'assistant d'inspecter une page et d'expliquer pourquoi un élément déborde ou est mal aligné, puis de suggérer un correctif CSS.
- Corriger les erreurs de console — Demandez à l'assistant de naviguer entre les pages, de collecter les erreurs de console et d'appliquer des correctifs dans votre code source.
- Cartographier et documenter votre application — Demandez à l'assistant d'explorer les liens internes et de produire un aperçu Markdown des fonctionnalités de chaque page.
- Générer des tests de bout en bout — Demandez des tests Cypress couvrant le parcours nominal et les erreurs de validation d'un flux.
- Effectuer des tests exploratoires — Laissez l'assistant essayer des entrées aux cas limites dans les formulaires et signaler les comportements cassés ou incohérents.
Documentation
kogiQA MCP Web Browser
Un serveur Model Context Protocol (MCP) qui fournit des capacités d'automatisation de navigateur à l'aide de kogiQA. Ce serveur permet aux LLM d'interagir avec des pages web en langage naturel, sans avoir besoin de captures d'écran ou de modèles optimisés visuellement.
À quoi cela sert :
- 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 des exemples de prompts Usage Examples
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 :
Alternativement, installez via la CLI VS Code :
code --add-mcp '{"name":"kogiqa-browser","command":"npx","args":["kogiqa-mcp@latest"]}'
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. Comme 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 parcours 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