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 · 可自由使用與修改,請註明出處,不可商用。