What problem does it solve? Component libraries and showcase boards drift from their Figma designs over time, and manually checking every story and state is slow and error-prone. This Skill sweeps the whole suite, separates broken behaviour from wrong pixels, and reports recurring root causes so one fix closes many findings. ## Core Features & Use Cases - Suite-wide parity sweep: Maps every story and showcase tile variant (breakpoints, hover, focus, error, disabled states) to its Figma frame and node id, then verifies spacing, geometry, colours, typography, and interactive behaviour against the design master. - Categorized, prioritized reporting: Classifies findings as functional, visual parity, micro-deviation, or verified-clean, prioritizes them, and outputs a table with Figma node ids, rendered-versus-spec values, severity, and screenshot evidence. - Root-cause analysis: Identifies recurring causes such as controlled components without handlers, static showcase props, and misplaced MUI slot overrides so one fix resolves multiple findings. - Use Case: Before a release, run the audit across your component library's Storybook to catch accumulated design drift, then hand the prioritized bug table to the team for triage. ## Quick Start Audit all Storybook stories and showcase tiles against their Figma masters and produce a categorized, prioritized parity bug report with screenshot evidence.
