What problem does it solve? Animation issues like wrong easings, non-interruptible keyframes, and layout-thrashing transitions make interfaces feel sluggish, but finding and specifying fixes requires senior motion expertise. This Skill surveys a codebase's animation and motion code, produces a prioritized audit against eight categories, and writes precise implementation plans that any agent or developer can 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, with exact target values (cubic-bezier curves, duration budgets, spring configs). - Read-only advisory workflow: Never modifies source code; outputs vetted findings as a severity-ranked table and writes self-contained plans into a plans/ directory stamped with the current commit. - Flexible invocation modes: Supports quick or deep audit depths, single-category focus (performance, accessibility, easing), direct plan authoring, plan execution via an executor subagent, and reconciliation of existing plans against current code. - Use Case: A team notices their React app's dropdowns and toasts feel janky. Run the audit to get findings like transition: all and scale(0) entrances with exact file:line evidence, then hand the generated plans to a cheaper model or junior developer for execution. ## Quick Start Ask the assistant to audit the animations in this repository and produce a prioritized improvement plan.
