LottieFiles/motion-design-skill

Universal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI

1 skill listed · MIT · 2.6k stars · last pushed 18 May 2026

LottieFiles/motion-design-skill on GitHub (opens in a new tab)

Install the collection

Any agent

Installs the latest version, not the one we checked. The skills CLI reports installs to skills.sh unless you set DISABLE_TELEMETRY=1.

npx skills@1.7.4 add LottieFiles/motion-design-skill

Skills

Skill
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.

Pattern check: Nothing flaggedWhat it can touch: Instructions onlyMIT · Updated 12 Mar 2026