Image Diff MCP server
{
"mcpServers": {
"pulsemcp-image-diff": {
"command": "npx",
"args": [
"-y",
"@pulsemcp/image-diff-mcp-server@latest"
],
"env": {
"AGENT_ORCHESTRATOR_BASE_URL": "https://...",
"FLY_IO_API_TOKEN": "<fly_io_api_token>"
}
}
}
}{
"mcpServers": {
"pulsemcp-image-diff": {
"command": "npx",
"args": [
"-y",
"@pulsemcp/image-diff-mcp-server@latest"
],
"env": {
"AGENT_ORCHESTRATOR_BASE_URL": "https://...",
"FLY_IO_API_TOKEN": "<fly_io_api_token>"
}
}
}
}{
"mcpServers": {
"pulsemcp-image-diff": {
"command": "npx",
"args": [
"-y",
"@pulsemcp/image-diff-mcp-server@latest"
],
"env": {
"AGENT_ORCHESTRATOR_BASE_URL": "https://...",
"FLY_IO_API_TOKEN": "<fly_io_api_token>"
}
}
}
}{
"servers": {
"pulsemcp-image-diff": {
"command": "npx",
"args": [
"-y",
"@pulsemcp/image-diff-mcp-server@latest"
],
"env": {
"AGENT_ORCHESTRATOR_BASE_URL": "${input:agent_orchestrator_base_url}",
"FLY_IO_API_TOKEN": "${input:fly_io_api_token}"
}
}
},
"inputs": [
{
"id": "agent_orchestrator_base_url",
"type": "promptString",
"description": "Agent orchestrator base url",
"password": true
},
{
"id": "fly_io_api_token",
"type": "promptString",
"description": "Fly io api token",
"password": true
}
]
}{
"mcpServers": {
"pulsemcp-image-diff": {
"command": "npx",
"args": [
"-y",
"@pulsemcp/image-diff-mcp-server@latest"
],
"env": {
"AGENT_ORCHESTRATOR_BASE_URL": "https://...",
"FLY_IO_API_TOKEN": "<fly_io_api_token>"
}
}
}
}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 @pulsemcp/image-diff-mcp-serverversion 0.1.3
What it does
This MCP server enables programmatic comparison of images and generation of visual diffs. It is for developers who need to compare design mocks against UI implementations or verify visual changes between versions.
- Compare design mockups against implemented UI screenshots to identify visual discrepancies.
- Generate visual diff reports showing pixel-level changes between two versions of an image.
- Detect and handle anti-aliasing artifacts when comparing images of different sizes or rendering contexts.
Tools this server exposes
| Tool | Does |
|---|---|
| compare_images | Compares two images and generates a visual diff with pixel-level difference detection and heatmap visualization. |
| align_and_compare | Automatically aligns images of different sizes before comparison. |
This entry comes from the registry but points to no public repository, so there is nothing to check: no commit history, no source, no tool list. It is listed for completeness and left out of search engines.
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.