io.github.freema/mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and metadata.
Servidor MCP · de freema
Resumen
io.github.freema/mcp-design-system-extractor es un servidor MCP publicado por freema. Marketplaces que leemos y que lo publican: 1 (Official MCP Registry). Lo vimos por primera vez el 2026-10-11 y desde entonces no hemos registrado cambios. Según nuestra pasada por los marketplaces del 2026-10-13.
Qué pide
- Se ejecuta en tu equipo
- Ajustes: 3
Lo que declara, pide y ejecuta, completo
Instale solo plugins de desarrolladores en los que confíe. Mostramos lo que publican los marketplaces y no probamos plugins.
Funciona con
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Un enlace de un clic abre el cliente, que pide confirmación antes de añadir el servidor.
Según los marketplaces que lo listan y el transporte MCP que declara, tal como lo documenta cada cliente. No probamos plugins.
Conectar
Comandos y configuraciones generados solo a partir de lo que declaran sus marketplaces. No los ejecutamos por usted ni probamos plugins.
Como servidor MCP local: paquete npm
Generado a partir de lo que declara Official MCP Registry.
claude mcp add --transport stdio mcp-design-system-extractor -- npx -y mcp-design-system-extractor[mcp_servers.mcp-design-system-extractor]
command = "npx"
args = ["-y", "mcp-design-system-extractor"]{
"mcpServers": {
"mcp-design-system-extractor": {
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor"
]
}
}
}Ajustes opcionales que también indica: DEBUG, NODE_TLS_REJECT_UNAUTHORIZED, STORYBOOK_URL.
Dónde está publicado
| Marketplace | Estado | Versión | Cifras | Verificado | Visto por primera vez |
|---|---|---|---|---|---|
| Official MCP Registry (Abrir el registro) | Publicado | 1.2.0 | Forks (GitHub): 14 Estrellas (GitHub): 70 |
Sin marca |
Cada cifra es del propio marketplace y nunca se suma entre marketplaces. Un marketplace que no publica cifras no muestra ninguna: sin número no es cero.
Qué cambió
Nada ha cambiado en este plugin desde que lo seguimos.
Plugins similares
Productos cuyos propios nombres, descripciones, herramientas y skills son los más cercanos a este por su significado, en todos los marketplaces que leemos. La cercanía se ordena solo dentro de esta lista.
-
zeroheight com.zeroheight/zeroheight
Connect AI assistants to zeroheight styleguides using the Model Context Protocol
-
lanhu-design-mcp io.github.blantian/lanhu-design-mcp
Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units
-
uiscanner io.github.mishaovcharenko/uiscanner
Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.
-
Ground truth about your React design system for coding agents, plus a UI linter they can run.
-
plumb-mcp io.github.tathagat22/plumb-mcp
Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.
-
marmo-ui io.github.mahmoudilyan/marmo-ui
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
-
basalt io.github.basalt-run/basalt
Design tokens, components, icons, and a11y data via MCP. For Cursor, Claude, and Windsurf.
-
Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
-
uxspot-mcp io.github.dockster/uxspot-mcp
uxspot.io UX reference: glossary, AI x UX tools directory, checklists and Learn UX curriculum
Plugins similares por marketplace
La misma pregunta a cada marketplace por separado: ¿hay allí un equivalente de este plugin?
Publicado en Claude Code: claude-plugins-community (5)
-
147 zero-dependency React components with Aurora Fluid design. 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility…
-
Search, preview, inspect, and install MagicPath UI components from Claude Code via the magicpath-ai CLI. Supports MagicPath design system themes.
-
Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…
-
design-drift prevents AI agents from drifting away from your design system in real time. Lock any of existing brands design systems and every Write/Edit to a UI file is…
-
AI skills, agents, hooks, and commands for the Doom Design System, a neubrutalist React component library. Gives AI agents deep knowledge of every component's API, A2UI protocol…
Publicado en Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Skills for creating MCP Apps with the MCP Apps SDK
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
-
mcp-server io.github.cap-js/mcp-server
Model Context Protocol (MCP) server for AI-assisted development of CAP applications.
-
Detect an MCP server's language (Python, TypeScript or Go) and instrument it with the matching Pendo SDK so MCP tool calls flow into Pendo Agent Analytics.
Publicado en Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…
-
Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…
-
Keep your coding agent up to date with the latest web best practices
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
Publicado en Codex: openai-curated (openai/plugins) (5)
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Qodo setup, code intelligence, and review workflows.
-
Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.
Publicado en Community GitHub marketplaces (5)
-
MCP tool-catalog compression for Claude Code. Compresses the tool discovery payload from 71,929 to 581 tokens (-99.2%). Auto-installs the zero-dependency mcptoon CLI…
-
FastMCP server for Substack — publish Notes and posts, pull analytics, manage dr
FastMCP server for Substack — publish Notes and posts, pull analytics, manage drafts, pluggable…
-
Build screens only from your design system: your agent looks up what it offers and validates every screen against it, through a local read-only MCP server.
-
touchdesigner-mcp-server io.github.8beeeaaat/touchdesigner-mcp-server
MCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agents
-
Self-hosted GitHub MCP server. PAT auth, stdio transport, transport-agnostic so it works with…
Publicado en Copilot CLI: github/awesome-copilot (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Complete toolkit for building Model Context Protocol (MCP) servers in TypeScript/Node.js using the official SDK. Includes instructions for best practices, a prompt for generating…
-
Complete toolkit for building Model Context Protocol (MCP) servers in Go using the official github.com/modelcontextprotocol/go-sdk. Includes instructions for best practices, a…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Complete toolkit for building Model Context Protocol (MCP) servers in Kotlin using the official io.modelcontextprotocol:kotlin-sdk library. Includes instructions for best…
Publicado en Copilot CLI: github/copilot-plugins (5)
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
mobile-app
Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors
Publicado en Cursor: cursor/plugins (5)
-
Render documentation as a navigable canvas.
-
Build apps, scripts, and automations with the TypeScript SDK.
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Render PR diffs as review canvases grouped by importance.
-
Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…
Publicado en Docker MCP Catalog (5)
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
MCP server for AI access to SmartBear tools, including BugSnag, Reflect, Swagger, PactFlow, QTM4J.
-
Generate images, video, and audio with Glif's media-generation agent
-
Pull up-to-date, version-specific documentation and code examples for any library or framework straight into your prompt.
-
Access the latest Astro web framework documentation, guides, and API references.
Publicado en Official MCP Registry (5)
-
zeroheight com.zeroheight/zeroheight
Connect AI assistants to zeroheight styleguides using the Model Context Protocol
-
lanhu-design-mcp io.github.blantian/lanhu-design-mcp
Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units
-
uiscanner io.github.mishaovcharenko/uiscanner
Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.
-
Ground truth about your React design system for coding agents, plus a UI linter they can run.
-
plumb-mcp io.github.tathagat22/plumb-mcp
Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.
Encontrados por significado, no por código ni repositorio compartidos: los plugins similares siguen siendo productos distintos, y esto no es una reseña ni una recomendación.
¿Es tu plugin?
Añádelo a tus proyectos y demuestra que lo mantienes con un archivo en su repositorio, un archivo en tu dominio o un registro DNS. Recibirás avisos cuando un marketplace lo publique, lo retire, cambie su marca verificada o lo que pide, y su endpoint remoto quedará monitorizado como un servicio web.
Datos de Official MCP Registry. Las cifras proceden de nuestros propios recorridos periódicos por los marketplaces, leída por última vez el . No publicamos datos de contacto de los editores de plugins.