Snapdiff MCP server
{
"mcpServers": {
"snapdiff": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@latest"
],
"env": {
"SNAPDIFF_API_KEY": "<snapdiff_api_key>",
"SNAPDIFF_API_URL": "https://..."
}
}
}
}{
"mcpServers": {
"snapdiff": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@latest"
],
"env": {
"SNAPDIFF_API_KEY": "<snapdiff_api_key>",
"SNAPDIFF_API_URL": "https://..."
}
}
}
}{
"mcpServers": {
"snapdiff": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@latest"
],
"env": {
"SNAPDIFF_API_KEY": "<snapdiff_api_key>",
"SNAPDIFF_API_URL": "https://..."
}
}
}
}{
"servers": {
"snapdiff": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@latest"
],
"env": {
"SNAPDIFF_API_KEY": "${input:snapdiff_api_key}",
"SNAPDIFF_API_URL": "${input:snapdiff_api_url}"
}
}
},
"inputs": [
{
"id": "snapdiff_api_key",
"type": "promptString",
"description": "Snapdiff api key",
"password": true
},
{
"id": "snapdiff_api_url",
"type": "promptString",
"description": "Snapdiff api url",
"password": true
}
]
}{
"mcpServers": {
"snapdiff": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@latest"
],
"env": {
"SNAPDIFF_API_KEY": "<snapdiff_api_key>",
"SNAPDIFF_API_URL": "https://..."
}
}
}
}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 @corralimited/snapdiff-mcpversion 0.5.0
What it does
MCP server that exposes visual diff and screenshot tools from SnapDiff. Agents can compare web pages visually, capture screenshots, detect UI changes, and render HTML to images. Intended for coding agents that need to verify UI changes and catch visual drift.
- Verify that UI changes made by an agent match the intended modification by comparing screenshots and getting a pass/fail verdict.
- Detect visual regressions by comparing a current page state against a stored baseline.
- Generate preview images of HTML/CSS for OG cards, social images, or email headers.
Tools this server exposes
| Tool | Does |
|---|---|
| snapdiff_verify_ui_change | Checks whether a visual change matches the agent's stated intent and returns a verdict (pass, expected_change_detected, unexpected_regression, no_change_detecte |
| snapdiff_compare_pages | Performs a raw visual diff between two URLs or between a URL and a stored project baseline, returning diff percentage and a highlighted diff image. |
| snapdiff_capture_screenshot | Captures a screenshot of any given URL. |
| snapdiff_html_to_image | Renders HTML and CSS to an image file. |
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.