Better Design：用 MCP 给 AI 编程工具装上「设计品味」
一个 MCP 形态的设计系统服务：AI agent 直接选用从真实产品提取的设计系统——每套 80+ 生产级组件、语义化 token、UX 原则和 WCAG 无障碍清单，生成的界面不再是「AI 平均脸」。
Better Design 解决的问题很具体：AI 编程工具写得出功能，但界面总是「一眼 AI」。它的做法是把整套设计系统封装成 MCP 服务，让 Claude 这类 agent 在生成 UI 时有据可依。
每套设计系统包含 80+ 生产级组件（手风琴、按钮、表单等）+ 语义化 token 主题，且不是凭空设计——是从真实产品的实际计算样式（computed styles）里提取的。配套还有间距/排版/色彩/导航等 UX 原则、WCAG 2.1 无障碍清单和按视觉风格检索的图标库。
MCP 工作流是四步：agent 选定设计系统 → 获取组件代码与 design token → 加载相关 UI/UX 原则 → 按无障碍标准自查产出。除 MCP 外也提供 HTTP API 和网页端浏览。
适合用 AI 大量产出界面、又想保持品牌一致性和专业质感的开发者与团队。
常见问题
Better Design 是什么？
一个以 MCP 服务形态交付的设计系统服务：AI agent 直接选用完整设计系统——每套 80+ 生产级组件、语义化 token、UX 原则和 WCAG 2.1 无障碍清单。
它的设计系统是怎么来的？
不是凭空设计的——从真实产品的实际计算样式（computed styles）中提取，保证「有出处」。
MCP 工作流是怎样的？
四步：agent 选定设计系统 → 获取组件代码与 design token → 加载相关 UI/UX 原则 → 按无障碍标准自查产出。
除了 MCP 还有别的接入方式吗？
有：带 bearer token 鉴权的 HTTP API，以及可浏览组件与设计系统的网页端。