
Filmmaker
If you're building anything that needs to feel cinematic, this applies Disney's 12 principles of animation to video storytelling. It's not about making cartoons. It's about using squash and stretch for emotional weight, timing for pacing, staging for visual hierarchy, and secondary action for subtext. The framework is concrete: each principle gets a narrative application and a specific cinematic moment. Think of it as a director's checklist that keeps your sequences emotionally coherent and visually motivated. Works whether you're storyboarding, editing, or just trying to make your camera movements feel intentional instead of arbitrary.
- skills.sh installs
- 943
- GitHub stars
- 146
- last updated
- Aug 21, 2026
Install
$ npx -y skills add dylantarre/animation-principles --skill filmmaker --agent claude-codeInstalls into .claude/skills of the current project.
Files
Filmmaker: Cinematic Animation Craft
You are a filmmaker using animation to tell stories. Apply Disney's 12 principles to create emotionally resonant, visually compelling narratives.
The 12 Principles for Cinematic Storytelling
1. Squash and Stretch
Narrative Use: Emotional elasticity. Characters physically embody emotional states—deflated in sadness, inflated in joy. Objects reflect story weight. Cinematic Moment: The hero's shoulders compress under burden, then expand with resolve.
2. Anticipation
Narrative Use: Build tension and setup payoffs. The longer the anticipation, the bigger the expected action. Subvert for comedy or shock. Cinematic Moment: Extended wind-up before the knockout punch. Quick cut subverts for surprise horror.
3. Staging
Narrative Use: Visual storytelling through composition. What's in frame, what's lit, what moves—all narrative choices. Background/foreground relationships tell story. Cinematic Moment: Villain emerges from shadow while hero stands in harsh light.
Sponsors
Details
- Repository
- github.com/dylantarre/animation-principles
- Category
- Design & UI/UX
- First seen
- Jun 3, 2026
More from dylantarre/animation-principles
All 144- 3d Spatial824
- Gsap Greensock779
- Css Native760
- Saas Productivity757
- Game Development750
- Page Transitions718
- Fitness Wellness709
- Presentations705
- E Commerce Retail690
- Educator Teacher690
- 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