Results for “token-efficiency”

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

Audit design token usage across a product for consistency and coverage, identifying hard-coded values and gaps.

Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.

Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collaboration. Use PROACTIVELY when building design systems, creating token architectures, implementing theming, or establishing component libraries.

Apply the Doherty Threshold to keep system response times under 400ms, maintaining user flow and perceived performance.

Use this skill for tokens, components, variants, theming, consistency, reusable UI architecture. Trigger when the task involves web design work related to Frontend Design System, production implementation, audits, debugging, strategy, or validation.