Trust Reliability

When you need animations that feel solid and professional rather than playful, this gives you Disney principles tuned for credibility. It's all about predictable motion: minimal squash and stretch (5-10% max), controlled easing with ease-in-out curves, and consistent timing of 250-400ms across similar elements. The timing tables and CSS bezier functions are ready to copy. Best for financial flows, auth screens, enterprise dashboards, and anywhere users need to feel confident the system won't do anything unexpected. The consistency rules are the real value here: same action always gets the same animation, no random timing, respect motion preferences.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill trust-reliability --agent claude-code