MCP Servers

freema/mcp-design-system-extractor

Name: freema/mcp-design-system-extractor
Author: Various

MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems.

Visit site ↗

Our verdict

Not reviewed yet

We have not reviewed freema/mcp-design-system-extractor yet

No one at Enterprise DNA has checked this listing against its sources. The description comes from public listings gathered automatically. Any fact below shows where it came from and when it was last checked.

How we review records

From the listing

About freema/mcp-design-system-extractor

MCP server that lets AI assistants connect to Storybook design systems to extract component HTML and analyze styles. It helps with design system adoption and refactoring by providing structured access via the Model Context Protocol.

Best for

Teams using Storybook who want to automate design system tasks with AI assistants

Use cases

Extracting component HTML from a Storybook library
Analyzing style usage across design system components
Assisting in migrating components to updated design tokens

Notes

65 stars on GitHub. Last updated 2026-02-04. Licensed MIT.

Pros

Directly integrates with existing Storybook workflows
Uses MCP for standardized AI assistant interaction
Open source and written in TypeScript

Cons

Requires a running Storybook instance
Limited to static extraction and analysis, no dynamic rendering
Relatively small community (65 stars) may limit support

Key facts

What we have checked

Days since the last commit: 3; Checked 9 Nov 2026GitHub
GitHub forks: 14; Checked 9 Nov 2026GitHub
GitHub stars: 73; Checked 9 Nov 2026GitHub
Open issues: 0; Checked 9 Nov 2026GitHub
Releases in the last 90 days: 1; Checked 9 Nov 2026GitHub

Each value shows when we last confirmed it and where it came from. Values we have not confirmed are left out, never guessed.

How to use

How to set it up

As the listing publishes it. We have not run this install.

Install

npm install -g mcp-design-system-extractor

Tools exposed

STORYBOOK_URL
NODE_TLS_REJECT_UNAUTHORIZED

Clients the listing names (not checked here)

Claude Desktop

Install

Add freema/mcp-design-system-extractor to your client

Not verified yet

Our lab has not run this server yet. "Config checked" on a client means the recipe matches that client's documented config format; it does not mean we ran it.

Claude Code

Config checked

Run in your terminal (runs on your computer)

claude mcp add --transport stdio mcp-design-system-extractor -- npx -y mcp-design-system-extractor@1.2.0

Version 1.2.0 · From the Official MCP registry, read 24 Oct 2026 · Format checked against Claude Code's config docs

Claude Desktop

Config checked

Add to claude_desktop_config.json (runs on your computer)

{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-design-system-extractor@1.2.0"
      ]
    }
  }
}

Version 1.2.0 · From the Official MCP registry, read 24 Oct 2026 · Format checked against Claude Desktop's config docs

Cursor

Config checked

Add to .cursor/mcp.json (runs on your computer)

{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-design-system-extractor@1.2.0"
      ]
    }
  }
}

Version 1.2.0 · From the Official MCP registry, read 24 Oct 2026 · Format checked against Cursor's config docs

VS Code

Config checked

Add to .vscode/mcp.json (runs on your computer)

{
  "servers": {
    "mcp-design-system-extractor": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "mcp-design-system-extractor@1.2.0"
      ]
    }
  }
}

Version 1.2.0 · From the Official MCP registry, read 24 Oct 2026 · Format checked against VS Code's config docs

Codex

Config checked

Add to ~/.codex/config.toml (runs on your computer)

[mcp_servers.mcp-design-system-extractor]
command = "npx"
args = ["-y", "mcp-design-system-extractor@1.2.0"]

Version 1.2.0 · From the Official MCP registry, read 24 Oct 2026 · Format checked against Codex's config docs

ChatGPT: ChatGPT connects only to remote servers that need no API key.

Recipes come from the server's entry in the official MCP registry. Check the package name before you run it, and keep keys out of shared files.

Works with

What freema/mcp-design-system-extractor connects to

5 clients, each with how we know and when we checked.

Works with	Type	How we know	Checked
Claude Code	Client	Install recipe matches the client's documented formatRuns locally, version 1.2.0Config checked	24 Oct 2026Claude Code docs
Claude Desktop	Client	Install recipe matches the client's documented formatRuns locally, version 1.2.0Config checked	24 Oct 2026Claude Desktop docs
Cursor	Client	Install recipe matches the client's documented formatRuns locally, version 1.2.0Config checked	24 Oct 2026Cursor docs
VS Code	Client	Install recipe matches the client's documented formatRuns locally, version 1.2.0Config checked	24 Oct 2026VS Code docs
Codex	Client	Install recipe matches the client's documented formatRuns locally, version 1.2.0Config checked	24 Oct 2026Codex docs

Stars and usage

How freema/mcp-design-system-extractor is growing

GitHub stars

72 to 73

stars. 28 Oct 2026 to 9 Nov 2026, 3 readings.

Source: GitHub. Checked 9 Nov 2026.

Health and security

Is freema/mcp-design-system-extractor looked after, and what do its setup files show

Health score

47 out of 100

Does someone look after this repository? It does not say the code is good or safe. Worked out from GitHub signals checked 9 Nov 2026. How it is worked out

Part	Points	What we saw
Recent activity	30 of 30	Last push 3 days ago
Releases	7.5 of 15	1 release in 90 days
Issue replies	Not counted	The latest check has no issue response reading (fewer than 3 measured issues, or issues switched off)
Maintainer	0 of 15	Owned by a single user
Official source	0 of 20	Community server

Security check static checks

100 out of 100

Reads what is published about the server: package advisories, licence, secrets in the documented setup and tool permissions. Nothing is installed or run, so this is not a security assessment. Checked 28 Oct 2026 by edna-static-v1 npm:mcp-design-system-extractor@1.2.0. What it checks

Licence: MIT

Note The lab has not recorded this server's tool list yet, so tool permissions were not checked.

Sources

Where this comes from

GitHubRegistry
Checked 9 Nov 2026 · Days since the last commit, GitHub forks, GitHub stars, Open issues, Releases in the last 90 days

A source shows what was published when we checked it. It does not certify security, performance or a working installation. Read our method.

Changelog

What changed

No changes recorded yet. Releases, price changes and deprecations appear here, with their dates, once we track them for this record.

Pairs with

Other entries in the index that connect to this one. Click through to see the chain.

Uses1 entry

MMCPlowCatalogue

storybookjs/storybook

Various

Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

★ 91,157

Free 27-page guide

Get the free Developer’s Field Guide

A 27-page field guide to the AI coding workflow with Claude. Claude Code, MCP servers, the prompt patterns that work, and what to delegate. Free.

Enter your work email. We send it straight over, plus a few short notes worth knowing. Unsubscribe any time.

← Back to MCP Servers Submit your own entry →