Visual-diff & change-detection tools that catch agentic UI drift for coding agents.
registry version 0.5.0
npm
npx -y @corralimited/snapdiff-mcpnpm
npx -y @corralimited/snapdiff-mcp@0.5.0
Pick your client — the config below is generated for this server (local stdio). Copy respects the “Pin version” switch above.
claude_desktop_config.json
{
"mcpServers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}{
"mcpServers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@0.5.0"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}Format verified against the official Claude Desktop docs ↗.
terminal
claude mcp add --env SNAPDIFF_API_KEY=<YOUR_SNAPDIFF_API_KEY> mcp-138 -- npx -y @corralimited/snapdiff-mcp
claude mcp add --env SNAPDIFF_API_KEY=<YOUR_SNAPDIFF_API_KEY> mcp-138 -- npx -y @corralimited/snapdiff-mcp@0.5.0
Format verified against the official Claude Code docs ↗.
.cursor/mcp.json
{
"mcpServers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}{
"mcpServers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@0.5.0"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}Format verified against the official Cursor docs ↗.
.vscode/mcp.json
{
"servers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}{
"servers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@0.5.0"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}Format verified against the official VS Code docs ↗.
mcp_config.json
{
"mcpServers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}{
"mcpServers": {
"mcp-138": {
"command": "npx",
"args": [
"-y",
"@corralimited/snapdiff-mcp@0.5.0"
],
"env": {
"SNAPDIFF_API_KEY": "<YOUR_SNAPDIFF_API_KEY>"
}
}
}
}Format verified against the official Windsurf docs ↗.
Defined in the server's official registry manifest. Required secrets are shown as <YOUR_…> placeholders in the configs above.
SNAPDIFF_API_KEY required secret — SnapDiff API key. Get one at https://snapdiff.ai/dashboard.SNAPDIFF_API_URL — Override the API base URL. Defaults to https://api.snapdiff.ai/v1.⭐ 5 stars · 最近更新于 48 天前 · MIT license
@corralimited/snapdiff mcp Standalone MCP server for SnapDiff. Exposes four tools to local agents: Compare two web pages visually — diff percentage plus a highlighted diff image Capture a screenshot of any URL Check whether a page changed vs. a previous capture Render HTML/CSS to an image (OG cards…
Summary from the project README — github.com/corralimited/snapdiff-mcp
Distributed as npm, listed under AI Agents. Review our MCP security guide before granting access to real data.
@corralimited/snapdiff mcp Standalone MCP server for SnapDiff. Exposes four tools to local agents: Compare two web pages visually — diff percentage plus a highlighted diff image Capture a screenshot of any URL Check whether a page changed vs. a previous capture Render HTML/CSS to an image (OG cards
Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.
The MCP server itself is free to install. The source is public on https://github.com/corralimited/snapdiff-mcp. Any third-party service it calls may require its own API key and account.
Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.
Publish this server? Link back with a badge on your README or site — copy either snippet.
Markdown
[](https://mcpnav.net/server/mcp-138/)
HTML
<a href="https://mcpnav.net/server/mcp-138/"><img src="https://mcpnav.net/badge/mcp-138.svg" alt="Listed on MCPNav" height="20"></a>