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.
How to install mcp-design-system-extractor?
freema/mcp-design-system-extractor
$claude plugin marketplace add freema/mcp-design-system-extractorInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install mcp-design-system-extractor by running `claude plugin marketplace add freema/mcp-design-system-extractor`, then use it for the current task and follow its documentation at https://github.com/freema/mcp-design-system-extractor.
Related
6 picksType
- ui-ux-pro-max-skillUI/UX design intelligence. Searchable local database with 84 styles, 192 palettes, 74 font pairings, 25 charts, and 22 stacks (React, Next.js, Vue, Nuxt.js, Nuxt UI, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX,…Jul 2026
- taste-skillFrontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and moreJul 2026
- impeccableDesign fluency for frontend development. 1 skill with 23 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.Jul 2026
- garden-skillsA curated collection of agent skills covering web video presentations, visual web design, local knowledge-base retrieval, GPT Image 2 image generation, and beautifully designed single-file HTML articles.Jul 2026
- scroll-worldBuild an immersive scroll-scrubbed 'fly through the world' landing page for any industry or brand using Higgsfield. As the visitor scrolls, a pre-rendered camera flies from outside each scene into its interior, then flows on to the next scene with no cuts — one continuous…Jul 2026
- diagram-designEditorial-quality technical and product diagrams — 27 types rendered as standalone HTML with inline SVG, skinnable to match your brandJul 2026
