Summary
- Identify and extract reusable components, design tokens, and patterns into a cohesive design system.
- Analyzes target areas to find repeated UI patterns, hard-coded values, and inconsistent variations worth systematizing Guides extraction planning including component APIs, token hierarchies, naming conventions, and migration strategies Emphasizes incremental growth: extract only patterns used 3+ times or with clear reuse potential, avoiding over-generalization Includes accessibility best practices (ARIA, keyboard navigation) and TypeScript documentation for extracted components Provides migration and documentation workflows to replace existing implementations and maintain design system consistency