16 个#design-system MCP 服务器和客户端

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

Mimic Ai

miapre

The design system copilot that builds Figma from HTML using your real components and tokens. Learns your system, surfaces your gaps.

Generate complete design token systems from a hex color — OKLCH-derived, WCAG-validated, multi-format

Design System MCP Server

pglevy

A proof-of-concept for publish design system guidance and code snippets as an MCP server for usage with LLMs

Marmoui

mahmoudilyan

Design-system knowledge for AI agents: live React component APIs, patterns, and generated-code validation. Agents build real dashboards, not slop. Free.

mcp-design-system-extractor

freema

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 adoption and refactoring.

VA Design System Monitor

amponce

Open source MCP server for monitoring Department of Veterans Affairs design system usage and compliance

Ai Canvas Mcp (@aicanvas/mcp)

uiNerd16

Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas, each with AI reproduction prompts. Read-only MCP server over the live aicanvas.me registry; eight tools.

Layro

Uvxxsh

Layro connects your AI coding tool (Cursor, Claude Code, VS Code, Windsurf, Codex, Gemini CLI) to 112 production React, TypeScript and Tailwind CSS components. Your agent can search the library, read each component's pro

Klavis AI 🌟

alexgolemelectrico

Klavis AI (YC X25): Open Source, easy to use MCPs on Slack, Discord and Web

Eased

easedui

Eased is a library of motion-first React components for shadcn, installed with the shadcn CLI.

Designesy

LE-VAI

Design quality gate for AI-generated UI. Scores any live URL against a published contract of deterministic checks, with an A–F grade, a per-check breakdown and AI-slop pattern findings; validates DTCG token files and Lot

An MCP (Model Context Protocol) server that provides design guidance to help LLMs generate better, more modern web pages. This server focuses on teaching design principles and best practices rather than providing code templates.

Typeui

bergside

Build better interfaces with TypeUI design systems, UI prompts, and layout variations.

UXKIN

Real UI references for AI coding agents: 500,000+ real screens, 15k+ website design systems with a DESIGN.md, and 30k+ UI elements, so your agent builds UI that looks real, not AI slop.