just-every/mcp-screenshot-website-fast

just-every/mcp-screenshot-website-fast

от just-every
Быстрый MCP-сервер для скриншотов веб-страниц, оптимизированный под Claude Vision. Автоматически разбивает полные страницы на тайлы 1072x1072. Поддерживает скринкасты, захват CSS-селекторов и настр...

@just-every/mcp-screenshot-website-fast

Fast, efficient screenshot capture of web pages - optimized for CLI coding tools. Automatically tiles full pages into 1072x1072 chunks for optimal processing.

Screenshot Website Fast MCP server

npm version GitHub Actions

Overview

Built specifically for AI vision workflows, this tool captures high-quality screenshots with automatic resolution limiting and tiling for optimal processing by Claude Vision API and other AI models. It ensures screenshots are perfectly sized at 1072x1072 pixels (1.15 megapixels) for maximum compatibility.

Features

  • 📸 Fast screenshot capture using Puppeteer headless browser
  • 🎯 Claude Vision optimized with automatic resolution limiting (1072x1072 for optimal 1.15 megapixels)
  • 🔲 Automatic tiling - Full pages are automatically split into 1072x1072 tiles
  • 🎬 Screencast capture - Record series of screenshots over time with configurable intervals
  • 🔄 Always fresh content - No caching ensures up-to-date screenshots
  • 📱 Configurable viewports for responsive testing
  • ⏱️ Wait strategies for dynamic content (networkidle, custom delays)
  • 📄 Full page capture by default for complete page screenshots
  • 🎥 Animated WebP export - Save screencasts as high-quality animated WebP files
  • 💉 JavaScript injection - Execute custom JS before screencast capture
  • 📦 Minimal dependencies for fast npm installs
  • 🔌 MCP integration for seamless AI workflows
  • 🪟 Windows-compatible launcher for npm-installed MCP usage
  • 🔋 Resource efficient - Automatic browser cleanup after 60 seconds of inactivity
  • 🧹 Memory management - Pages are closed after each screenshot to prevent leaks

Часто задаваемые вопросы

Инструменты были проиндексированы:
capture_consoleтолько чтениевнешний мир

Захватывает вывод консоли с веб-страницы. Принимает URL-адрес, необязательную JS-команду для выполнения и время ожидания (по умолчанию 4 секунды). Возвращает все сообщения консоли за это время.

Параметры
  • durationnumber

    Продолжительность захвата вывода консоли в секундах.

  • jsCommandstring

    Необязательная команда JavaScript для выполнения на странице.

  • urlstringобязательный

    HTTP/HTTPS URL для захвата консоли

  • waitUntilstring

    Ожидать события: load, domcontentloaded, networkidle0, networkidle2

capture_selectorтолько чтениевнешний мир

Захватывает снимок экрана конкретного DOM-элемента, соответствующего CSS-селектору. Используйте этот инструмент, когда полностраничный снимок экрана отправляет лишние пиксели.

Параметры
  • heightnumber

    Высота области просмотра в пикселях (максимум 1072)

  • selectorstringобязательный

    CSS-селектор элемента, который нужно захватить.

  • selectorTimeoutMSnumber

    Сколько ждать появления селектора перед сбоем

  • urlstringобязательный

    HTTP/HTTPS URL для захвата

  • waitForMSnumber

    Дополнительное время ожидания в миллисекундах.

  • waitUntilstring

    Ожидать события: load, domcontentloaded, networkidle0, networkidle2

  • widthnumber

    Ширина области просмотра в пикселях (максимум 1072)

take_screencastтолько чтениевнешний мир

Делает серию скриншотов веб-страницы с течением времени, создавая скринкаст. Использует адаптивную частоту кадров: интервалы 100 мс для ≤5 с, 200 мс для 5–10 с, 500 мс для >10 с. Формат PNG: отдельные кадры. Формат WebP: анимированный WebP с 4-секундной паузой в конце для зацикливания.

Параметры
  • directorystring

    Сохраните скринкаст в каталог. Укажите формат параметром "format".

  • durationnumber

    Общая продолжительность скринкаста в секундах.

  • formatenum

    Формат вывода при использовании каталога: "png" для отдельных PNG-файлов, "webp" для анимированных WebP (по умолчанию)

  • heightnumber

    Высота области просмотра в пикселях (максимум 1072)

  • jsEvaluatestring | string[]

    JavaScript-код для выполнения. Строка: одна инструкция после первого скриншота. Массив: делает скриншот перед каждой инструкцией, затем продолжает захват, пока не закончится длительность.

  • qualityenum

    Уровень качества WebP (применяется только если формат — «webp»): низкий (50), средний (75), высокий (90)

  • urlstringобязательный

    HTTP/HTTPS URL для захвата

  • waitUntilstring

    Ожидать события: load, domcontentloaded, networkidle0, networkidle2

  • widthnumber

    Ширина области просмотра в пикселях (максимум 1072)

take_screenshotтолько чтениевнешний мир

Быстрый и эффективный захват скриншотов веб-страниц, оптимизированный для CLI-инструментов разработки. Используйте это после обновления веб-страниц, чтобы убедиться, что ваши изменения отображаются правильно. Автоматически разбивает полные страницы на фрагменты 1072x1072 для оптимальной обработки.

