kogiQA MCP Web Browser

официальный

Это веб-браузер, который позволяет вашему агенту кодирования, например Claude Code, посещать веб-сайты от вашего имени и помогать вам выявлять ошибки или создавать тестовые сценарии пользовательского интерфейса.

GitHub
144

Что можно делать с Kogi QA Web Browser MCP?

  • Отладка проблем со стилями — Попросите агента проверить страницу при определенной ширине окна просмотра, выявить проблемы с макетом и предложить исправления CSS.
  • Автоматическое исправление ошибок консоли — Поручите агенту перейти по всем ссылкам из меню, собрать ошибки консоли и применить исправления в исходном коде.
  • Картографирование и документирование функциональности веб-приложения — Дайте агенту задание обойти внутренние ссылки до заданной глубины и создать Markdown-документ с описанием каждой страницы и её возможностей.
  • Генерация сквозных тестов — Опишите пользовательский сценарий (например, регистрацию) и попросите агента пройти по нему и вывести тесты Cypress, охватывающие успешный путь и ошибки валидации.
  • Проведение исследовательского тестирования — Запросите ограниченное по времени исследовательское тестирование с граничными входными данными для каждой формы, с отчетом о любых неработающих или несогласованных элементах.

Документация

kogiQA MCP Web Browser

Сервер Model Context Protocol (MCP), предоставляющий возможности автоматизации браузера с использованием kogiQA. Этот сервер позволяет LLM взаимодействовать с веб-страницами на естественном языке, устраняя необходимость в скриншотах или визуально-настроенных моделях.

Для чего использовать:

  • Отладка проблем со стилями на вашей странице
  • Автоматическое исправление ошибок в консоли.
  • Составление карты и документирование функциональности вашего веб-приложения
  • Автоматическое написание end-to-end тестов
  • Автоматизация исследовательского тестирования вашего приложения

Смотрите примеры промптов Примеры использования

kogiQA MCP против Playwright MCP

Сервер kogiQA MCP предоставляет браузер, который включает в себя возможности алгоритма управления браузером kogiQA. Это позволяет агентам взаимодействовать со страницами без использования селекторов, экономя время и токены.

Установка

Автоматическая установка:

npx kogiqa-mcp@latest

Claude Code

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

VS Code

Нажмите одну из кнопок ниже, чтобы установить непосредственно в VS Code:

Install in VS Code Install in VS Code Insiders

В качестве альтернативы установите через CLI VS Code:

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

Cursor

Install in Cursor

В качестве альтернативы перейдите в Cursor Settings → MCP → Add new MCP Server и введите командуnpx kogiqa-mcp@latest.

Стандартная конфигурация

Для любого другого MCP-клиента добавьте следующее в вашу конфигурацию MCP:

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

Примеры использования

После настройки сервера просто общайтесь с вашим агентом на естественном языке. Поскольку kogiQA не использует селекторы, вы описываете, что нужно сделать, а не как найти элементы.

Проверка пользовательского сценария

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

Отладка проблемы со стилями

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.

Исправление ошибок в консоли

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

Составление карты и документирование вашего приложения

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 тестов

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.

Исследовательское тестирование

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.

Требования

  • Node.js 20 или новее
  • VS Code, Cursor, Windsurf, Claude Desktop, Goose, Junie или другой MCP-клиент