Excitement Energy

When you need buttons that pop, reveals that punch, or interactions that feel like they have actual momentum, this gives you the timing curves and animation patterns to pull it off. Built around Disney's principles adapted for high energy interfaces, with specific durations (100-300ms range), aggressive easing functions, and keyframe patterns for bursts, shakes, and pulses. The guidance on squash and stretch percentages (20-35%) and exaggeration levels (25-40%) is genuinely useful if you're tired of animations that feel wimpy. Best for apps where subdued would be wrong: fitness trackers, music players, gaming UIs, anything promoting events or sales. The timing table and pre-built CSS easings mean you can skip the guesswork phase.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill excitement-energy --agent claude-code