# DesignDiff MCP

> Use this tool when you need to verify the accuracy of AI-generated UI code against Figma design specifications. It solves the problem of ensuring design consistency by comparing computed CSS and returning fixes with parity reports. The tool takes Figma designs and AI-generated UI code as input and outputs patch-ready fixes and scored parity reports, making it ideal for use in UI development and design validation contexts.

Canonical page: https://skillsregistry.net/skills/valkyrie2048-designdiff  
JSON: https://api.skillsregistry.net/v1/skills/valkyrie2048-designdiff

## Description

Verifies that AI-generated UI code matches Figma design specs by rendering components in a real browser, comparing computed CSS, and returning patch-ready fixes with scored parity reports.

## Trust

- **Trust score (0–1):** 0.69
- **Verification tier:** scanned
- **Last scanned:** 2026-08-30

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** browser-automation
- **Updated:** 2026-08-30

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/i0pp9ghlvk)
- **Repository:** <https://github.com/Valkyrie2048/DesignDiff>

## 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": "valkyrie2048-designdiff"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/valkyrie2048-designdiff` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/valkyrie2048-designdiff/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