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

103

Prueba este MCPPatrocinado

¿Qué puedes hacer con kogiQA Web Browser MCP?

Pídele a tu asistente que maneje un navegador real mediante lenguaje natural—sin necesidad de selectores.

Depurar problemas de estilo — Haz que el asistente inspeccione una página y explique por qué un elemento se desborda o queda desalineado, y luego sugiera una corrección de CSS.
Corregir errores de consola — Pídele al asistente que navegue por las páginas, recopile los errores de consola y aplique correcciones en tu código fuente.
Mapear y documentar tu aplicación — Indica al asistente que explore los enlaces internos y genere un resumen en Markdown de las funciones de cada página.
Generar pruebas de extremo a extremo — Solicita pruebas de Cypress que cubran el flujo feliz y los errores de validación de un proceso.
Realizar pruebas exploratorias — Deja que el asistente pruebe entradas en casos límite en los formularios y reporte comportamientos rotos o inconsistentes.

Documentación

kogiQA MCP Web Browser

Un servidor de Model Context Protocol (MCP) que proporciona capacidades de automatización de navegador utilizando kogiQA. Este servidor permite a los LLMs interactuar con páginas web a través de 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 ejemplos de prompts Usage Examples

kogiQA MCP vs Playwright MCP

El servidor kogiQA MCP proporciona un navegador que incorpora las capacidades del algoritmo de control de navegador de 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 a continuación para instalar directamente en VS Code:

Alternativamente, instala a través de la CLI de VS Code:

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

Cursor

Alternativamente, ve a Cursor Settings → MCP → Add new MCP Server e ingresa el comando npx kogiqa-mcp@latest.

Configuración estándar

Para cualquier otro cliente MCP, agrega lo siguiente a tu configuración de MCP:

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

Ejemplos de uso

Una vez que el servidor esté configurado, simplemente habla con tu agente en lenguaje natural. Debido a que kogiQA no requiere 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 superior
VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie u otro cliente MCP