What problem does it solve? Animation issues like wrong easings, non-interruptible keyframes, and layout-thrashing transitions are hard to spot and even harder to delegate. This Skill surveys a codebase's motion code, produces a prioritized audit of findings, and writes implementation plans precise enough for any agent or junior developer to execute without design judgment. ## Core Features & Use Cases - Eight-category motion audit: Evaluates purpose and frequency, easing and duration, physicality and origin, interruptibility, performance, accessibility, cohesion, and missed opportunities against exact target values (cubic-bezier curves, duration budgets, spring configs). - Read-only advisor workflow: Recon of the motion stack (Framer Motion, GSAP, CSS, WAAPI), parallel subagent audits, manual vetting of every finding at its file:line, then prioritized findings ordered by leverage. - Self-contained execution plans: Each plan includes verbatim current code, exact target values, repo conventions with exemplars, scope boundaries, and feel-check verification steps, written to plans/ with commit stamps. - Use Case: Ask it to audit a Next.js app's animations; it finds transition: all 400ms ease-in on a dropdown, flags it as HIGH severity, and writes a plan specifying the exact cubic-bezier(0.23, 1, 0.32, 1) replacement, transform-origin fix, and reduced-motion handling. ## Quick Start Ask the assistant to audit the animations in this repository and produce a prioritized improvement plan.
