Power Confidence

When you need animations that feel weighty and commanding rather than bouncy or playful, this gives you the timing curves and principles to pull it off. Think hero sections, premium product reveals, or dashboard metrics that should land with authority. The guide breaks down Disney animation principles through the lens of power: minimal squash and stretch, direct movement paths, decisive landings with controlled deceleration. The timing recommendations are specific (200-300ms entrances, cubic-bezier easing functions) and the impact examples show how to make elements settle with weight instead of bounce. Most useful when you're working on luxury brands, automotive sites, or anywhere confidence matters more than friendliness.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill power-confidence --agent claude-code