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.
- installs 8w
- 6,915
- 30-day movement
- starts with the next reading
- Related entries
- 3
- Connections
- 0
A SKILL.md that loads motion design principles—timing, easing, choreography, and Disney animation principles adapted for UI—into an AI coding agent. It bundles reference files covering philosophy, decision frameworks, motion personality archetypes, emotion-to-motion mapping, and reusable animation patterns.
Reach for it when you want an agent to apply structured motion design judgment rather than ad-hoc animation choices.
Use it to
- Design UI animations and transitions
- Build micro-interactions and feedback states
- Create loading states and page transitions
- Add scroll-triggered effects
- Choose durations and easing curves
For Developers building UI animations with an AI coding agent
- Host repository
- LottieFiles/motion-design-skill
- Version
- 1.0.0
- Installs, lifetime
- 12k
- Installs, 8 weeks
- 6,915
- Licence
- MIT
- Host stars
- 1,680