What problem does it solve? Interfaces often have jarring instant state changes, missing press feedback, or teleporting content, but adding animation everywhere makes apps feel sluggish. This Skill sweeps a codebase for genuine animation opportunities while rejecting candidates that would hurt usability, producing a short, high-conviction list instead of a wishlist. ## Core Features & Use Cases - Four-question gate: Every candidate must pass frequency, purpose, speed, and function checks before being suggested, so keyboard-driven or high-frequency interactions are rejected outright. - Precise motion recipes: Each suggestion includes exact durations, easing curves (e.g. cubic-bezier tokens), transform/opacity properties, reduced-motion handling, and file:line evidence. - Required rejection list: The report must include 2-5 considered-but-rejected candidates with the gate question that killed them, enforcing restraint. - Use Case: Ask it to review a React app's components; it returns a table of at most 5-7 suggestions such as adding a 160ms scale(0.97) press state to buttons or a @starting-style entrance for toasts, ordered by leverage. ## Quick Start Ask the agent to find animation opportunities in this codebase and report which UI moments should animate and which should not.
