CSS 冗余体检 Skill

--- name: css-audit description: 给 CSS 做一次文本级体检：!important 用量、重复声明块、未使用的 class、过深选择器，配预算文件超标即报警，改版前清历史包袱。 --- # CSS 冗余体检 Skill ## 触发条件 当 CSS 越写越乱、样式互相覆盖、要给样式定规范，或改版前想清掉历史包袱时触发。 ## 执行步骤 1. 运行 node scripts/css_audit.js styles.css --html 页面目录 --budget budget/budget.json -o css_report.md。 2. 先看预算检查表：!important、规则数、未使用 class 哪项超标先修哪项。 3. 删未使用 class 前逐个搜代码，确认不是 JS 动态拼接的类名。 4. 重复声明块抽成公共类，深选择器拆短。 5. 清理完重跑，预算检查全过再合入。 ## 依赖 Node.js 12+，零依赖；只做文本级静态检查，不渲染页面。 ## 输出 一份 css_report.md：预算检查表、!important 清单、未使用 class、重复声明块、深选择器与处理建议。