What problem does it solve? Animation issues like wrong easings, non-interruptible keyframes, and layout-thrashing transitions make interfaces feel sluggish, but finding and fixing them requires rare motion-design expertise. This Skill surveys a codebase's animation and motion code, produces a prioritized audit against eight rule categories, and writes precise implementation plans that any agent or cheaper model 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) drawn from Emil Kowalski's design philosophy. - Self-contained plan generation: Writes one plan per finding into plans/ with verbatim current code, exact target values, repo conventions, ordered steps, boundaries, and feel-check verification steps, so an executor with zero context can implement safely. - Read-only advisory posture: Never modifies source code, runs builds, or commits; it only analyzes and plans, with invocation variants for quick/deep audits, single-category focus, plan execution, and plan reconciliation. - Use Case: Ask it to audit a React app using Framer Motion; it maps the motion surface, flags findings like transition: all or scale(0) entrances with file:line evidence, then writes prioritized plans another agent executes. ## Quick Start Ask the assistant to audit the animations in this repository and produce a prioritized set of improvement plans.
