design-token-audit

Audit design token usage across multi-project design systems to identify inconsistencies and gaps.

38|5|Updated Feb 24, 2026
One-click install
npx skills add https://github.com/launchapp-dev/animus-cli --skill design-token-audit-launchapp-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-token-audit
Source: https://github.com/launchapp-dev/animus-cli/tree/main/.claude/skills/design-token-audit
Command: npx skills add https://github.com/launchapp-dev/animus-cli --skill design-token-audit-launchapp-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • 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?

Quick Start

Run the audit against your design system to surface token usage gaps and inconsistencies.

Frequently Asked Questions about design-token-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit design token usage for inconsistencies across my UI code?

To audit design token usage, analyze token values against UI code and styles to identify inconsistencies, flag hard-coded values, and surface coverage gaps across colors, typography, and spacing. The audit categorizes findings and maps custom values to existing tokens.

What is the best way to find hard-coded values and redundant tokens in a design system?

The best way to find hard-coded values and redundant tokens is to run a token audit that maps visual properties against your design system. This process identifies redundant tokens with different names but identical values, and flags deprecated tokens still actively in use.

How do I generate a migration plan for missing design tokens in a multi-project system?

Generate a migration plan by capturing a token inventory across multi-project design systems to find token gaps. The audit identifies visual values that should be tokens, suggests missing token scale steps, and prioritizes these coverage gaps by impact to guide the migration.

Can I check if my UI components are using the right tier of design tokens?

Yes, you can check token tiers by auditing token coverage to evaluate whether components use global, semantic, or component tokens correctly. The audit analyzes component APIs and visual properties to ensure the appropriate token tier is applied for each specific use case.

When do I need a token audit for my design system?

You need a token audit when you suspect token usage inconsistencies, coverage gaps, or hard-coded values are degrading UI standards. Running the audit surfaces missing token scale steps and redundant tokens, enabling you to prioritize issues by impact and restore design consistency.