# Design-Code Registry MCP

> Design-Code Registry MCP — mrasadi-design-code-registry-mcp. Use this tool when you need to bridge the gap between design and code, ensuring consistency and reusability across different frameworks and design tools. The Design-Code Registry MCP maps design elements to their code equivalents, providing AI agents with accurate resolution and discovery of existing components. It supports various frameworks, including React, Vue, Flutter, and SwiftUI, making it ideal for streamlining design-to-code workflows.

Canonical page: https://skillsregistry.net/skills/mrasadi-design-code-registry-mcp  
JSON: https://api.skillsregistry.net/v1/skills/mrasadi-design-code-registry-mcp

## Description

Maps design components, tokens, and patterns to their code implementations, providing AI coding agents with exact-match resolution across any design tool and framework. Enables agents to reliably discover and reuse existing components across React, Vue, Flutter, SwiftUI, and more.

## Trust

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

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** maps-location
- **Updated:** 2026-08-28

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/bwfvv4mwm4)
- **Repository:** <https://github.com/mrasadi/design-code-registry-mcp>

## 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": "mrasadi-design-code-registry-mcp"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/mrasadi-design-code-registry-mcp` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/mrasadi-design-code-registry-mcp/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