MCP server

Design System Extractor

io.github.freema/mcp-design-system-extractor

Checked 26 Oct 2026, 08:31 UTC · Still published on its registry; checked against OSV.dev; never run by us

MCP server for Storybook design systems — extract component HTML, styles and metadata.

Runs on your computer

Source

At a glance

Type: MCP server
Publisher: Not verified
Status: Runs on your computer
Sets up in: Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code
Last checked: 26 Oct 2026, 08:31 UTC

Connect it to your agent

Add to Cursor Add to VS Code VS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

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

Claude Desktop

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

Codex (config.toml)

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

Gemini CLI

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

Cursor

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

VS Code

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

Runs on your computer with your permissions: check the package and its source before installing.

Browse

Related MCP servers

Agentdevx
Give your AI hands. Identity, credential vault, and API gateway for autonomous agents.
Nasaq UI
Nasaq design system docs for agents: 390 components for React, Vue, Blade and HTML, with Arabic RTL.
Digitaltableteur
Design system contracts, docs search, and usage validation for @digitaltableteur components.
DESIGN.md Linter & Extractor
Lint and diff DESIGN.md files with the official Google linter, or write one from a web page.
Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Axint
Proof and repair for Apple coding agents: validate Swift, run Xcode evidence, and repair failures.
Googleapis
Interact with the Stitch API using natural language commands.
Designesy
Design quality gate for AI-generated UI: score any URL on 45 deterministic checks, A–F grade.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.freema/mcp-design-system-extractor.svg)](https://aptlynx.net/servers/io.github.freema/mcp-design-system-extractor)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents