Aerisle Archive
菜单
类型:
Skill
上线
版本:
v1.0
适用:
Claude Code

CSS Audit 样式审查

扫描任意网站实际渲染出来的 CSS,对照你的设计 token 找出不一致的颜色、字级和间距,可整站爬取、多种屏幕宽度一起检查。

适合谁

维护设计系统的设计师和前端,想确认上线网站有没有偏离规范。

怎么用

在 Claude Code 里说「audit 这个网站的 CSS」并附上网址,可加上你的 design-tokens.json。

需要准备

电脑上要有 Node.js 和 Google Chrome。解压后在 skill 文件夹里执行一次 npm install。

你会得到

按严重程度分级的问题清单,以及修正建议。

下载后解压,在 Claude.ai「设置 → Capabilities → Skills」上传,或放进 ~/.claude/skills/ 给 Claude Code 使用。

CC BY-NC 4.0 · 可自由使用与修改,请注明出处,不可商用。