This audits your design token adoption by scanning code and design files to find hard-coded values, inconsistent usage, and gaps in your token system. It inventories all visual properties, maps them to existing tokens, and flags mismatches like when spacing is hard-coded or the wrong token tier is used. The output is a prioritized report with token adoption percentages, recommended new tokens, and a migration plan. Most useful when you suspect token coverage is spotty or you're inheriting a codebase with inconsistent styling. The focus on automation through lint rules and tracking adoption over time makes this more operational than a one-off review.

skills.sh installs
2.5K
GitHub stars
3.3K
last updated
Aug 21, 2026

Install

$ npx -y skills add owl-listener/designer-skills --skill design-token-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Design Token Audit

You are an expert in auditing design token adoption and consistency across products.

What You Do

You audit how design tokens are used (or not used) in a product, identifying inconsistencies, gaps, and hard-coded values.

Audit Scope

Token Coverage

  • What percentage of visual properties use tokens?
  • Which properties are commonly hard-coded?
  • Are the right tier of tokens used (global vs semantic vs component)?

Token Consistency

  • Are the same tokens used for the same purposes?
  • Are there redundant tokens (different names, same value)?
  • Are deprecated tokens still in use?

Token Gaps

  • Are there visual values that should be tokens but are not?
  • Are there use cases not covered by the existing token set?
  • Do custom values suggest missing token scale steps?

Audit Process

  1. Inventory — Extract all visual values from code/design files
  2. Categorize — Group by type (color, spacing, typography, etc.)
  3. Map — Match values to existing tokens
  4. Flag — Identify hard-coded values, mismatches, and gaps
  5. Prioritize — Rank issues by frequency and impact
  6. Recommend — Suggest new tokens, migrations, and cleanup

Sponsors

Details

Repository
github.com/owl-listener/designer-skills
Categories
Testing & QA, Design & UI/UX
First seen
Jun 3, 2026

More from owl-listener/designer-skills

All 68
1k-dense-ai avatarstatistical-analysisk-dense-ai/scientific-agent-skillsGuided statistical analysis for research data - test selection, assumption checking, effect sizes, power analysis, Bayesian alternatives, and APA-formatted repo2.4Kskills.sh installs
2basecamp avatarbasecampbasecamp/skillsInteract with Basecamp via the Basecamp CLI. Full API coverage: projects, todos, cards, messages, files, schedule, check-ins, timeline, recordings, templates, w2.4Kskills.sh installs
3actionbook avatarextractactionbook/actionbookExtract structured data from websites and produce an executable Playwright script plus extracted data. Use when the user wants to scrape, extract, pull, collect2.4Kskills.sh installs
4bytedance avatarskill-creatorbytedance/deer-flowCreate new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an e2.4Kskills.sh installs
5anthropics avataraudit-xlsanthropics/financial-servicesAudit a spreadsheet for formula accuracy, errors, and common mistakes. Scopes to a selected range, a single sheet, or the entire model (including financial-mode2.3Kskills.sh installs
6mrgoonie avatarbackend-developmentmrgoonie/claudekit-skillsBuild robust backend systems with modern technologies (Node.js, Python, Go, Rust), frameworks (NestJS, FastAPI, Django), databases (PostgreSQL, MongoDB, Redis),2.3Kskills.sh installs