mcpdirectory.dev
9,129 servers · updated 23 Sept

Screenshots MCP server

official from Snapshot Site Active last commit 54 d
{
  "mcpServers": {
    "snapshot-site-screenshots": {
      "command": "npx",
      "args": [
        "-y",
        "@snapshot-site/mcp@latest"
      ],
      "env": {
        "OIDC_DISCOVERY_CLIENT_ID": "<oidc_discovery_client_id>",
        "SNAPSHOT_SITE_API_KEY": "<snapshot_site_api_key>",
        "SNAPSHOT_SITE_BASE_URL": "https://...",
        "MCP_PATH": "/path/to/directory",
        "HEALTH_PATH": "/path/to/directory",
        "MCP_ALLOWED_HOSTS": "<mcp_allowed_hosts>"
      }
    }
  }
}
file .mcp.json (in your project root)install npx -y @snapshot-site/mcpversion 0.1.5

What it does

This MCP server exposes the Snapshot Site API for capturing website screenshots, comparing versions to detect visual changes, and analyzing results with AI. It is for developers who need to monitor visual regressions and test page rendering.

  • Capture screenshots of web pages at different viewport sizes or states to verify rendering.
  • Compare screenshots across page versions to detect unintended visual changes.
  • Analyze captured screenshots with AI to identify layout issues, missing elements, or styling problems.

Tools this server exposes

ToolDoes
screenshotCapture a screenshot of a webpage.
compareCompare two screenshots to detect visual differences between page versions.
analyzeAnalyze a screenshot with AI to identify visual issues or content problems.

Before you enable it

An MCP server runs with whatever access you give it. Start with a development account rather than production, and check which tools the server exposes before you let an agent call them unattended.