# MCP Design System Extractor

> Use this tool when you need to integrate AI assistants with Storybook design systems, extract component HTML, or analyze styles to facilitate design system adoption and refactoring. It enables seamless interaction between AI agents and design systems, solving problems related to design consistency and automation. The extractor takes in design system data and outputs component HTML and style analysis, making it ideal for use cases involving design system implementation and optimization.

Canonical page: https://skillsregistry.net/skills/freema-mcp-design-system-extractor  
JSON: https://api.skillsregistry.net/v1/skills/freema-mcp-design-system-extractor

## Description

Server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

## Trust

- **Trust score (0–1):** 0.90
- **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/dxg9ppei6u)
- **Repository:** <https://github.com/freema/mcp-design-system-extractor>

## 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": "freema-mcp-design-system-extractor"
    }
  }
}
```

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