AcademySkillsDesign and media

motion-design-skill

Design and front-end teams that want consistent, intentional animation in interfaces built with an AI agent.

  • Recommendedour rating
  • 2,079gitHub stars
  • MITlicence
  • 5 months agolast update
git clone https://github.com/LottieFiles/motion-design-skill.git
README.md

Loading the file...

What it does

motion-design-skill teaches AI agents how to think about motion before writing animation code. It covers timing, easing, choreography and Disney's animation principles adapted for UI, with patterns and reference tables. It works with CSS, Framer Motion, GSAP, Lottie and other systems.

Use cases

  1. 01Choose timing and easing for UI transitions
  2. 02Design entrance and exit animations for components
  3. 03Add loading, success and error feedback motion

Questions about
motion-design-skill.

What is motion-design-skill used for?

Design and front-end teams that want consistent, intentional animation in interfaces built with an AI agent. motion-design-skill teaches AI agents how to think about motion before writing animation code. It covers timing, easing, choreography and Disney's animation principles adapted for UI, with patterns and reference tables. It works with CSS, Framer Motion, GSAP, Lottie and other systems.

How do I install motion-design-skill?

Run this in your terminal: git clone https://github.com/LottieFiles/motion-design-skill.git

Is motion-design-skill open source?

Yes. The code is on GitHub (LottieFiles/motion-design-skill) under the MIT licence.

Is motion-design-skill safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.