Screenshots MCP server
{
"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>"
}
}
}
}{
"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>"
}
}
}
}{
"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>"
}
}
}
}{
"servers": {
"snapshot-site-screenshots": {
"command": "npx",
"args": [
"-y",
"@snapshot-site/mcp@latest"
],
"env": {
"OIDC_DISCOVERY_CLIENT_ID": "${input:oidc_discovery_client_id}",
"SNAPSHOT_SITE_API_KEY": "${input:snapshot_site_api_key}",
"SNAPSHOT_SITE_BASE_URL": "${input:snapshot_site_base_url}",
"MCP_PATH": "${input:mcp_path}",
"HEALTH_PATH": "${input:health_path}",
"MCP_ALLOWED_HOSTS": "${input:mcp_allowed_hosts}"
}
}
},
"inputs": [
{
"id": "oidc_discovery_client_id",
"type": "promptString",
"description": "Oidc discovery client id",
"password": true
},
{
"id": "snapshot_site_api_key",
"type": "promptString",
"description": "Snapshot site api key",
"password": true
},
{
"id": "snapshot_site_base_url",
"type": "promptString",
"description": "Snapshot site base url",
"password": true
},
{
"id": "mcp_path",
"type": "promptString",
"description": "Mcp path",
"password": true
},
{
"id": "health_path",
"type": "promptString",
"description": "Health path",
"password": true
},
{
"id": "mcp_allowed_hosts",
"type": "promptString",
"description": "Mcp allowed hosts",
"password": true
}
]
}{
"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)file claude_desktop_config.jsonfile ~/.cursor/mcp.jsonfile .vscode/mcp.jsonfile ~/.codeium/windsurf/mcp_config.jsoninstall 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
| Tool | Does |
|---|---|
| screenshot | Capture a screenshot of a webpage. |
| compare | Compare two screenshots to detect visual differences between page versions. |
| analyze | Analyze 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.