# MCP Design Comparison Server

> Use this tool when you need to compare and analyze visual differences between design and implementation screenshots. It solves problems such as identifying discrepancies and errors in UI implementation by generating visual diff images and metrics through pixel-by-pixel analysis. The tool takes design and implementation screenshots as input and outputs visual diff images and metrics, ideal for use in UI testing and quality assurance contexts.

Canonical page: https://skillsregistry.net/skills/w01fgang-mcp-design-comparison  
JSON: https://api.skillsregistry.net/v1/skills/w01fgang-mcp-design-comparison

## Description

Compare design and implementation screenshots using pixel-by-pixel analysis, generating visual diff images and metrics.

## Trust

- **Trust score (0–1):** 0.70
- **Verification tier:** verified
- **Last scanned:** 2026-08-31

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** media
- **Updated:** 2026-08-31

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/bag9ilbfcp)
- **Repository:** <https://github.com/w01fgang/mcp-design-comparison>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "w01fgang-mcp-design-comparison"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/w01fgang-mcp-design-comparison` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/w01fgang-mcp-design-comparison/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt