12 Principles Of Animation

This is actually the userinterface-wiki skill with a misleading name. It covers way more than just the 12 principles of animation. You get 152 rules across animation timing, exit animations, CSS pseudo-elements, audio feedback, sound synthesis, morphing icons, UX laws, prefetching, and typography. The animation principles section is solid and covers timing windows, easing choices, and physics-based motion, but it's maybe 10% of the total content. If you're specifically after Disney's 12 principles like squash and stretch or anticipation, this isn't that. It's more of a comprehensive UI/UX linting guide that happens to include modern web animation best practices alongside a bunch of other frontend concerns.

Install to Claude Code

npx -y skills add raphaelsalaja/userinterface-wiki --skill 12-principles-of-animation --agent claude-code