What problem does it solve?
Normalize design implementations to remove one-off styles, visual drift, and accessibility regressions by aligning features with an established design system and shared tokens.
Core Features & Use Cases
- Design discovery & context gathering: Search and synthesize design system documentation, design tokens, component libraries, and UX patterns to form a clear normalization baseline.
- Audit and analysis: Identify deviations in typography, color, spacing, components, motion, responsive behavior, and accessibility; distinguish cosmetic issues from functional mismatches.
- Normalization planning and execution: Replace custom components with design system equivalents, swap hard-coded values for tokens, standardize spacing and layout, and align interaction/motion patterns.
- Cleanup and quality assurance: Consolidate reusable components into shared libraries, remove orphaned code, run lint/type/test checks, and document changes for future maintenance.
- Use case: Convert a bespoke checkout widget into system-compliant components that use design tokens, consistent spacing, and verified accessibility states so it matches other product areas.
Quick Start
Normalize the FEATURE by replacing custom UI elements with design system components, converting hard-coded styles to design tokens, and verifying accessibility, responsive behavior, and tests.