Параметры
  • directorystring

    Сохраняет тайловые скриншоты в локальную директорию (возвращает пути к файлам вместо base64)

  • fullPageboolean

    Захват полного скриншота страницы с тайлингом. Если false, захватывается только область просмотра.

  • urlstringобязательный

    HTTP/HTTPS URL для захвата

  • waitForMSnumber

    Дополнительное время ожидания в миллисекундах.

  • waitUntilstring

    Ожидать события: load, domcontentloaded, networkidle0, networkidle2

  • widthnumber

    Ширина области просмотра в пикселях (максимум 1072)

0.1.41основная
0.1.40
0.1.39
0.1.38
0.1.37
0.1.36
0.1.35
0.1.34
0.1.33
0.1.32
0.1.31
0.1.30
0.1.29
0.1.28
0.1.27
0.1.26
0.1.25
0.1.23
0.1.22
0.1.21
0.1.20
0.1.19
0.1.18
0.1.17
0.1.16
0.1.15
0.1.14
0.1.13
0.1.12
0.1.11
0.1.10
0.1.9
0.1.8
0.1.7
0.1.6
0.1.5
0.1.4

Выберите клиент, чтобы установить just-every/mcp-screenshot-website-fast:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}
CursorCursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}
VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"just-every-mcp-screenshot-website-fast-ujyis97om1\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"@just-every/mcp-screenshot-website-fast\"]}"
ClaudeClaude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
  • Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}
Claude CodeClaude Code

Добавьте сервер одной командой в терминале:

claude mcp add just-every-mcp-screenshot-website-fast-ujyis97om1 -- npx -y @just-every/mcp-screenshot-website-fast

Либо через JSON-конфиг:

claude mcp add-json just-every-mcp-screenshot-website-fast-ujyis97om1 "{\"command\":\"npx\",\"args\":[\"-y\",\"@just-every/mcp-screenshot-website-fast\"]}"
CodexCodex

Добавьте сервер командой в терминале:

codex mcp add just-every-mcp-screenshot-website-fast-ujyis97om1 -- npx -y @just-every/mcp-screenshot-website-fast

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.just-every-mcp-screenshot-website-fast-ujyis97om1]
command = "npx"
args = ["-y", "@just-every/mcp-screenshot-website-fast"]
PerplexityPerplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

  1. Откройте Настройки аккаунта → Connectors.
  2. Установите вспомогательное приложение PerplexityXPC (один раз).
  3. Нажмите Add Connector → вкладка Simple.
  4. В поле Server Name укажите just-every/mcp-screenshot-website-fast, а в поле команды запуска — строку ниже:
npx -y @just-every/mcp-screenshot-website-fast

Нажмите Save и дождитесь статуса Running.

WindsurfWindsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}
ClineCline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ],
      "disabled": false,
      "autoApprove": []
    }
  }
}
Continue

Создайте файл в .continue/mcpServers/ (например just-every-mcp-screenshot-website-fast-ujyis97om1.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: just-every-mcp-screenshot-website-fast-ujyis97om1
    command: npx
    args:
      - "-y"
      - "@just-every/mcp-screenshot-website-fast"
Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "just-every-mcp-screenshot-website-fast-ujyis97om1": {
      "command": "npx",
      "args": [
        "-y",
        "@just-every/mcp-screenshot-website-fast"
      ]
    }
  }
}

Похожие MCP-сервера

site-shot/site-shot-mcp

site-shot/site-shot-mcp

от site-shot

MCP-сервер для создания скриншотов веб-страниц через Site-Shot с реальным рендерингом Chromium. Поддерживает полностраничный захват, автоматическое удаление рекламы и cookie-баннеров. Работает с Cl...

JavaScript⭐ 3
mcpware/ui-annotator-mcp

mcpware/ui-annotator-mcp

от mcpware

MCP сервер, который через обратный прокси добавляет на любую веб-страницу визуальные подписи ко всем элементам. Наведите курсор – увидите имя, селектор и размеры. Теперь вы и AI говорите на одном я...

JavaScript⭐ 21
keiver/image-tiler-mcp-server

keiver/image-tiler-mcp-server

от keiver

MCP-сервер для полноразрешительного зрения LLM: разбивает крупные изображения и целые веб-страницы на тайлы, сохраняя детали, которые теряются при автоматическом сжатии. Полезен разработчикам и QA ...

TypeScript⭐ 4
kimtth/mcp-aoai-web-browsing

kimtth/mcp-aoai-web-browsing

от kimtth

Сервер MCP для браузерной автоматизации через Playwright, интегрированный с Azure OpenAI и OpenAI. Преобразует инструменты MCP в вызовы функций OpenAI, позволяя AI-агентам управлять веб-страницами....

Python⭐ 35
Playwright MCP

Playwright MCP

официальный

от microsoft

Playwright управляет браузером: открывает страницы, кликает, заполняет формы. Работает по accessibility-дереву, без скриншотов.

TypeScript⭐ 38388
apireno/DOMShell

apireno/DOMShell

от apireno

DOMShell превращает браузер в виртуальную файловую систему: AI-агенты и разработчики управляют веб-страницами через Linux-команды (ls, cd, cat, click). Упрощает автоматизацию, тестирование и веб-ск...

TypeScript⭐ 58
© Каталог MCP, 2026. Все права защищены.
Проект не аффилирован с Anthropic и любыми упомянутыми продуктами.
Все названия и торговые марки принадлежат их владельцам.
Контакты для связи: hi@mcp-katalog.ru

Лука Никитин