Summary
A comprehensive reference for Framer Motion animation patterns that actually tells you which spring configs to use and when. Covers the essentials: staggered lists, layout animations, exit transitions, scroll triggers, and micro-interactions. The spring configuration table alone (snappy vs smooth vs gentle) will save you from endlessly tweaking stiffness values. Best part is the honest guidance on what not to do: don't stagger 15+ items, don't scale buttons past 1.05, keep page transitions under 12px. If you're building React UIs and want animations that feel premium without the guesswork, this gives you the patterns and timing guidelines to get there fast.
Install
npx skills add https://github.com/dylanfeltus/skills --skill motion-design-patterns
