Education Learning

A comprehensive guide for applying Disney's 12 animation principles to educational interfaces. You get specific timing recommendations (200ms for answer feedback, 600ms for celebrations), easing functions for different interactions, and concrete examples like how mascots should stretch for personality or how checkmarks should land before triggering celebration effects. The core philosophy is smart: celebrate successes generously with longer animations (500-800ms) but keep error feedback quick and gentle so learners don't feel discouraged. If you're building a learning platform or tutoring app and want your animations to feel purposeful rather than decorative, this gives you a solid framework grounded in actual animation theory.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill education-learning --agent claude-code