AI 编程工具越来越懂设计了，全靠这个设计系统知识 MCP

你有没有这种感觉——问 AI「怎么做一个符合 WCAG 2.2 的无障碍按钮」，它给你吐一段代码，看起来像，但 actual 成功标准根本答不准。因为训练数据有截止日期，2026 年的组件协议、token 规范它一无所知，还答得很自信。

今天推荐一个开源 MCP Server——design-systems-mcp，专门给 AI 编程 Agent 接入权威设计系统知识库。

它能做什么？

一个带向量检索的设计系统百科，覆盖：

• 10+ 主流设计系统：Material Design 3、Fluent、Ant Design、Carbon、Polaris、shadcn/ui……每个都有 token 架构和组件规范，不是简单 prop 表格
• W3C / WCAG 标准：DTCG Token 规范、WCAG 2.2 A/AA/AAA、ARIA 实践指南
• 2025-2026 Agent 接口协议：这是它最独特的地方——A2UI v1.0、MCP Apps SEP-1865、AG-UI 这些模型厂商自己还在更新的协议，全部收录
• 395 条精选条目，带来源可靠性标签，搜不到直接返回空而不是幻觉答案

接入超简单

不需要本地部署，直接连公共端点（免费）：

claude mcp add --transport http design-systems https://design-systems-mcp.southleft.com/mcp

Claude Desktop 用户直接 UI 配置，Cursor、Cline、Zed 全都支持。

为什么值得装？

AI 编程工具正在快速接入 design system layer，SKILL.md / DESIGN.md 这套规范体系也在成形——知道协议怎么用、版本怎么迁移的设计工具会越来越值钱。属于「早装早享受」的类型，推荐设计 / AIGC 从业者都试试。

GitHub：https://github.com/southleft/design-systems-mcp

GitHub: https://github.com/southleft/design-systems-mcp