normalize

To align UI components with design system standards, the Skill audits existing features for deviations in typography, color, and spacing. It generates a normalization plan that replaces custom implementations with approved design tokens and system components, ensuring strict UI consistency.

Enforcing design tokens for frontend development involves analyzing current deviations and systematically applying defined tokens for typography, color, and spacing. This process replaces inconsistent custom values with standardized design tokens to maintain strict visual cohesion across the application.

Auditing a feature for design system deviations involves discovering the established design system and analyzing current implementations against its principles. The process identifies discrepancies in components, layout, motion, and accessibility before creating a systematic normalization plan to correct them.

You can fix UI inconsistencies and clean up orphaned code simultaneously during the normalization process. After executing systematic changes to apply approved components and design tokens, the Skill cleans up orphaned code left behind by the replaced custom implementations.

Component standardization does handle accessibility and motion patterns by analyzing and redesigning features to conform to the design system. It addresses inconsistencies across layout, components, motion, and accessibility by applying system-approved components and design tokens.