If you're building presentations and want them to feel less like corporate slideware, this applies Disney's 12 animation principles to Keynote, PowerPoint, and Google Slides. It's surprisingly practical: specific timing recommendations (0.3-0.5s for text builds, 0.5-0.8s for transitions), stagger delays for bullet points, when to use Magic Move versus discrete builds. The staging and timing guidance alone will save you from the usual sins of animating everything at once or using linear motion that feels robotic. Includes a quick reference table and software-specific patterns. Honestly just nice to see animation treated as a communication tool rather than decoration.

skills.sh installs
705
GitHub stars
146
last updated
Aug 21, 2026

Install

$ npx -y skills add dylantarre/animation-principles --skill presentations --agent claude-code

Installs into .claude/skills of the current project.

Files

Presentation Animation

Apply Disney's 12 animation principles to Keynote, PowerPoint, Google Slides, and presentation software.

Quick Reference

PrinciplePresentation Implementation
Squash & StretchBounce emphasis, elastic scaling
AnticipationBuild sequences, pre-reveal fades
StagingFocal point management, dimming
Straight Ahead / Pose to PoseMorph vs discrete transitions
Follow Through / OverlappingStaggered builds, delayed elements
Slow In / Slow OutEase animations, avoid linear
ArcMotion paths, curved entrances
Secondary ActionSupporting graphics follow primary
TimingBuilds 0.3-0.5s, transitions 0.5-0.8s
ExaggerationEmphasis effects, attention draws
Solid DrawingConsistent alignment, visual balance
AppealProfessional polish, purposeful motion

Principle Applications

Squash & Stretch: Use bounce effect sparingly for playful emphasis. Scale animations should feel elastic not mechanical. Key numbers can "pop" with slight overshoot.

Sponsors

Details

Repository
github.com/dylantarre/animation-principles
Categories
Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from dylantarre/animation-principles

All 144
1secondsky avatarresponsive-web-designsecondsky/claude-skillsBuilds adaptive web interfaces using Flexbox, CSS Grid, and media queries with a mobile-first approach. Use when creating multi-device layouts, implementing fle703skills.sh installs
2thebushidocollective avatarstorybook-story-writingthebushidocollective/hanUse when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcase component variations, and build successfu678skills.sh installs
3product-on-purpose avatartool-design-sprint-prototype-planproduct-on-purpose/pm-skillsDay 4 (Thursday) move of a Design Sprint that produces the planning artifact for the day. Output covers the prototype role plan (Maker, Stitcher, Writer, Asset 666skills.sh installs
4aradotso avatarawesome-design-md-jparadotso/trending-skillsawesome design md jp594skills.sh installs
5pluginagentmarketplace avatarlevel-designpluginagentmarketplace/custom-plugin-game-developerLevel design fundamentals, pacing, difficulty progression, environmental storytelling, and spatial design for engaging gameplay experiences.583skills.sh installs
6plugin87 avatarredesignplugin87/ux-ui-agent-skillsUpgrade an existing website or app to premium quality without breaking functionality — audit the current design, identify generic/AI tells, then apply taste and580skills.sh installs