Design System MCP
Ground truth about your React design system for coding agents, plus a UI linter they can run.
MCP-Server · von dgesteves
Überblick
Design System MCP ist ein MCP-Server von dgesteves. Marktplätze, die wir lesen und die es listen: 1 (Official MCP Registry). Die letzte erfasste Änderung war am 2026-10-12. Stand unseres Marktplatz-Durchlaufs vom 2026-10-13.
Was es abfragt
- Läuft auf Ihrem Rechner
Keiner der Marktplätze, die wir lesen, veröffentlicht seine Tools oder die abgefragten Einstellungen.
Was es deklariert, abfragt und ausführt, vollständig
Installieren Sie nur Plugins von Entwicklern, denen Sie vertrauen. Wir zeigen, was die Marktplätze veröffentlichen, und testen keine Plugins.
Paket
npm @dgesteves/design-system-mcp (@dgesteves/design-system-mcp auf npm)
- npm-Downloads pro Woche: 1 197 (2026-10-12)
- npm-Downloads pro Monat: 1 197 (2026-10-12)
- Neueste Version auf npm: 0.3.3, veröffentlicht am 2026-10-09
- Die neueste Version ist auf npm als veraltet markiert
- Die angegebene Version 0.3.3 ist auf npm nicht gelistet
Die npm-Angaben stammen aus dem öffentlichen npm-Register (registry.npmjs.org, api.npmjs.org). Jede Zahl gehört ihrem Register und wird nie mit einer anderen addiert. Ein Register, das keine Zahl veröffentlicht, zeigt keine: keine Zahl ist nicht null.
Funktioniert mit
- Claude Code
- Codex
- Cursor
- VS Code
- Copilot CLI
Ein Ein-Klick-Link öffnet den Client, der vor dem Hinzufügen des Servers um Bestätigung bittet.
Nach den Marktplätzen, die ihn listen, und dem angegebenen MCP-Transport, wie jeder Client sie dokumentiert. Wir testen keine Plugins.
Verbinden
Befehle und Konfigurationen nur aus den Angaben der Marktplätze. Wir führen sie nicht für Sie aus und testen keine Plugins.
Als lokaler MCP-Server: npm-Paket
Erstellt aus den Angaben von Official MCP Registry.
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"
]
}
}
}Wo es veröffentlicht ist
| Marktplatz | Status | Version | Zahlen | Verifiziert | Erstmals gesehen |
|---|---|---|---|---|---|
| Official MCP Registry (Eintrag in der Registry öffnen) | Gelistet, als veraltet markiert | 0.3.3 | Downloads pro Monat (npm): 1 197 Downloads pro Woche (npm): 1 197 Forks (GitHub): 1 Sterne (GitHub): 1 |
Nicht markiert |
Jede Zahl stammt vom jeweiligen Marktplatz und wird nie über Marktplätze hinweg addiert. Ein Marktplatz ohne veröffentlichte Zahl zeigt keine: keine Zahl ist nicht null.
Was sich geändert hat
Bei diesem Plugin hat sich nichts bewegt, seit wir es beobachten.
Ähnliche Plugins
Produkte, deren eigene Namen, Beschreibungen, Werkzeuge und Skills diesem der Bedeutung nach am nächsten sind, auf allen Marktplätzen, die wir lesen. Die Nähe ist nur innerhalb dieser Liste geordnet.
-
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.
Ähnliche Plugins nach Marktplatz
Dieselbe Frage an jeden Marktplatz einzeln: Gibt es dort ein Gegenstück zu diesem Plugin?
Gelistet auf 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…
Gelistet auf 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.
Gelistet auf 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.
Gelistet auf 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.
Gelistet auf 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
Gelistet auf 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.
Gelistet auf 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
Gelistet auf 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.
Gelistet auf 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.
Gelistet auf 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.
Nach Bedeutung gefunden, nicht über gemeinsamen Code oder ein gemeinsames Repository: Ähnliche Plugins bleiben getrennte Produkte, und dies ist weder eine Bewertung noch eine Empfehlung.
Ist das Ihr Plugin?
Fügen Sie es Ihren Projekten hinzu und belegen Sie, dass Sie es pflegen: mit einer Datei im Repository, einer Datei auf Ihrer Domain oder einem DNS-Eintrag. Sie erhalten Hinweise, wenn ein Marktplatz es aufnimmt, entfernt, sein Verified-Zeichen oder seine Anforderungen ändert, und sein Remote-Endpunkt wird wie ein Webdienst überwacht.
Daten von Official MCP Registry. Die Zahlen stammen aus unseren eigenen regelmäßigen Durchläufen über die Marktplätze, zuletzt abgerufen am . Kontaktdaten von Plugin-Herausgebern veröffentlichen wir nicht.