Design System MCP
Ground truth about your React design system for coding agents, plus a UI linter they can run.
Servidor MCP · de dgesteves
Resumo
Design System MCP é um servidor MCP publicado por dgesteves. Marketplaces que lemos e que o listam: 1 (Official MCP Registry). A última mudança que registramos foi em 2026-10-12. Conforme nossa passagem pelos marketplaces em 2026-10-13.
O que pede
- Roda na sua máquina
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Pacote
npm @dgesteves/design-system-mcp (@dgesteves/design-system-mcp no npm)
- Downloads do npm por semana: 1 197 (2026-10-12)
- Downloads do npm por mês: 1 197 (2026-10-12)
- Última versão no npm: 0.3.3, publicada em 2026-10-09
- A última versão está marcada como obsoleta no npm
- A versão declarada 0.3.3 não consta no npm
Os dados do npm vêm do registro público do npm (registry.npmjs.org, api.npmjs.org). Cada número é do próprio registro e nunca é somado a outro. Um registro que não publica um número não mostra nenhum: sem número não é zero.
Funciona com
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Um link de um clique abre o cliente, que pede confirmação antes de adicionar o servidor.
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como servidor MCP local: pacote npm
Gerado a partir do que Official MCP Registry declara.
claude mcp add --transport stdio design-system-mcp -- npx -y @dgesteves/design-system-mcp[mcp_servers.design-system-mcp]
command = "npx"
args = ["-y", "@dgesteves/design-system-mcp"]{
"mcpServers": {
"design-system-mcp": {
"command": "npx",
"args": [
"-y",
"@dgesteves/design-system-mcp"
]
}
}
}Onde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Official MCP Registry (Abrir o registro) | Listado, marcado como obsoleto | 0.3.3 | Downloads por mês (npm): 1 197 Downloads por semana (npm): 1 197 Forks (GitHub): 1 Estrelas (GitHub): 1 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
O que mudou
Nada mudou neste plugin desde que começamos a acompanhá-lo.
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
marmo-ui io.github.mahmoudilyan/marmo-ui
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
-
Keeps coding agents on your design system: knows your real components, props, variants and tokens.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
Design systems, UI prompts, and layout variations for AI coding tools.
-
Local stdio MCP for UI briefs to React + shadcn with review, proof, and ship.
-
Human-to-AI code review bridge. Review UI in the browser, AI agents fix code via MCP.
-
AI-Ready design system MCP: melta UI tokens, component contracts, 107 rules, check_html self-verify
-
Search ReactFrame's React + Tailwind + Motion components, install free ones and price premium picks.
-
mcp-design-system-extractor io.github.freema/mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and metadata.
-
mcp-react-toolkit io.github.Nishant-Chaudhary5338/mcp-react-toolkit
9 MCP servers for React/TypeScript — dep auditing, a11y, test gen, and TypeScript enforcement.
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em 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…
-
mcp-server io.github.cap-js/mcp-server
Model Context Protocol (MCP) server for AI-assisted development of CAP applications.
-
mdk-mcp-server io.github.SAP/mdk-mcp-server
Model Context Protocol (MCP) server for AI-assisted development of MDK applications.
-
Skills for creating MCP Apps with the MCP Apps SDK
-
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…
Listado em 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…
-
mcp-server io.github.cap-js/mcp-server
Model Context Protocol (MCP) server for AI-assisted development of CAP applications.
-
mdk-mcp-server io.github.SAP/mdk-mcp-server
Model Context Protocol (MCP) server for AI-assisted development of MDK applications.
-
Skills for creating MCP Apps with the MCP Apps SDK
-
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.
Listado em 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…
-
MCP server for terminal commands, file operations, and process management
-
Keep your coding agent up to date with the latest web best practices
-
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…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
Listado em 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.
-
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.
-
Evaluate Codex skills and plugins from chat with a beginner-friendly start command, local-first reports, token budget explanations, and guided benchmarking.
Listado em Community GitHub marketplaces (5)
-
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…
-
4da-mcp-server io.github.4DA-Systems/4da-mcp-server
Upgrade intelligence for AI agents: what an upgrade changes, where it touches your code, CVE scans.
-
MCP server for terminal commands, file operations, and process management
Listado em 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 Kotlin using the official io.modelcontextprotocol:kotlin-sdk library. Includes instructions for best…
-
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…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
Listado em 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
Listado em Cursor: cursor/plugins (5)
-
Build apps, scripts, and automations with the TypeScript SDK.
-
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…
-
if you want to go fast, go deep first. pstack helps you write less, but higher quality code. rigorous agent workflows you can parallelize with confidence.
-
Render PR diffs as review canvases grouped by importance.
-
CLI-backed repo compatibility scans plus agents that audit startup, validation, and docs against reality.
Listado em 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.
-
Giving Claude ability to run code with E2B via MCP (Model Context Protocol).
-
Pull up-to-date, version-specific documentation and code examples for any library or framework straight into your prompt.
-
MCP server for terminal commands, file operations, and process management
-
Tools and resources for writing Effect code in Typescript.
Listado em Official MCP Registry (5)
-
marmo-ui io.github.mahmoudilyan/marmo-ui
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
-
Keeps coding agents on your design system: knows your real components, props, variants and tokens.
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
Design systems, UI prompts, and layout variations for AI coding tools.
-
Local stdio MCP for UI briefs to React + shadcn with review, proof, and ship.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Este plugin é seu?
Adicione-o aos seus projetos e prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS. Você recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Official MCP Registry. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.