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 服务器

Sleek

Design your mobile app UI with AI, then have your coding agent build the real app from it.

Claude Image Generation

Visual Sandbox

Visual Sandbox runs image, video, audio, 3D and vector models behind one MCP server. Your agent lists the catalogue, reads a model's inputs, estimates the cost, starts a generation and collects the result. You pay per ge

Organize with AI (OwAI)

Alexander Visheratin

Search and manage photo and video libraries through AI assistants. Find images and video moments, review duplicates, and organize collections, groups, favorites and people across local folders, Apple Photos and OneDrive.

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.

Multi Upload Tool

Publish and schedule videos to TikTok, YouTube Shorts, Instagram, Facebook, LinkedIn, Pinterest, Bluesky, Threads and X from Claude, Cursor or any MCP client.