Saas Productivity

This teaches you how to apply Disney's 12 animation principles to SaaS and productivity tools without making them feel like cartoons. You get specific timing guidelines (100ms button feedback, 250ms modals), concrete examples for each principle (checkbox squash on completion, curved arcs for kanban cards), and a clear philosophy that animations should be invisible to focused users. The best part is knowing when not to animate. Most productivity apps either skip motion entirely or overdo it with bouncy consumer-style effects. This gives you the middle path with actual millisecond targets and easing functions you can drop straight into your CSS.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill saas-productivity --agent claude-code