What is saas-productivity?
Use when designing animations for business tools, project management, collaboration software, or productivity apps Source: dylantarre/animation-principles.
Use when designing animations for business tools, project management, collaboration software, or productivity apps
Quickly install saas-productivity AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Apply Disney's 12 principles to create efficient, professional experiences that enhance focus and reduce friction.
| Button Feedback | 100ms | ease-out | | Modal Open | 250ms | ease-out | | Dropdown Menu | 200ms | ease-in-out | | Page Transition | 300ms | ease-in-out | | Toast Notification | 200ms | ease-out |
Key Principle Animations should be invisible to users focused on work. Motion exists to provide feedback and maintain spatial awareness, never to entertain or delay.
Use when designing animations for business tools, project management, collaboration software, or productivity apps Source: dylantarre/animation-principles.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill saas-productivityUse when designing animations for business tools, project management, collaboration software, or productivity apps Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill saas-productivity Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles