dylantarre avatar

Video Motion Graphics

This translates Disney's 12 animation principles into After Effects and Premiere Pro techniques, which is genuinely useful if you're doing motion graphics without formal animation training. You get implementation guidance for each principle (squash and stretch becomes overshoot expressions, anticipation becomes wind-up keyframes), plus ready-to-use expressions for elastic motion and layer staggering. The timing reference table is practical for common elements like text reveals and lower thirds. It's opinionated about things like never using linear keyframes and choosing frame rates, which saves you from rookie mistakes. Best for someone who knows the tools but wants their motion to feel more intentional and less like default After Effects presets.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
21
skills.sh installs
2.7K
GitHub stars
146
last updated
Aug 21, 2026

Install

$ npx -y skills add dylantarre/animation-principles --skill video-motion-graphics --agent claude-code

Installs into .claude/skills of the current project.

Files

Video Motion Graphics

Apply Disney's 12 animation principles to After Effects, Premiere Pro, and video motion design.

Quick Reference

PrincipleMotion Graphics Implementation
Squash & StretchOvershoot expressions, elastic motion
AnticipationPre-movement, wind-up keyframes
StagingComposition, depth, focus pulls
Straight Ahead / Pose to PoseFrame-by-frame vs keyframe animation
Follow Through / OverlappingDelayed layers, expression lag
Slow In / Slow OutGraph editor curves, easing
ArcMotion paths, rotation follows path
Secondary ActionEnvironment response, particle systems
Timing24/30/60fps considerations
ExaggerationScale beyond reality, dramatic motion
Solid DrawingZ-space, 3D consistency, parallax
AppealSmooth, professional, emotionally resonant

Principle Applications

Squash & Stretch: Use scale property with different X/Y values. Overshoot expressions create elastic motion. Shape layers deform more naturally than pre-comps for organic squash.

Sponsors

Details

Repository
github.com/dylantarre/animation-principles
Categories
Documentation, Design & UI/UX
First seen
May 16, 2026

More from dylantarre/animation-principles

All 144
1deanpeters avatarproblem-framing-canvasdeanpeters/product-manager-skillsGuide teams through MITRE's Problem Framing Canvas. Use when you need a clearer problem statement before jumping to solutions.2.7Kskills.sh installs
2minimax-ai avatarvision-analysisminimax-ai/skillsAnalyze, describe, and extract information from images using the MiniMax vision MCP tool. Use when: user shares an image file path or URL (any message containin2.7Kskills.sh installs
3superwall avatarwwdcsuperwall/skillsUse this skill whenever the user asks about WWDC sessions, Apple Developer videos, WWDC transcripts, session IDs, technologies announced at WWDC, or wants an ag2.7Kskills.sh installs
4pulumi avatarpulumi-best-practicespulumi/agent-skillsLoad when the user is writing, reviewing, or debugging Pulumi TypeScript/Python programs; asks about Output<T> or apply() usage; wants to create ComponentResour2.6Kskills.sh installs
5shubhamsaboo avataremail-draftershubhamsaboo/awesome-llm-appsProfessional email composition for business communication across various contexts. Use when: writing emails, drafting professional messages, composing replies, 2.6Kskills.sh installs
6deanpeters avatardirector-readiness-advisordeanpeters/product-manager-skillsGuide the PM-to-Director transition across preparing, interviewing, landing, and recalibrating. Use when leadership scope is changing and you need practical coa2.6Kskills.sh installs