kogiQA MCP Web Browser
официальныйЭто веб-браузер, который позволяет вашему агенту кодирования, например Claude Code, посещать веб-сайты от вашего имени и помогать вам выявлять ошибки или создавать тестовые сценарии пользовательского интерфейса.
Что можно делать с kogiQA Web Browser MCP?
Попросите вашего ассистента управлять реальным браузером через естественный язык — без селекторов.
- Отладка проблем со стилями — Попросите ассистента осмотреть страницу и объяснить, почему элемент переполняется или смещается, а затем предложить исправление CSS.
- Исправление ошибок консоли — Попросите ассистента переходить по страницам, собирать ошибки консоли и применять исправления в вашем исходном коде.
- Картографирование и документирование приложения — Поручите ассистенту исследовать внутренние ссылки и создать обзор Markdown с функциями каждой страницы.
- Генерация сквозных тестов — Запросите тесты Cypress, покрывающие счастливый путь и ошибки валидации.
- Проведение исследовательского тестирования — Позвольте ассистенту попробовать граничные вводы в формах и сообщить о сломанном или непоследовательном поведении.
Документация
kogiQA MCP Web Browser
Сервер Model Context Protocol (MCP), предоставляющий возможности автоматизации браузера с помощью kogiQA. Этот сервер позволяет LLM взаимодействовать с веб-страницами через естественный язык, обходя необходимость в скриншотах или моделях, настроенных на визуальное восприятие.
Для чего использовать:
- Отлаживать проблемы со стилями на вашей странице
- Автоматически исправлять ошибки консоли
- Составлять карту и документировать функциональность вашего веб-приложения
- Автоматически писать сквозные тесты
- Автоматизировать исследовательское тестирование вашего приложения
См. примеры запросов Usage Examples
kogiQA MCP vs Playwright MCP
Сервер kogiQA MCP предоставляет браузер, который включает возможности алгоритма управления браузером kogiQA. Это позволяет агентам взаимодействовать со страницами без селекторов, экономя время и токены.
Установка
Автоматическая установка:
npx kogiqa-mcp@latest
Claude Code
claude mcp add kogiqa-browser npx kogiqa-mcp@latest
VS Code
Нажмите одну из кнопок ниже, чтобы установить непосредственно в VS Code:
В качестве альтернативы установите через CLI VS Code:
code --add-mcp '{"name":"kogiqa-browser","command":"npx","args":["kogiqa-mcp@latest"]}'
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.
Генерация сквозных тестов
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-клиент