mcpField
D
design-system-generalizer

design-system-generalizer

github.com/heyeddi-com设计与 UI086 次安装1 天前更新
代码仓库

关于 design-system-generalizer

design-system-generalizer 是用于将页面路由与指定基准页面进行比较的项目技能。它帮助团队发现设计令牌和组件复用方面的偏差，并规划渐进式迁移。

主要功能

  1. 01扫描基准路由的模式
  2. 02比较路由间的违规项
  3. 03检查十六进制颜色和缺失路由文件

适用场景

  1. 01将路由与基准页面比较
  2. 02查找令牌或组件复用偏差
  3. 03规划渐进式迁移 PR

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/heyeddi-com/heyeddi-skills --skill design-system-generalizer

安装后在 Claude Code 中输入/design-system-generalizer确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

manifest.json
context/
ANTI_PATTERNS.md
EXAMPLES.md
PROSE_ANTI_SLOP.md
VOCABULARY.md
scripts/
_skill_cli.py
diff_violations.py
scan_patterns.py

详细介绍

设计系统通用化

使用场景

  • 某个路由是“黄金”参考（例如 /settings）
  • 其他路由偏离设计令牌或组件复用模式
  • 规划渐进式迁移 PR

说明

  1. python scripts/scan_patterns.py --route /golden --project-root <root>
  2. python scripts/diff_violations.py --golden /golden --target /other --project-root <root>
  3. 在差异检查中使用 --check，当目标路由包含十六进制颜色或缺少路由文件时返回非零退出码。
  4. 提议拆分为小型 PR：切勿一次性重写整个应用。

评论

支持 Markdown