Universal Timing

This is for when you need to understand animation timing principles that work at any duration, not just specific millisecond values. It teaches you the Disney animation principles with universal ratios, like keeping anticipation at 20-30% of your main action whether that's 100ms or 2 seconds. The easing curves and stagger ratios are duration-agnostic, which is actually useful when you're building a design system or trying to make consistent timing decisions across different types of animations. The duration selection framework at the end (instant vs quick vs dramatic) helps you choose speeds based on user feeling rather than guessing numbers. Good reference if you animate anything beyond basic fades.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill universal-timing --agent claude-code