MCP Design System Extractor

@freema

代码仓库

基本信息

分类

媒体与设计

许可证

MIT license

传输方式

stdio

作者

freema

关于 MCP Design System Extractor

MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

#mcp #design-system#extractor

MCP Design System Extractor 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

MCP Design System Extractor 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is mcp-design-system-extractor?

mcp-design-system-extractor is an MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. It allows extraction of component HTML, analysis of styles, and assists with design system adoption and refactoring.

How to use mcp-design-system-extractor?

—

Key features of mcp-design-system-extractor

Interact with Storybook design systems
Extract component HTML
Analyze styles in components
Assist with design system adoption
Support design system refactoring

Use cases of mcp-design-system-extractor

Extracting component HTML from an existing Storybook for documentation
Analyzing component styles to identify inconsistencies across a design system
Guiding AI assistants in refactoring code to match a target design system
Supporting migrations by surfacing component details from Storybook

常见问题

What design system platforms does it support?

It works with Storybook design systems.

What can it extract from components?

It can extract component HTML.

What can it analyze?

It can analyze styles in components.

What is the protocol used?

It is an MCP (Model Context Protocol) server.

What is the primary purpose of this server?

It helps with design system adoption and refactoring.

媒体与设计分类下的更多 MCP 服务器

Paperjoy

Send real handwritten postcards in Poland from Claude, Cursor, or any MCP client. A robot writes with a real pen, addresses the envelope, and mails via Poczta Polska.

InstantClips

InstantStudioAI

InstantClips turns an e-commerce product into short-form vertical video for TikTok, Instagram Reels and Stories. Import a product from its page URL or photos, generate on-brand video ads, and manage brands/products throu

Notch

Create finished video ads from chat. Give Notch a brief or product URL — it loads your brand context, writes the script, and produces the finished ad: avatar, scenes, voiceover, captions. Built for performance marketers,

Artlist

Generate images, videos, music, and voice-overs directly from your AI agent. The full Artlist AI creative suite as an MCP server — works with Claude, ChatGPT, and VS Code, with more platforms coming soon.

Poster MCP — AI Poster Generator

aistudy11

AI Poster Generator for shop promotions and events in ChatGPT and Claude on the web. Connect free with your Poster account. Quotes and reads are free; generation uses your own Poster credits.