To Spring Or Not To Spring

This is a focused extract from the userinterface-wiki skill that zeroes in on one specific decision: should you use spring animations or stick with easing curves? It covers the core timing function rules, including when springs are mandatory (gesture-driven motion, interruptible animations) versus when easing is appropriate (system state changes, entrances and exits). Also includes the critical animation principles like the 300ms rule and staging guidelines. If you're constantly second-guessing whether to reach for a spring or an ease-out curve in your motion work, this gives you the distilled logic without wading through 152 rules across 12 categories. The parent skill is comprehensive, but sometimes you just need the timing decision tree.

Install to Claude Code

npx -y skills add raphaelsalaja/userinterface-wiki --skill to-spring-or-not-to-spring --agent claude-code