Continuous Loops

This teaches Claude to build animations that loop forever without looking janky. Loading spinners, pulsing buttons, skeleton screens, that sort of thing. It applies Disney's animation principles to code, which sounds precious but actually works. The timing table is useful: 700ms for spinners, 2 seconds for pulses, 3-4 seconds for ambient stuff. The main value is the seamless loop advice and performance rules. It reminds Claude to use transform and opacity only, respect prefers-reduced-motion, and make sure the last frame flows into the first. Good for anyone building UI that needs to show loading or processing states without driving users insane.

Install to Claude Code

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