- Conduid
- Marketplace
- #design-system
MCP servers tagged design-system
198 live MCP servers tagged "design-system", ranked by trust score. Tags come from package metadata and repository topics, so this list covers servers across every category that work with design-system.
public-ui/kolibri
The accessible HTML-Standard
Penpot MCP
Penpot MCP server
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 adopt…
mcp
2021 Science Design System Component Library
Helixir
One infinite session for any agents and harness you have. No more degradation and hallucinations.
Stitch Skills
Claude Code and Codex skills for Google Stitch — generate UI screens, manage design systems, export design tokens, slice components, and build Storybook from Stitch designs
Starwind UI
55 framework-portable UI components for Astro, React Vue, and Svelte. Install accessible Tailwind CSS components as source you own, backed by a shared framework-neutral Runtime.
Lightswind UI Library
The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste arc…
Codex Slides
🎨 Open-source AI slide studio inside Codex: image-native decks, every slide a full visual canvas. ⚡ 10+ high-quality slides in ~4–5 minutes — Fast mode renders every page in paral…
Ux Ui Agent Skills
Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
Ux MCP Server
MCP server providing 28 UX knowledge resources, 23 analysis tools, and 4 workflow prompts. Complete UX ecosystem: WCAG, Nielsen heuristics, design systems, e-commerce, PWA, AI…
spectrum-design-data
Model Context Protocol server for Spectrum design data including tokens, schemas, and component anatomy
Canvas Kit
MCP package for Canvas Kit
Spindle MCP Server
MCP server for Ameba Design System Spindle
S2 Docs
MCP server for Spectrum 2 documentation
Brand
MCP (Model Context Protocol) server that helps AI agents use Primer Brand (@primer/react-brand) correctly when building GitHub marketing and landing pages.
Ui Craft
ui-craft MCP server — deterministic design-quality gate (anti-slop, tokens, acceptance-bar, score)
Coderocket Ui
Open-source React and Vue component library: 48 components, 26 UI blocks, TypeScript, design tokens, CLI and MCP. Customize visually with CodeRocket UI. Formerly Vue Tailwind Date…
Core Web
DB UX Design System monorepo - Provides Design Tokens and components for Web UIs
Ui Beats
Animated React components you own. 55 components built with TypeScript, Tailwind CSS and Motion — copy, paste, or install with the shadcn CLI.
Design Learn
Extract reference-site design language into reusable rules for AI coding tools.
Wonder Blocks
React components for Wonder Blocks design system.
Loom
Model Context Protocol server for Loom UI
Jig
Model Context Protocol server exposing @awdlab/jig docs, API and concepts to AI coding agents.
USpec
AIKit for generating design system documentation in Figma. Works with Cursor, Claude Code, and Codex via Figma MCPs.
Extract Design System
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an A…
Atlas Design
Atlas Design System serves the Microsoft Learn design & engineering teams. We are a CSS-first design system that aspires to beautiful, accessible, themeable, reading-direction-agn…
Opendesign
1,486 real web design systems, extracted into machine-readable specs. An MCP server for AI coding agents — so what they build has taste, not just working code.
Keyline Icons
Free MIT icons on one 24×24 grid, in stroke, duotone and fill. Built for shadcn/ui.
Fossui
The Fresh, Minimal Flutter UI kit. Inspired by coss.com/ui, Cal.com's design system.
Design Oracle
Analyze any website and extract its complete design system — colors, typography, spacing, components, UX patterns — export as Tailwind config, React components, design tokens, or…
tailwindcss-server
MCP server for TailwindCSS utility classes, documentation, and project assistance
Ns Ui
MCP server for the ns-ui component registry: search components, read full source, and get the token/theming conventions an agent needs to build in the same design language.
Dialtone MCP Server
MCP Server for Dialtone Design System
Figma MCP Console
Figma MCP server for AI coding assistants — real-time read/write via a Figma Desktop plugin. No API token, no rate limits.
Designer Skill
Plug-and-play MCP that gives your coding agent UI superpowers. One-line install, zero config. Claude Code, Codex, Cursor, VS Code, and more.
Open Claude Design
Claude Design in Claude Code, Codex, Cursor, and 20+ agents. Designs come from your real components, tokens, and states; approved revisions sync back.
Niblet Skill MCP
MCP server and design skill that grounds coding-agent UI work in real product screens. Two tools, npx-installable.
designer-mcp
MCP server for production-grade UI and brand design — 37 tools: anti-slop quality gates, OKLCH tokens with auto dark mode, WCAG 2.1 audits, React/Vue/HTML output, CSS/SCSS generat…
Ds Base Ui
Playground repo for designers learning AI design system workflows: a small, real design system on Base UI and React, in Storybook and mirrored to Figma.
Velloo
Local-first design canvas for AI coding agents. Recreate a real React screen, explore directions visually, then ship the winner back into your app.
Website Design Systems MCP
🎨 Extract complete design systems from websites and generate AI-ready skill.md files to replicate exact design elements efficiently.
Generate Design System
MCP skill for generating complete design systems in Figma: tokens, variables, components with variants and auto layout
AI-by-design/primitiv
your code never leaves your machine.
Work With Design Systems
Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Pha…
Brandmd
Stop Claude Code/Cursor from guessing UI. Extract any website design system into a Stitch-ready DESIGN.md.
Aicanvas
Open-source React and Tailwind component marketplace. Install via the shadcn CLI or your AI editor over MCP, with reproduction prompts for Claude Code, Lovable, and V0.
Ux Skill
Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop linter with 152 rules, 160 brand specs, a 7-axis synthesizer, an MCP ser…
Dembrandt Skills
Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.
Hyperweave
Portable visual output layer for agents. One API call, one SVG. Zero dependencies, renders in any markdown.