Reticle — MCP-сервер для Claude Code: что делает и как установить
Проверяет работающее веб-приложение изнутри через MCP без скриншотов. Агент перемещается по страницам, кликает и проверяет утверждения.
claude mcp add reticle -- npx -y @reticlehq/serverЧто делает Reticle
Reticle связывает агент с запущенным фронтендом. Сервер открывает локальный WebSocket-мост на ws://localhost:4400, к которому подключается клиентский SDK @reticlehq/browser. Вместо анализа картинок ассистент обращается напрямую к структуре интерфейса: инспектирует элементы, кликает, вводит текст и считывает изменения.
По умолчанию сервер регистрирует 10 инструментов, среди которых reticle_navigate, reticle_look, reticle_act, reticle_observe и reticle_assert. Только два инструмента возвращают итоговый вердикт — reticle_act_and_wait и reticle_assert. Остальные вызовы либо считывают данные DOM, либо совершают действия на странице. Скрытые функции вроде сетевых моков, снимков экрана или управления таймерами вызываются через reticle_run либо включаются переменной RETICLE_ADVERTISE_ALL_TOOLS=1, что удваивает контекст инструментов в каждом запросе.
Без предварительной настройки мост работать не будет: в проект нужно добавить SDK и плагин сборки командой npx @reticlehq/server init.
Какие задачи решает
- протестировать интерфейс работающего веб-приложения без снятия скриншотов
- выполнить клики и ввод данных на странице через команды агента
- проверить состояние DOM и утверждения с получением точного вердикта
- перехватить сетевые запросы и управлять таймерами браузера
Примеры запросов агенту
- Перейди на страницу профиля и проверь наличие кнопки сохранения через
reticle_assert - Заполни форму входа и дождись ответа интерфейса с помощью
reticle_act_and_wait - Выведи список доступных дополнительных инструментов через
reticle_tools
Как установить Reticle
Командой платформы
claude mcp add reticle -- npx -y @reticlehq/serverКомандой платформы
codex mcp add server -- npx -y @reticlehq/serverФайл настроек
{
"mcpServers": {
"server": {
"command": "npx",
"args": [
"-y",
"@reticlehq/server"
]
}
}
}Файл настроек
{
"servers": {
"server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@reticlehq/server"
]
}
}
}Командой платформы
gemini mcp add server npx -y @reticlehq/serverПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Похожие
Рядом в теме «Тесты и QA»
Всё по теме «Тесты и QA» →Вопросы о Reticle
Как установить Reticle в Claude Code?
Выполните команду claude mcp add reticle -- npx -y @reticlehq/server в терминале.
Что делает Reticle?
Он поднимает локальный мост на ws://localhost:4400 и даёт ИИ-агенту инструменты для навигации, действий и ассертов прямо внутри живого веб-приложения.
Зачем нужна переменная RETICLE_ADVERTISE_ALL_TOOLS=1?
Она открывает агенту полный набор скрытых инструментов вроде моков сети и управления таймерами, но примерно вдвое увеличивает объём системного промпта.
