roast-my-design-system
活跃·★ 27·MIT·更新于 2026-10-16
这个免费的CLI工具和Claude Code技能通过真实数据分析你的代码库设计系统，提供健康评分、详细报告和可操作的修复建议。它还生成规则，确保Claude、Cursor和Copilot等AI代理遵循你既定的设计规范，从而避免UI不一致。
#CLI工具#设计系统#AI代理#代码分析#前端开发#开发者工具#SARIF
01
功能特性
01获取一个确定性的设计系统健康评分（0-100），并与行业标准进行基准比较。
02生成包含所有设计不一致之处的全面、自包含HTML报告，并提供真实文件路径。
03生成`design-system-rules.md`文件，指导AI代理（Claude, Cursor, Copilot）遵循规范组件和代币，防止设计偏差。
04作为本地MCP服务器运行，使AI代理在UI开发过程中获得实时的设计系统答案和验证。
02
兼容性
Node.js
运行时
已通过文档验证
npm
包管理器
已通过文档验证
Claude Code
AI代理平台
已通过文档验证
Cursor
AI代理平台
已通过文档验证
GitHub Copilot
AI代理平台
已通过文档验证
Windsurf
AI代理平台
已通过文档验证
03
快速开始
1
$ npx roast-my-design-system
04
使用场景
↳在重构前进行审计，以建立设计系统健康状况的衡量基线。
↳通过识别重复组件和不规范值，诊断并解决AI生成UI“几乎正确但又不太对”的问题。
↳通过分享包含健康评分和基准的自包含HTML报告，倡导设计系统改进。
↳将报告作为AI代理的任务清单，系统性地修复设计系统不一致之处。
05
同类工具
评论
登录后发表评论
暂无评论，来发表第一条吧