Ui Animation

This one walks you through UI animation like a proper motion design reference. You get timing guidelines broken down by use case (instant for toggles, 200-300ms for most transitions), easing functions with actual cubic-bezier values, and the classic 12 principles adapted for interfaces. The micro-interaction patterns are specific: button hover scales to 1.02 in 100ms, list items stagger at 50ms intervals. It covers the FLIP technique for performant reordering and clearly marks which CSS properties are GPU-accelerated versus layout-thrashing. Good for when you need to justify animation decisions with real numbers instead of just eyeballing it.

Install to Claude Code

npx -y skills add travisjneuman/.claude --skill ui-animation --agent claude-code