Motion Patterns Copy-paste patterns for the most common UI animation needs. Every pattern here is built on tokens and springs. Do not define new duration or easing values here — import them. When to Activate - Animating a button, card, modal, or toast notification - Building list entrances with stagger - Setting up page transitions in Next.js App Router - Adding entrance or exit animations to conditional content - Implementing scroll-reveal, scroll-linked progress, or sticky story sections - Building expanding cards, accordions, or shared-element transitions Outputs This skill produces: - Acc…