What problem does it solve?
This Skill helps in systematically analyzing and understanding UI patterns, design system implementations, and overall UI consistency across codebases, which is crucial before starting new development or refactoring.
Core Features & Use Cases
- Component Analysis: Identifies and lists UI components along with their prop interfaces.
- Design System Auditing: Checks for consistency in the usage of design tokens like colors, spacing, and typography.
- Implementation Comparison: Compares layout patterns across different pages to identify and recommend standardization.
- Accessibility Auditing: Reviews components for WCAG compliance, focusing on color contrast, ARIA labels, and keyboard navigation.
- Responsive Design Review: Assesses adherence to mobile-first principles and identifies missing responsive considerations.
Quick Start
Use the ui-ux-research skill to audit design system consistency for colors, spacing, and typography.