What problem does it solve? Whole-app motion quality is hard to assess: animations are scattered across CSS, Framer Motion variants, and gesture handlers, and fixing them ad hoc produces inconsistent easing, janky performance, and false positives on legitimate spring physics. This Skill surveys every animation in a codebase, vets each finding against the actual source, and produces a prioritized audit plus self-contained implementation plans that any agent can execute. ## Core Features & Use Cases - Four-phase read-only workflow: recon the motion stack and gesture surfaces, audit against eight categories (easing, duration, performance, accessibility, cohesion, and more), vet every finding at its file:line, then write plans — it never modifies source code. - Two-register motion judgment: distinguishes presentation surfaces (where overshoot and springs are findings) from gesture surfaces like drag sheets, swipes, and voice barge-in (where springs are correct), preventing the most common false positive in motion audits. - Self-contained execution plans: each plan inlines exact file paths, current-code excerpts, target token values, and feel-checks so a less-capable agent can execute it with zero prior context. - Use Case: Ask it to audit a Next.js + Framer Motion dashboard that feels sluggish; it flags an animated command palette and an ease-in dropdown as HIGH-severity findings, correctly leaves the drag sheet's spring alone, and writes ordered fix plans under plans/. ## Quick Start Ask the agent to audit the animations across this whole app and produce a prioritized roadmap of motion fixes.
