メニュー
Audits a stylesheet folder for hard-coded values that duplicate an existing design token — colors, spacing, radii — and reports each with the token to use instead. Use before a release or after importing third-party CSS.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/brokenrobot-xyz/agent-skills --skill auditing-css-tokensコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
| name | auditing-css-tokens |
| description | Audits a stylesheet folder for hard-coded values that duplicate an existing design token — colors, spacing, radii — and reports each with the token to use instead. Use before a release or after importing third-party CSS. |
| model | claude-sonnet-5 |
| allowed-tools | Read Grep Glob |
Find hard-coded values that duplicate a design token, and report the token each one should use.
Copy this checklist into your reply and tick each item as you go:
Audit progress:
- [ ] 1. Load the token definitions
- [ ] 2. Sweep the stylesheets
- [ ] 3. Match values to tokens
- [ ] 4. Report
Read the token file the user names and collect every token's name and value.
Grep the stylesheet folder for color, spacing, and radius literals. Collect every match with
its file and line — a match dropped here never reaches the report.
Compare each literal against the token values. Report an exact match as a replacement; report a near match (within one step of the spacing scale) as a candidate for the user to judge.
One table: file, line, literal, token, exact or near. When nothing matches, say so and name the files swept.
