sxsphinxstack

Skills / Starter / Inspect a design token

Starter Design skill

Inspect a design token

Inspect a design token for semantic name, source, aliases, modes, units, consumers, contrast, platform transformation, and deprecation.

When to use

  • Use for color, typography, spacing, motion, elevation, breakpoint, or component tokens.
  • Do not change a global token before tracing all consumers and accessibility effects.

Procedure

  1. Record token ID, source, version, type, value, aliases, modes, and description.
  2. Trace transformations into platform outputs and component consumers.
  3. Verify units, precision, fallback, naming, semantics, and mode inheritance.
  4. Check contrast, zoom, motion, localization, density, and theme behavior.
  5. Compare intended role with actual usage and hard-coded overrides.
  6. Record keep, rename, split, migrate, or deprecate recommendation.

Failure plan

  • Create a new semantic token when changing the old value would break unrelated intent.

Worked example

A “muted text” token is also used for disabled controls, so contrast remediation requires a split.