OpenScreenShot MCP
Скриншоты веб-страниц для агента: локальный MCP-сервер и CLI на вашем Chrome, маскировка секретов до записи пикселей
- 92 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Сервер открывает адреса в вашем браузере, и снимки могут содержать личные данные
- Изображение возвращается клиенту, который может передать его облачной модели
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/openscreenshotОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Сервер открывает адреса в вашем браузере, и снимки могут содержать личные данные
- Изображение возвращается клиенту, который может передать его облачной модели
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
OpenScreenShot состоит из расширения для Chrome и Firefox и отдельного необязательного пакета `openscreenshot` в npm с CLI и MCP-сервером. Расширение снимает всю страницу одним щелчком, даже со сложными блоками прокрутки, умеет аннотации, размытие секретов, экспорт в PNG, JPEG, WebP и PDF и запись вкладки. Все работает на устройстве, без аккаунта. Для агентов предназначены CLI и MCP. Команда `npx openscreenshot shot https://example.com --out shot.png --full` снимает страницу в уже установленном на машине Chrome, Chromium или Edge. MCP-сервер запускается командой `npx -y openscreenshot` по stdio и отдает инструмент `capture_screenshot` с аргументами вроде `url` и `fullPage`. Поля `--redact`, `--redact-pattern` и `--redact-rect` закрывают секреты черными блоками до записи картинки: по селектору CSS, по шаблонам (`email`, `phone`, `secret`) или по прямоугольнику. Если цель сместилась, снимок не сохраняется. Для клиентов, которые умеют только удаленные MCP, есть облачный вариант OpenScreenShot Cloud по адресу `https://cloud.openscreenshot.app/mcp` с ключом API.
Для кого. Разработчики, DevOps-инженеры и тестировщики, которые просят Claude Code снять страницу, дашборд или статус для отчета и CI.
Подходит, если
- Надо снять страницу целиком и приложить к описанию задачи или отчету об инциденте
- Агент должен посмотреть, как выглядит верстка после правки
- В пайплайне нужны скриншоты для релизных заметок и визуальных различий
- Нужно закрыть почту, телефоны и токены на снимке до сохранения
- Хочется быстрый снимок без аккаунта и без облачного сервиса
Не подходит, если
- Нет Chrome, Chromium или Edge на машине: CLI и сервер используют установленный браузер, Node.js нужен 22.12 или новее
- Страницы закрыты логином, и вы не хотите давать браузеру агента доступ: снимок увидит то же, что видит браузер
- Нужны отдельные ключи облака для клиента без локального запуска: придется использовать Cloud
Пример запроса к агенту
Сними страницу https://staging.example.com/dashboard целиком и закрой на ней адреса почты и токены, сохрани как dashboard.png.MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Нужны Node.js 22.12 или новее и установленный Chrome, Chromium или Edge. Режим Cloud необязателен: при `--cloud` или `cloud: true` адрес страницы и параметры уходят на сервис OpenScreenShot Cloud, которому нужны вход и ключ. Инструмент возвращает PNG клиенту, который может отправить его в облачную модель, поэтому для чувствительных данных используйте параметры маскировки. Запись вкладки доступна только в Chrome, настольные и веб-приложения проекта еще в разработке.
Как отключить. Удалите запись `openscreenshot` из конфигурации MCP командой `claude mcp remove openscreenshot`. Расширение снимается в менеджере расширений браузера.
Частые вопросы
Как подключить OpenScreenShot к Claude Code?
Командой `claude mcp add openscreenshot -- npx -y openscreenshot`. Сервер работает локально по stdio, затем вызывается инструмент `capture_screenshot`.
Нужно ли расширение для MCP?
Нет. CLI и MCP живут в отдельном пакете `openscreenshot` и управляют вашим Chrome, Chromium или Edge. Расширение нужно для снимков вручную.
Как скрыть секреты на снимке?
Параметрами `--redact` с селектором CSS, `--redact-pattern` с шаблонами `email`, `phone`, `secret` и `--redact-rect` с прямоугольником. Если цель сместилась, снимок не записывается.
Уходят ли данные в облако?
По умолчанию нет, все локально. Только при `--cloud` или `cloud: true` адрес страницы и параметры отправляются на OpenScreenShot Cloud.
Какие форматы поддерживаются?
Расширение экспортирует PNG, JPEG, WebP и многостраничный PDF и копирует в буфер обмена. CLI в примере из README сохраняет PNG.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыСкилл помогает агенту снимать окна macOS для тестов и документации: выбирать размеры и инструмент, сохранять файлы
BrowserStack MCP Server — тесты на реальных устройствах
BrowserStack MCP Server
Официальный MCP-сервер BrowserStack: реальные устройства, автотесты и тест-кейсы под управлением агента из редактора
Команда npx @wong2/mcp-cli запускает MCP-серверы из конфига Claude Desktop, показывает инструменты и вызывает их из терминала.
MCP-сервер и расширение Chrome отдают агенту консоль, сетевые ошибки, исключения, записи действий и аудиты страницы.
MCP Accessibility Scanner запускает проверки axe, обход фокуса клавиатурой и сохраняет отчеты о доступности страниц
CLI sbx и MCP-сервер запускают приложение агента в чистой Windows Sandbox и возвращают отчет со скриншотами и сбоями
Коротко о README
README представляет расширение с полным снимком, правкой и экспортом, затем перечисляет руководства, способы установки в Chrome и Firefox и раздел про CLI и MCP. Отдельно сказано про облачный режим, маскировку, сценарии для DevOps и CI, лицензию MIT и дорожную карту.