What problem does it solve? Interfaces often have jarring state changes, missing press feedback, or elements that teleport without transition, but adding animation indiscriminately makes products feel sluggish. This Skill sweeps a codebase for genuine animation opportunities, rejects candidates that should never animate, and reports precise motion recipes without touching source code. ## Core Features & Use Cases - Four-question gate: Every candidate is filtered by frequency, purpose, speed budget, and functional impact, so only high-conviction suggestions survive. - Exact motion recipes: Each suggestion includes concrete values such as cubic-bezier curves, durations in milliseconds, transform and opacity properties, plus reduced-motion handling. - Required rejection list: The report documents 2-5 considered-but-rejected candidates with the gate question that killed them, preventing over-animation. - Use Case: Ask it to review a Next.js app's components; it returns a table like "Toast.tsx:41 — toasts appear instantly — suggest @starting-style entry with translateY(100%), 400ms ease" ordered by leverage. ## Quick Start Ask the assistant to find animation opportunities in this repository and report the top suggestions with exact values.
