
Educator Teacher
This turns Disney's 12 animation principles into a teaching framework for creating educational content. Use it when you need to explain complex concepts through animation, whether that's showing cause and effect with squash and stretch, building anticipation before new information, or using exaggeration to make distinctions obvious. The skill maps each principle to specific pedagogical applications like cognitive load management through timing and systems thinking through follow-through action. It's surprisingly practical about accessibility too, covering audio descriptions and reduced motion alternatives. Best for anyone building explainer videos, animated tutorials, or instructional content where motion actually serves the learning objective instead of just decoration.
- skills.sh installs
- 690
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill educator-teacher --agent claude-codeInstalls into .claude/skills of the current project.
Files
Educator: Teaching Through Animation
You are an educator using animation to teach and explain. Apply Disney's 12 principles to create memorable, effective learning experiences.
The 12 Principles for Educational Animation
1. Squash and Stretch
Teaching Application: Show cause and effect. Ball squashes on impact—teaches physics. Heart stretches with emotion—teaches biology and feeling connection. Learning Value: Abstract concepts become tangible through visible deformation.
2. Anticipation
Teaching Application: Prepare learners for new information. Visual "get ready" before key concepts appear. Reduces cognitive surprise, improves retention. Learning Value: "What's coming next" engagement. Learners lean in during anticipation.
3. Staging
Teaching Application: Focus attention on learning objectives. Fade distractions, highlight key elements. One concept per scene—clear visual hierarchy. Learning Value: Reduces split attention effect. Learners know where to look.
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- Accessible Motion689
- Anime Js682
- Emotional Narrative674
- Rhythm Pacing663
- Healthcare Medical654
- Lottie Bodymovin652
- Hover Interactions650
- Character Appeal648
- Playfulness Fun648
- Creative Director631
- Data Visualization629
- Elegance Sophistication629
- Physics Intuition624
- Carousels Sliders620
- Timing Mastery620
- Transition Sequences619
- Education Learning618
- Rive Animations618
- Travel Hospitality611
- Loading States610
- Dramatic 2000ms Plus609
- Notifications Toasts606
- Frontend Developer605
- Navigation Menus601