What problem does it solve? Interfaces often feel static or jarring because state changes, entrances, and interactions lack motion, yet adding animation everywhere makes products sluggish. This Skill audits a codebase or UI for the few places where animation genuinely helps and rejects everything else, producing precise, implementable motion recipes without touching source code. ## Core Features & Use Cases - Opportunity Sweep: Hunts known seams such as missing press feedback, teleporting conditional renders, panels with no spatial connection to their trigger, and flat empty or success states. - Four-Question Gate: Every candidate must pass frequency, purpose, speed, and function checks, so keyboard-driven or high-frequency interactions are rejected outright. - Exact Motion Recipes: Each suggestion includes concrete values such as transform: scale(0.97) with transition: transform 160ms ease-out, spring parameters, stagger timings, and reduced-motion handling. - Use Case: Ask it to review a React app's components and receive a ranked table of 5-7 animation opportunities with file:line evidence, plus a required list of rejected candidates explaining why they were excluded. ## Quick Start Ask the agent to find animation opportunities in this codebase and report the highest-leverage suggestions with exact values.
