NPX Skills Add
Last commit on March 12, 2026·Created on March 12, 2026
LottieFiles/motion-design-skill
“Gives every animation an emotional reason and a technical rule.”
Combined rank
#217
across all skills
In Design
#20
category rank
Stars
884
+7.3% in last 7d
Forks
57
+5.6% in last 7d
Watchers
3
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Description
This skill turns motion design principles into a structured reference for UI animations. It provides timing tables, easing families, personality archetypes, and choreography rules so that every micro-interaction, page transition, or loading state has both an emotional target and a technical foundation. It is built for designers and frontend developers who want motion that feels intentional—not decorative.
WHO IT'S FOR
UI Motion Designers
applying Disney principles to UI animations
Frontend Animation Engineers
implementing easing curves and stagger patterns
Product Design Teams
establishing brand motion identity and guidelines
AI Agent Interaction Designers
designing emotionally intelligent agent animations
30 Days of GitHub Stars
+300 stars↑ 52.9% monthly change
Jul 7Jul 14Jul 21Jul 28Aug 5
Compatibility & Install1 Skill · 4 Compatible agents · 2 categories · 1 install path
Compatible agents
❯Claude Code❯Codex❯Cursor❯Copilot
Categories
DesignMedia
Install via
Repository instructions
Also in this category4 of 46