SideButton MCP Server — MCP-сервер для Claude Code: установка
MCP-сервер для прямого управления браузером через WebSocket, запуска сценариев автоматизации в YAML и подключения пакетов знаний к ассистентам.
claude mcp add sidebutton -- npx -y @sidebutton/serverЧто делает SideButton MCP Server
Сервер даёт агентам инструментарий для работы с веб-интерфейсами и автоматизации задач. Вместо отправки скриншотов система подключается к вкладке через браузерное расширение по протоколу WebSocket. За счёт этого агент взаимодействует с деревом элементов напрямую, выполняет клики, заполняет формы и считывает разметку без визуальных неточностей.
Внутри заложен движок сценариев на синтаксисе YAML. Пайплайны умеют связывать браузерные шаги, запуск команд терминала и обработку ответов через языковые модели. Для контроля процессов предусмотрен веб-интерфейс на адресе http://localhost:9876 и HTTP-эндпоинты для вызова сохранённых сценариев внешними скриптами.
Для интерактивного взаимодействия со страницами обязательно требуется открытый браузер со связующим расширением Chrome, иначе сетевые команды манипуляции вкладками завершаются ошибкой.
Какие задачи решает
- управлять браузером через клики и чтение DOM
- запускать многошаговые сценарии автоматизации из YAML-файлов
- извлекать селекторы и снимки доступности со страниц
- вызывать рабочие процессы удалённо через HTTP API
Примеры запросов агенту
- Открой через SideButton документацию проекта, перейди в поле ввода и напечатай поисковый запрос.
- Выполни рабочий процесс check_ticket с параметром ticket_id равным PROJ-123.
- Сними дерево доступности текущей вкладки и забери содержимое таблицы.
Как установить SideButton MCP Server
Командой платформы
claude mcp add sidebutton -- npx -y @sidebutton/serverКомандой платформы
codex mcp add sidebutton-mcp-server -- npx -y @sidebutton/serverФайл настроек
{
"mcpServers": {
"sidebutton-mcp-server": {
"command": "npx",
"args": [
"-y",
"@sidebutton/server"
]
}
}
}Файл настроек
{
"servers": {
"sidebutton-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@sidebutton/server"
]
}
}
}Командой платформы
gemini mcp add sidebutton-mcp-server npx -y @sidebutton/serverПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о SideButton MCP Server
Как установить SideButton MCP Server в Claude Code?
Выполните в терминале команду claude mcp add sidebutton -- npx -y @sidebutton/server.
Что делает SideButton MCP Server?
Сервер даёт агенту инструменты прямого управления браузером и запускает структурированные YAML-сценарии с вызовами терминала, Git и нейросетей.
Использует ли сервер скриншоты для кликов по кнопкам?
Нет, взаимодействие с элементами строится через расширение Chrome по WebSocket, обеспечивая работу с реальными узлами DOM.
