What problem does it solve? Interfaces often either lack motion where it would provide feedback and spatial continuity, or over-animate in ways that slow users down. This Skill audits existing UI code and produces a read-only report naming the few places motion would genuinely help, with exact values, plus what should stay static. ## Core Features & Use Cases - Candidate Sweep: Scans UI code for common motion gaps such as pressable elements with no :active state, instantly appearing dialogs, and popovers scaling from their own center. - Four-Question Gate: Filters every candidate through frequency, purpose, speed, and function checks, rejecting anything that fails, with a hard cap of 5-7 suggestions. - Structured Report: Outputs an opportunities table with file:line citations and exact values (curve, duration, transform, origin), a list of rejected candidates with reasons, and a final verdict. - Use Case: Point it at a React component library before a design polish sprint to get a prioritized, implementation-ready list of animation improvements without touching source code. ## Quick Start Ask the assistant to scan this UI codebase and report the few places where animation would genuinely improve it, with exact values and file references.
