Best Design System AI Skills & MCP Servers

Queen Claude MCP server - streamlined with 14 essential tools for Next.js development

dwic — the design auditor for Claude Code. MCP server that audits your design tokens + markup for WCAG contrast failures, mandated-accent drift, and structural gaps, then remembers findings across sessions.

MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables

Design-system memory for coding agents — give Claude Code, Cursor, and Codex memory of your tokens, components, and Figma so they edit your app without breaking the design.

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 AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Model Context Protocol server exposing Arbor design system tools (open_in_playroom).

MCP server for building Vue.js design systems - component analysis, documentation, variant generation, and design tokens

Model Context Protocol server for Spectrum design data including tokens, schemas, and component anatomy

MCP server for UWC Components — gives AI coding assistants real-time access to component docs, props, events, slots, and code examples

useVyre MCP server — gives Claude Desktop real-time access to component context

MCP server that exposes Bufab's design system (UI guidelines, tokens, section specs), infrastructure rules, and Azure Bicep validation. Includes a UI guideline validator usable via `bufab-mcp validate <file>`.

Opt-in UI/UX master skill, CLI, and MCP server for AI coding agents, with accessibility, design-system, UX research, and frontend handoff workflows.

Model Context Protocol server providing AI agents access to 136+ KoliBri component examples and source code.

Design intelligence MCP server — principles, patterns, tokens, content systems, research methods, service design, and brand guidance for AI-generated UI. Now with research, service design (with HTML blueprint generation), and brand/visual design layers.

MCP server that gives AI agents full situational awareness of any web component library

NCDS UI Admin MCP 서버 — AI 에이전트가 NCUA 컴포넌트를 조회하고 HTML을 검증할 수 있는 MCP 서버

MCP server for TailwindCSS utility classes, documentation, and project assistance

Locofy MCP Server with Cursor

MCP server for Spor Design System

MCP server for Ameba Design System Spindle

MCP Server for Dialtone Design System