What problem does it solve? Styling tokens in a themeable Angular UI kit silently break when references are undeclared, dark theme overrides are forgotten, or generated style files are edited by hand. This Skill encodes the rules and checks that keep the token graph, dark theme, and built styling layer consistent. ## Core Features & Use Cases - Token graph validation: Runs pnpm run check:tokens-graph to classify every token name as declared, a consumer handle, or a dead reference, using tools/tokens-handles.json and an allowlist. - Dark theme and contrast auditing: Runs pnpm run check:tokens-theme to verify every light color assignment is either overridden in the dark theme or marked /* rt-theme-shared: reason */, and checks contrast pairs at a 4.5:1 threshold. - Generated styling layer discipline: Enforces editing tokens.source.mjs instead of built files, verified by pnpm run check:tokens-build and the generator tools/build-tokens-v2.mjs. - Use Case: When adding a new color token to the UI kit, declare it in the source file with its dark answer, rebuild, and let the three checks confirm no dead references, missing dark overrides, or contrast regressions. ## Quick Start Ask the assistant to add a new styling token to the UI kit and verify it with the token graph, theme, and build checks.
