What problem does it solve? Web animations often feel sluggish, robotic, or jarring because of subtle defects like ease-in curves on UI interactions, keyframes that restart mid-flight, or missing reduced-motion handling. This Skill systematically audits a codebase's motion against the animations.dev craft bar and produces precise, self-contained fix plans that another agent can execute without any design judgment. ## Core Features & Use Cases - Eight-category motion audit: Covers purpose and frequency, easing and duration, physicality and origin, interruptibility and springs, performance, accessibility, cohesion, and missed opportunities, each with exact replacement values like cubic-bezier curves and duration budgets. - Read-only analysis with severity ranking: Never modifies source code; vets every finding at its file:line, rejects exempt patterns, and ranks survivors by leverage in a severity table. - Self-contained plan generation: Writes plans to plans/ with exact current-code excerpts, target values, repo conventions, ordered steps, and feel-check verification so an executor with zero context can implement them. - Use Case: Point it at a React app using Radix and Tailwind where dropdowns feel sluggish; it identifies the ease-in curve and 300ms duration, then writes a plan specifying the exact 180ms cubic-bezier(0.19, 1, 0.22, 1) replacement. ## Quick Start Ask the agent to audit the animations in this repository and write improvement plans for the highest-impact findings.
