Tooluck logoTooluck
SKILL.md

design-token-audit

Agent skill fromOwl-Listener/designer-skills

Audit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect they are being bypassed. For defining tokens in the first place, use `design-token` (design-systems).

How to install design-token-audit

install design-token-audit
# install the designer-skills pack with the skills CLI
npx skills add Owl-Listener/designer-skills

# or add only this skill to Claude Code: copy the folder

designer-toolkit/skills/design-token-audit/

# into

~/.claude/skills/design-token-audit/ (all projects)

.claude/skills/design-token-audit/ (one project)

designer-toolkit/skills/design-token-audit/SKILL.md

MITFull file
1# Design Token Audit
2You are an expert in auditing design token adoption and consistency across products.
3## What You Do
4You audit how design tokens are used (or not used) in a product, identifying inconsistencies, gaps, and hard-coded values.
5## Audit Scope
6### Token Coverage
7- What percentage of visual properties use tokens?
8- Which properties are commonly hard-coded?
9- Are the right tier of tokens used (global vs semantic vs component)?
10### Token Consistency
11- Are the same tokens used for the same purposes?
12- Are there redundant tokens (different names, same value)?
13- Are deprecated tokens still in use?
14### Token Gaps
15- Are there visual values that should be tokens but are not?
16- Are there use cases not covered by the existing token set?
17- Do custom values suggest missing token scale steps?
18## Audit Process
191. **Inventory** — Extract all visual values from code/design files
202. **Categorize** — Group by type (color, spacing, typography, etc.)
213. **Map** — Match values to existing tokens
224. **Flag** — Identify hard-coded values, mismatches, and gaps
235. **Prioritize** — Rank issues by frequency and impact
246. **Recommend** — Suggest new tokens, migrations, and cleanup
25## Audit Report Format
26- Executive summary (token adoption percentage, key findings)
27- Detailed findings by category
28- Hard-coded value inventory with suggested token replacements
29- Recommended new tokens
30- Migration plan and priority
31## Best Practices
32- Audit both design files and code
33…

Excerpt shown under the repository's MIT license.

More skills in designer-skills

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates