OpenScreenShot — MCP-сервер для Claude Code: что делает
Делает снимки веб-страниц через локальный браузер или облако. Пригодится при проверке вёрстки и отладке интерфейсов агентами.
claude mcp add --env CHROME_PATH=<CHROME_PATH> --env OPENSCREENSHOT_API_KEY=<OPENSCREENSHOT_API_KEY> --env OPENSCREENSHOT_CLOUD_URL=<OPENSCREENSHOT_CLOUD_URL> --transport stdio mcp -- npx -y openscreenshotЧто делает OpenScreenShot
Сервер даёт агенту инструмент capture_screenshot для съёмки веб-страниц. Программа управляет уже установленным в системе браузером (Google Chrome или Microsoft Edge), поэтому не скачивает тяжёлые бинарники при установке. Снимок можно сделать как для видимой области, так и во всю высоту страницы с сохранением в PNG. Встроенные правила маскирования позволяют автоматически закрывать конфиденциальную информацию: адреса почты, пароли или элементы по CSS-селекторам.
Для локальной работы требуется среда Node.js от версии 22.12 и рабочий браузер на базе Chromium. Без установленного Chrome или Edge локальный вызов сразу завершится ошибкой. Опциональный облачный режим избавляет от системных зависимостей и открывает сохранение в PDF или WebP.
Какие задачи решает
- снять полноразмерный скриншот веб-страницы агентом
- проверить адаптивность вёрстки на нестандартных разрешениях
- замазать персональные данные и токены на снимке интерфейса
- экспортировать страницу в PDF или WebP через удалённый рендер
Примеры запросов агенту
- Сделай полный скриншот страницы
https://example.comи сохрани вpreview.png - Сними экран
https://example.comс разрешением 390x844 для мобильной проверки - Сделай скриншот
https://example.com, закрыв все email-адреса и блок#user-profile
Как установить OpenScreenShot
1Командой платформы
claude mcp add --env CHROME_PATH=<CHROME_PATH> --env OPENSCREENSHOT_API_KEY=<OPENSCREENSHOT_API_KEY> --env OPENSCREENSHOT_CLOUD_URL=<OPENSCREENSHOT_CLOUD_URL> --transport stdio mcp -- npx -y openscreenshotВместо <…> подставьте свои значения
2Командой платформы: удалённый сервер
claude mcp add --transport http mcp https://cloud.openscreenshot.app/mcp1Командой платформы: удалённый сервер
codex mcp add mcp --url https://cloud.openscreenshot.app/mcp2Командой платформы
codex mcp add mcp --env CHROME_PATH=<CHROME_PATH> --env OPENSCREENSHOT_API_KEY=<OPENSCREENSHOT_API_KEY> --env OPENSCREENSHOT_CLOUD_URL=<OPENSCREENSHOT_CLOUD_URL> -- npx -y openscreenshotВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"mcp": {
"url": "https://cloud.openscreenshot.app/mcp"
}
}
}{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"CHROME_PATH": "<CHROME_PATH>",
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>",
"OPENSCREENSHOT_CLOUD_URL": "<OPENSCREENSHOT_CLOUD_URL>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"mcp": {
"type": "http",
"url": "https://cloud.openscreenshot.app/mcp"
}
}
}{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"CHROME_PATH": "<CHROME_PATH>",
"OPENSCREENSHOT_API_KEY": "<OPENSCREENSHOT_API_KEY>",
"OPENSCREENSHOT_CLOUD_URL": "<OPENSCREENSHOT_CLOUD_URL>"
}
}
}
}Вместо <…> подставьте свои значения
1Командой платформы: удалённый сервер
gemini mcp add -t http mcp https://cloud.openscreenshot.app/mcp2Командой платформы
gemini mcp add -e CHROME_PATH=<CHROME_PATH> -e OPENSCREENSHOT_API_KEY=<OPENSCREENSHOT_API_KEY> -e OPENSCREENSHOT_CLOUD_URL=<OPENSCREENSHOT_CLOUD_URL> mcp npx -y openscreenshotВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о OpenScreenShot
Как установить OpenScreenShot в Claude Code?
Для локального режима выполните команду claude mcp add openscreenshot -e OPENSCREENSHOT_API_KEY=<OPENSCREENSHOT_API_KEY> -- npx -y openscreenshot. Для удалённого подключения запустите claude mcp add --transport http mcp https://cloud.openscreenshot.app/mcp.
Что делает OpenScreenShot?
Он подключает инструмент автоматического создания снимков веб-страниц через системный браузер. Сервер умеет захватывать экран целиком или в рамках заданного окна, маскируя конфиденциальные блоки текста.
Что требуется для локальной работы сервера?
Необходима установленная платформа Node.js версии 22.12 или выше, а также браузер Google Chrome или Microsoft Edge. Собственный браузер в пакет не входит.
