find-animation-opportunities

What problem does it solve? Interfaces often feel static or jarring because teams either skip animation entirely or add it everywhere. This Skill sweeps a codebase for moments that genuinely benefit from motion, rejects candidates that would make the UI sluggish, and reports precise, ready-to-implement animation 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 states, with file:line evidence. - 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 durations, easing curves, transform and opacity values, reduced-motion handling, and hover gating, capped at 5-7 suggestions ordered by leverage. - Use Case: Ask it to review a Next.js app's components before a polish pass; it returns a table of high-conviction animation opportunities plus a list of deliberately rejected candidates. ## Quick Start Ask the assistant to find animation opportunities in the src/components directory and report what could be animated.