For choreographing multi-step animations like page transitions, modals, or onboarding flows where timing matters. The skill applies Disney's 12 principles to sequences, focusing on staggered starts (50-100ms offsets), 30-50% step overlap, and keeping total duration under 800ms for functional UI. You get concrete timing tables for common patterns (tab changes at 300ms, dramatic reveals at 1000-1500ms) plus formulas for calculating stagger delays. The overlap math is the useful part here since most developers either run everything simultaneously or leave awkward gaps. Includes the mandatory prefers-reduced-motion reminder to skip sequences entirely.
npx skills add https://github.com/dylantarre/animation-principles --skill transition-sequences