Claude Code system-audit 技能:检查设计令牌缺失和重复引用
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/system-audit/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/system-audit/`,把核对后的文件保存为 `.claude/skills/system-audit/SKILL.md`。
- 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/system-audit`。
中文摘要
对照界面代码和令牌声明,找出未使用的令牌、未定义的引用和应纳入规则的裸值。
SKILL.md 中文导读
可复现示例
调用 /system-audit,核对项目内的下列虚构 CSS 片段。为每个发现指出原因和整理方向。
defined `--surface-main`, `--shadow-sm`, `--shadow-xl`, `--space-legacy`
component references `var(--surface-main)` and `var(--shadow-md)`
raw UI spacing `padding: 18px` has no matching token工作步骤
- 汇总设计令牌定义与界面使用位置。
- 标出未使用、未定义及未纳入令牌的值。
- 给出按问题可验证的调整方向。
验收方法
报告 `--space-legacy` 未使用,`var(--shadow-md)` 引用不存在的令牌,`padding: 18px` 需要按项目间距规范核对。保留正常引用 `var(--surface-main)`。
GitHub 原文 · 更新日期
适用环境
Claude Code 本地项目。准备设计令牌声明和实际引用的 CSS 片段。
常见问题
未定义引用和未使用定义怎样区分?
先收集定义和引用。只出现在定义中的属于未使用项,只出现在引用中的属于未定义项。