marvkr/better-design

它解决了什么问题

Better Design 弥合了通用 AI 生成代码与专业级 UI 之间的差距。它为 AI 编码代理提供了特定的设计上下文（例如语义 CSS 令牌、组件覆盖和无障碍规则），使其能够构建遵循既定设计系统的界面，而不是生成“AI 味”十足的通用布局。

工作原理

它作为一个 MCP (Model Context Protocol) 服务器运行，可与 Claude Code、Cursor 和 GitHub Copilot 等 AI 编码工具集成。它有两种运行模式：

1. 设计智能 (Design Intelligence)： 为代理提供主动的设计原则和审查清单（例如 WCAG 无障碍标准、视觉层级），以评估并优化其输出。
2. 脚手架 (Scaffold)： 允许代理从 31 个精选设计系统（如 Linear、Stripe、Apple、Notion）库中提取内容。代理使用这些资源来选择合适的令牌、图标集和组件代码，确保生成的 UI 符合特定的专业美学。

适用人群

适用于使用 AI 编码代理构建 Web 界面，并希望确保生成的代码达到生产就绪、可访问且与高质量设计标准保持视觉一致性的开发人员和设计师。

亮点

• 为 AI 代理提供兼容 MCP 的设计系统注册表。
• 包含 31 个与 shadcn/ui 兼容的预构建设计系统。
• 提供自动化的 UI 审查工具，用于检查无障碍性 (WCAG) 和视觉设计一致性。
• 支持基于自然语言提示的设计系统语义匹配。
• 支持与 Cursor、Claude Desktop 和 VS Code 等主流 AI 编码环境的无缝集成。