What problem does it solve? Design decisions made by eyeballing hex codes and arbitrary pixel values produce unmaintainable interfaces. This Skill replaces ad-hoc styling with mathematically grounded design systems: token architectures, perceptually uniform color palettes, ratio-based type scales, and validated font engineering pipelines. ## Core Features & Use Cases - Design Token Architecture: Builds three-layer token systems (primitive, semantic, component) with 4pt spacing grids and OKLCH color values that serve as the contract between design and frontend code. - Color & Typography Engineering: Generates 10-step OKLab palettes, algorithmic dark mode variants, WCAG 2.2 AA contrast validation, and ratio-based type scales aligned with Material Design 3. - Font Engineering: Covers OpenType/TrueType table structure, glyph outline manipulation, CJK component assembly, variable font interpolation, and the Rust fontations crate ecosystem. - Use Case: When asked to create a dark mode theme, load the color-theme-engine reference to derive surface elevations and accent lightness shifts algorithmically instead of inverting colors, then validate every text-background pair against contrast thresholds. ## Quick Start Ask the assistant to create a design token system with a type scale and dark mode palette for your project.
