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.

「メディアとデザイン」の他のコンテンツ

Pixel Art Generator - Sprite Fusion

Hugo Duprez

Sprite Fusion lets your AI assistant make the pixel art for your game. Describe a character, item, or tile and get sprites at the exact size you need, ready to drop into your project. Match your existing art, turn charac

Riddle Quiz Maker

Riddle.com

Creates and manages quizzes, polls, surveys, personality tests, forms, predictors, minigames and leaderboards on Riddle.com – with branching logic, custom design, live stats and embed code.

UGCfy AI

Break down any TikTok or Instagram Reels ad and rewrite it for your product, right inside Claude, Cursor, or ChatGPT. Hooks, UGC scripts, and CPM. Free, no API key.

Vid Kraken

YouTube download API and MCP server. Download YouTube videos as MP4 (360p–4K) or audio as MP3/AAC, cut clips by start and end time, and get video metadata. No yt-dlp, proxies or cookies to maintain; 99.99% of downloads s

Generate Greetings

Create greetings and personalized PNG cards for 30 occasions in 15 languages, including Hindi, Greek and Hebrew. Free remote MCP with curated phrases, occasion-matched backgrounds and four styles, including motivational.