用途:审计现有 UI 文件是否符合已锁定的设计系统,并给出合规报告、违规明细与修复建议。
主要能力:检查颜色违规(设计系统之外的硬编码 hex/rgb)、排版违规(font-family 不匹配)、间距违规(不在检测到的网格上)、圆角违规(不在检测到的比例中),以及 SKILL.md 中明确禁止的 NEVER 规则。报告包含扫描文件数、合规文件数、违规总数,并逐条列出文件与行号、问题原因与建议值(如最接近色值或改用 CSS 变量)。
使用方式:调用 /design-drift:check $ARGUMENTS。先读取 .design-lock,若缺失则需先运行 /design-drift:lock [brand]。参数可为文件或目录,仅扫描指定范围;无参数时扫描 /*.css、/.scss、**/.tsx、/*.jsx、/.html、**/.vue、**/*.svelte,并始终排除 node_modules/、dist/、build/、.next/、.nuxt/、coverage/。设计系统从 skills/brands/[brand]/SKILL.md 或 .design-cache/[brand].md 加载;两者都不存在时提示重新运行 lock。完成后会询问是否自动修复全部违规或选择特定文件。
限制:必须已有锁定的设计系统缓存或技能文件,否则无法执行检查;品牌支持范围以资料所述 121 个品牌为准,具体品牌清单暂未提供;自动修复的具体实现细节与命令选项暂未提供。