Emilkowal Animations

This packages Emil Kowalski's animation philosophy into 43 actionable rules across easing, timing, transforms, and interaction patterns. You get concrete values like scale(0.97) for button presses, cubic-bezier(0.32, 0.72, 0, 1) for drawer easing, and the 300ms ceiling for UI animations. It's opinionated in the right ways: ease-out as default, never animate keyboard actions, always make animations interruptible. The categorization by impact helps you focus on what matters. Most useful when implementing gesture-based components or reviewing animation code where you need specific guidance beyond "make it feel good." Covers both the craft details and accessibility considerations you actually need to ship.

Install to Claude Code

npx -y skills add pproenca/dot-skills --skill emilkowal-animations --agent claude-code