# Palette MCP

> Use this tool when you need to streamline design-to-development workflows by converting Figma designs into reusable React or Vue code, solving consistency and custom CSS issues. It takes Figma designs as input and outputs compatible code, utilizing existing Design System components for enforcement. Ideal for teams seeking to maintain design integrity and efficiency in their front-end development process.

Canonical page: https://skillsregistry.net/skills/opti-kjh-palatte  
JSON: https://api.skillsregistry.net/v1/skills/opti-kjh-palatte

## Description

Converts Figma designs to React/Vue code using existing Design System components, ensuring consistency by enforcing component library usage instead of custom CSS or Tailwind.

## Trust

- **Trust score (0–1):** 1.00
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

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

## Source

- **Source listing:** [Glama](https://glama.ai/mcp/servers/rs1hoplxir)
- **Repository:** <https://github.com/Opti-kjh/palette>

## 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": "opti-kjh-palatte"
    }
  }
}
```

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