Styling and Design Tokens — Review Skill

The styling review lens for web UI: how CSS is structured, how visual values are tokenized, and how layout and type respond to space and user preference. Framework-neutral — the rules hold for plain CSS, CSS Modules, a utility system, or CSS-in-JS; examples are CSS with a little TSX for where styles attach.

Builds on. architecture-and-design (where the design system sits, the feature boundary) and accessibility (the perceptual thresholds — contrast, motion, reflow, forced colors), plus react, angular, or vue for how styles attach to a component. On a conflict, accessibility decides the requirement and this skill decides the CSS that meets it. Load a sibling only when the task turns on its layer; if it is not loaded, apply that layer from general knowledge and do not block.

This SKILL.md is self-sufficient: the Ruleset below is the complete, enforceable list. Each references/<topic>.md holds that group's reasoning and ❌ / ✅ code, and references/worked-example.md a full review pass; open them for depth when your runtime allows.