Universal Industry

This gives you Disney's 12 animation principles translated into sensible defaults for interface work. You get specific timing ranges (100ms for micro-interactions, 200-300ms for standard transitions), easing guidance for different contexts, and an adaptation framework that adjusts principles by brand personality and user state. The approach is practical: start with the defaults, then calibrate based on whether you're designing for professional, playful, or premium contexts. It's honestly most useful as a reference when you need to justify timing choices or explain why certain motion feels wrong. The universal timing table alone is worth keeping around.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill universal-industry --agent claude-code