What problem does it solve? Animation code often ships with subtle craft defects—weak easing, wrong transform origins, non-GPU properties, missing reduced-motion handling—that make interfaces feel sluggish or broken. This Skill reviews animation and motion code against a rigorous, opinionated craft bar derived from the Animations on the Web course, flagging violations with concrete fixes. ## Core Features & Use Cases - Ten Non-Negotiable Standards: Evaluates every animation against rules covering justified motion, frequency-appropriateness, easing strength, sub-300ms durations, transform origins, interruptibility, GPU-only properties, accessibility, asymmetric timing, and cohesion. - Aggressive Escalation Triggers: Hard-flags known anti-patterns on sight, such as transition: all, scale(0) entrances, ease-in on UI, keyframes on toasts, and Framer Motion x/y/scale shorthands under load. - Structured Review Output: Produces a findings table (Before/After/Why) plus a tiered verdict ending in an explicit Block or Approve decision, citing exact values from the bundled STANDARDS.md reference. - Use Case: A developer opens a pull request adding a dropdown menu with Framer Motion. The review catches transform-origin: center, a 400ms duration, and missing prefers-reduced-motion handling, and returns corrected cubic-bezier curves and origin values with file:line citations. ## Quick Start Review the animation and motion code in my current diff against the animations.dev craft bar and give me a findings table with a block or approve verdict.
