What problem does it solve? Interfaces often feel static or jarring because state changes, entrances, and feedback moments lack motion, yet adding animation everywhere makes products feel sluggish. This Skill sweeps a codebase for the few moments that genuinely deserve animation and rejects everything else, so you get a short, high-conviction list instead of an over-animated wishlist. ## Core Features & Use Cases - Opportunity sweep: Hunts known seams such as missing :active press feedback, teleporting conditional renders, accordions that snap open, popovers with no spatial connection to their trigger, and gesture handlers without spring physics. - Four-question gate: Every candidate must pass frequency, purpose, speed, and function checks, with keyboard-initiated and 100+/day interactions rejected outright. - Precise recipes: Each suggestion includes exact durations, cubic-bezier easing tokens, transform/opacity properties, reduced-motion handling, and file:line evidence, plus a required list of rejected candidates. - Use Case: Ask it to review a settings page or dashboard, and receive a table of 5-7 ordered suggestions like "Toast.tsx:41 — enter via @starting-style with opacity and translateY(100%), 400ms ease" along with the verdict on how much motion the interface actually needs. ## Quick Start Ask the assistant to find animation opportunities in this codebase and report which UI moments should and should not be animated.
