animation-principles
Installation
SKILL.md
Animation Principles
Animation communicates state and guides attention. Use purposefully.
1. The 12 Principles (UI Subset)
| Principle | UI Application |
|---|---|
| Timing | Duration matches complexity (50–500ms) |
| Easing | ease-out for enter, ease-in for exit |
| Squash & stretch | Scale feedback on press |
| Anticipation | Brief pull-back before launch |
| Follow-through | Overshoot + settle (spring) |
| Staging | One focus at a time |
| Secondary action | Supporting motion reinforces primary |