animation-systems

From README

Animation Systems (Stripe × Linear × Apple × Vercel) This skill helps you ship tasteful, product-grade motion. Not “more animation.” Better animation: clarity, hierarchy, feedback, and delight—without jank. --- The goals (why motion exists) Use animation to: 1) Explain hierarchy (what matters) 2) Confirm action (feedback) 3) Guide attention (where to look next) 4) Maintain continuity (spatial relationships) 5) Add polish (craft signals) If an animation doesn’t serve one of these, delete it. --- The Stripe/Linear/Apple/Vercel style (shared traits) 1) Restraint Fewer animations, better chosen. One strong hero moment; the rest is supporting motion. 2) Clear choreography Primary element moves first. Secondary elements follow with small stagger. Motion establishes a “reading order.” 3) Physical but not cartoony Use easing that feels human (soft acceleration + gentle settle). Avoid bouncy defaults for serious product UI.