A practical reference for adding personality to your UI through animation, organized around Disney's 12 principles. It gives you specific timing values (200-300ms for pop-ins, 300-500ms for bounces), ready-to-use CSS easing functions with overshoot, and guidance on when squash and stretch actually makes sense. The framework helps you think through success states, celebrations, and reward moments systematically rather than guessing at spring values. Best used when you're building confirmation flows or achievement systems and want them to feel genuinely satisfying instead of just functional. The timing recommendations table alone will save you from the usual trial-and-error with cubic-bezier curves.
npx skills add https://github.com/dylantarre/animation-principles --skill joy-delight