Continuous Infinite

This is your reference when building animations that loop forever without driving users crazy. It walks through how to apply Disney animation principles to loading spinners, ambient backgrounds, and breathing UI elements. The real value is in the specific guidance: use prime number durations so elements don't sync up, keep motion subtle (5-10% oscillation), and treat continuous animation as atmosphere rather than something users should consciously notice. Includes timing recommendations for different contexts (800ms for spinners, 5-15 seconds for background effects) and easing functions that create seamless loops. The anti-pattern list alone will save you from common mistakes like synchronizing everything or animating during user input.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill continuous-infinite --agent claude-code