cyberneticlibrary

Build and audit design token system

tokensskillsetup L138
educlopez/ui-craft
What it does

Audit or establish a 3-layer design token spine (primitive/semantic/component)

Best for

Establishing design consistency when ad-hoc color/spacing values are causing drift

Inputs
  • · project root
  • · existing token definitions (optional)
Outputs
  • · audit gap table
  • · token spine proposal or fixes
Preconditions

CSS variables or Tailwind config accessible

Failure modes

Missing dark mode intentionality; arbitrary inline values bypass audit

Trust signals
  • · 3-layer contract defined
  • · Intentional-dark test included
  • · Covers 7 categories