kogiQA MCP Web Browser

oficial

Este es un navegador web que permite a tu agente de codificación, como Claude Code, visitar sitios web en tu nombre y ayudarte a identificar errores o crear casos de prueba de interfaz de usuario.

GitHub
144

¿Qué puedes hacer con Kogi QA Web Browser MCP?

  • Depurar problemas de estilo — Pídele al agente que inspeccione una página en un ancho de viewport específico, identifique problemas de diseño y sugiera correcciones CSS.
  • Corregir errores de consola automáticamente — Haz que el agente navegue por todas las páginas enlazadas desde un menú, recolecte errores de consola y aplique correcciones en el código fuente.
  • Mapear y documentar la funcionalidad de una aplicación web — Indica al agente que rastree enlaces internos hasta una profundidad determinada y genere un documento Markdown que describa cada página y sus características.
  • Generar pruebas de extremo a extremo — Describe un flujo de usuario (por ejemplo, registro) y pídele al agente que lo recorra y genere pruebas Cypress que cubran el camino feliz y los errores de validación.
  • Realizar pruebas exploratorias — Solicita pruebas exploratorias con límite de tiempo, utilizando entradas en casos extremos en cada formulario, junto con un informe de cualquier elemento roto o inconsistente.

Documentación

kogiQA MCP Web Browser

Un servidor de Protocolo de Contexto de Modelo (MCP) que proporciona capacidades de automatización de navegador usando kogiQA. Este servidor permite a los LLM interactuar con páginas web mediante lenguaje natural, evitando la necesidad de capturas de pantalla o modelos ajustados visualmente.

Para qué usarlo:

  • Depurar problemas de estilo en tu página
  • Corregir automáticamente errores de consola.
  • Mapear y documentar la funcionalidad de tu aplicación web
  • Escribir automáticamente pruebas de extremo a extremo
  • Automatizar pruebas exploratorias de tu aplicación

Consulta las sugerencias de ejemplo en Ejemplos de Uso

kogiQA MCP vs Playwright MCP

El Servidor MCP de kogiQA proporciona un navegador que incorpora las capacidades del algoritmo de control de navegador kogiQA. Esto permite a los agentes interactuar con páginas sin un selector, ahorrando tiempo y tokens.

Instalación

Instalación automática:

npx kogiqa-mcp@latest

Claude Code

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

VS Code

Haz clic en uno de los botones de abajo para instalar directamente en VS Code:

Install in VS Code Install in VS Code Insiders

Alternativamente, instala mediante la CLI de VS Code:

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

Cursor

Install in Cursor

Alternativamente, ve a Cursor Settings → MCP → Add new MCP Server e introduce el comandonpx kogiqa-mcp@latest.

Configuración estándar

Para cualquier otro cliente MCP, añade lo siguiente a tu configuración MCP:

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

Ejemplos de Uso

Una vez configurado el servidor, simplemente habla con tu agente en lenguaje natural. Como kogiQA no usa selectores, describes lo que quieres que se haga — no cómo encontrar los elementos.

Prueba de humo de un flujo de usuario

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

Depurar un problema de estilo

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.

Corregir errores de consola

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

Mapear y documentar tu aplicación

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.

Generar pruebas de extremo a extremo

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.

Pruebas exploratorias

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.

Requisitos

  • Node.js 20 o más reciente
  • VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie u otro cliente MCP