ss-dial

A single-axis design adjustment updates all affected tokens and components together for system-wide visual consistency. It targets one axis like density or radius, respects guardrails, and runs quality checks to keep the interface coherent.

A design axis transformation targets one visual property such as density, hierarchy contrast, radius, elevation, color, font weight, or motion. It applies coordinated token updates system-wide rather than isolated, one-off tweaks.

You can dial a single axis like radius or motion independently. The transformation applies guardrail-aware token updates to that specific axis and persists the new state, leaving other visual axes untouched while maintaining interface coherence.

To make UI cards denser, apply a density transformation across the design system. The Skill adjusts all relevant tokens and components together in a coordinated way, respecting layout constraints and running a quality check to ensure visual consistency.

Accessibility and layout guardrails are preserved during token updates. The transformation respects existing constraints for the targeted axis and re-runs quality checks after applying the new state to ensure the interface remains coherent and compliant.

You should avoid single-axis transformations when multiple visual axes need simultaneous, interdependent changes. This approach is designed for precise, isolated adjustments to one axis like color or motion, not for sweeping, multi-variable design system overhauls.