前端
返回Skills 列表
CSS 变量一致性检查 Skill
CSS 变量一键清点:var 引用没有定义、同名变量多处定义、定义了没人用三类全列出,改主题色不再玄学失效。
📁 CSS 变量一致性检查 Skill /
SKILL.md0.8 KB
scripts
css_var_check.js4.6 KB
samples
theme.css0.6 KB
references
var-notes.md0.6 KB
所有文件均为纯文本展示,仅提供查看与打包下载,不在服务器上执行。
SKILL.md
---
name: css-var-check
description: CSS 变量一键清点:var 引用没有定义、同名变量多处定义、定义了没人用三类全列出,改主题色不再玄学失效。
---
# CSS 变量一致性检查 Skill
## 触发条件
当改主题色出现样式失效、接手他人 CSS 想清点变量、或重构样式前做盘点时触发。
## 执行步骤
1. 运行 node scripts/css_var_check.js samples/theme.css(或目录递归)。
2. 先修未定义引用:变量改名漏改是头号来源。
3. 重复定义核对是否为主题切换的合法多作用域。
4. 未使用定义确认无 JS/组件引用后再删。
5. 重构前跑一遍当盘点清单。
## 依赖
Node.js(fs/path 标准模块),离线运行。
## 输出
一份 var-report.md:未定义引用、重复定义、定义未使用三清单。
纯文本预览
全站累计复制 0 次
使用说明
node scripts/css_var_check.js theme.css 或目录;示例在 samples/theme.css。
每个 IP 仅可点赞一次 · 点赞后不可取消

暂无评论,来发表第一条评论吧!