skills.rest
murphytrueman
murphytruemanCOMMUNITY
Explore all skills by this author →
Website𝕏@murphytruemanGitHub

token-compliance

Audit codebases for design token compliance and hardcoded values.

155|7|Updated Mar 9, 2026
Search Tags:#frontend#style guide#compliance#design tokens#code audit#tokenization
One-click install
npx skills add https://github.com/murphytrueman/design-system-ops --skill token-compliance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: token-compliance
Source: https://github.com/murphytrueman/design-system-ops/tree/main/skills/token-compliance
Command: npx skills add https://github.com/murphytrueman/design-system-ops --skill token-compliance

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill identifies and reports on violations of design token usage within a codebase, such as hardcoded values, incorrect token references, and inconsistent application, helping to maintain system integrity and prevent technical debt.

Core Features & Use Cases

  • Detects Hardcoded Values: Finds raw colors, spacing, and typography values where tokens should be used.
  • Identifies Wrong-Tier References: Flags direct use of primitive tokens instead of semantic ones.
  • Checks for Inconsistent Application: Highlights differing token usage for the same visual property across components.
  • Use Case: A senior engineer can use this Skill to audit a new feature's codebase before release, ensuring all styling adheres to the established design token system and preventing future maintenance issues.

Quick Start

Run a token compliance check on the current project's codebase.

Frequently Asked Questions about token-compliance

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

FAQPage Schema
How do I audit my codebase for design token compliance and detect hardcoded values?▼

To audit design token compliance, run a check that detects hardcoded values, incorrect semantic token references, and inconsistent application. This validates token usage against defined tiers and semantic meaning to ensure system integrity.

How do I check for incorrect semantic token references and wrong-tier usage in my frontend code?▼

Checking for incorrect semantic token references involves flagging direct use of primitive tokens instead of semantic ones. The audit validates token usage against defined tiers and semantic meaning to maintain system integrity.

Does design token auditing work with Style Dictionary and GitHub integrations?▼

Yes, design token auditing supports auto-pull integrations with GitHub and Style Dictionary. This allows you to automatically fetch token definitions and validate codebase usage against your established token tiers.

What is the best way to find inconsistent design token application across different components?▼

The best way to find inconsistent design token application is to run a code audit that highlights differing token usage for the same visual property across components. This identifies inconsistencies and prevents future maintenance issues.

Can I apply configuration overrides when auditing a messy codebase for tokenization issues?▼

Yes, you can apply configuration overrides when auditing a messy codebase. The tool uses an extended detection protocol to accurately identify tokenization violations and hardcoded values even in disorganized code.

Related Skills

Explore More Software Engineering Skills→
murphytruemanmurphytrueman
155

token-audit

Audits design system token definitions for naming violations and missing semantic tiers.

Community
Advanced
waynebrantleywaynebrantley
1

pr-doctor

Monitor GitHub workflow status, fix failures, and resolve review comments on pull requests.

Community
Advanced
reporailsreporails
11

manage-levels

Synchronize level definitions with the capability taxonomy in registry.

Official
Intermediate
SumitRajpalSumitRajpal

check-theme

Audit React/Next.js frontend code for hardcoded theme token violations.

Community
Intermediate