# Component MCP Server

> Use this tool when you need to bridge the gap between design and development, connecting Figma designs to React components for automated code generation. It solves the problem of manual coding and import management, enabling AI tools to produce production-ready code with accurate imports. Ideal for use cases where design-to-code workflows require efficiency and precision.

Canonical page: https://skillsregistry.net/skills/mirabelle514-mcp-starter-repo  
JSON: https://api.skillsregistry.net/v1/skills/mirabelle514-mcp-starter-repo

## Description

Connects Figma designs to React components using your actual component library, enabling AI tools to generate production-ready code with proper imports.

## Trust

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

## Facts

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

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/sxo30bbpbc)
- **Repository:** <https://github.com/Mirabelle-Workspace/MCP-Starter-Repo>

## 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": "mirabelle514-mcp-starter-repo"
    }
  }
}
```

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