motion-design
Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects, or any motion work. Works with CSS, Framer Motion, GSAP, Lottie, Spring, or any animation system.
- Version
- 1.0.0
- License
- MIT
Pinned to revision 0421db87acf2, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/motion-design/SKILL.md
- skills/motion-design/director/choreography.md
- skills/motion-design/director/context-adaptation.md
- skills/motion-design/director/core-philosophy.md
- skills/motion-design/director/decision-framework.md
- skills/motion-design/director/disney-principles.md
- skills/motion-design/director/emotion-mapping.md
- skills/motion-design/director/motion-personality.md
- skills/motion-design/director/narrative-structure.md
- skills/motion-design/patterns/ambient-continuous.md
- skills/motion-design/patterns/entrance-exit.md
- skills/motion-design/patterns/multi-element.md
- skills/motion-design/patterns/state-feedback.md
- skills/motion-design/reference/property-selection.md
- skills/motion-design/reference/quality-checklist.md
- skills/motion-design/reference/timing-easing-tables.md
- skills/motion-design/reference/troubleshooting.md
Every link opens the file at its source, pinned to the revision this page describes.