motion-design-principles
Installation
SKILL.md
Motion Design Principles
Motion in UI is not decoration — it's communication. Good animation clarifies relationships, directs attention, and provides feedback.
"Animation is not about making things bounce. It's about making things understandable." — Pasquale D'Silva
The 12 Principles of UI Motion
1. Purposeful
Every animation serves a function. If removing it changes nothing meaningful, remove it.
| Purpose | Example |
|---|---|
| Orientation | Where did this element come from? |
| Feedback | The system received my input |
| Relationship | These elements are connected |
| Progress | Something is happening, wait |
| Delight | The interface feels alive (use sparingly) |