Agent skill
Animation Principles - Refresher
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
Install this agent skill to your Project
npx add-skill https://github.com/dylantarre/animation-principles/tree/main/skills/04-by-skill-level/refresher
SKILL.md
Quick Principles Refresher
You know these. Here's the checklist.
The 12
-
Squash/Stretch - Volume constant, shape varies. Check your impacts and fast motion.
-
Anticipation - Is the audience prepared? Opposite direction, proportional to action.
-
Staging - Silhouette test. One idea. Where's the eye going?
-
Straight Ahead / Pose to Pose - Right method for this shot? Maybe hybrid.
-
Follow Through / Overlap - Does everything stop at once? (It shouldn't.) Hierarchy: root leads, tips lag.
-
Slow In / Out - Checked your spacing charts? Bunched at ends, spread in middle.
-
Arcs - Track the paths. Everything curves unless intentionally broken.
-
Secondary Action - Supporting, not competing. Add after primary works.
-
Timing - Frame count matches intent? Weight, mood, pacing all live here.
-
Exaggeration - Did you push it enough? (Probably not.) Find real, then go 20% past.
-
Solid Drawing - Does it have weight? Volume consistent through motion?
-
Appeal - Would you watch this? Clear shapes, readable pose, distinctive design?
Quick Diagnosis
Floaty? Check timing and slow in/out. Probably too even.
Stiff? Add overlap. Offset timing. Break symmetry.
Confusing? Staging issue. Simplify. One idea per shot.
Mechanical? Arcs are probably too straight. Add anticipation variety.
Dead? Secondary action missing. Overlap insufficient.
Boring? Push exaggeration. Check appeal. Vary timing.
Shot Checklist
Before calling it done:
- Silhouette reads
- Arcs tracked
- Spacing varied (slow in/out)
- Overlap on all appendages
- Secondary action supports (doesn't compete)
- Exaggeration appropriate to style
- Timing matches weight and mood
- Anticipation proportional
- Volume consistent
- Appeal present
Principle Priority by Shot Type
Action: Timing > Arcs > Anticipation > Squash/Stretch Dialogue: Staging > Secondary > Timing > Appeal Comedy: Timing > Exaggeration > Anticipation > Staging Subtle acting: Secondary > Overlap > Timing > Staging
Trust your instincts. You've done this. This is just calibration.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
icons-badges
Use when animating icons, badges, avatars, status indicators, or small visual elements to add personality and feedback
navigation-menus
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
lists-grids
Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states
loaders-spinners
Use when creating loading indicators, spinners, progress bars, or skeleton screens to communicate system status
accordions-dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
universal-elements
Use when animating any UI element not covered by specific skills, or when applying general animation principles across multiple element types
Didn't find tool you were looking for?