How to install LottieFiles Motion Design Skill

What it does

This skill does not add a tool; it adds taste. It gives the assistant a checklist for motion: how long things should take, which easing to use and in what order elements should appear.

It works with CSS, GSAP, Lottie or other systems, so it pairs well with the other animation entries.

Example prompts

"Make this success message feel friendly, not bouncy"
"Review my animation timings and suggest fixes"
"Choreograph these four cards so they enter one after another"

How to install

$ npx skills add LottieFiles/motion-design-skill

How to use it

Ask for any animation and mention the feeling you want, e.g. playful or premium; the skill picks timing and easing.

Check it works

Ask the assistant whether the motion design skill is loaded.

Common problems

The assistant does not use the skill — skills load when a session starts — close the assistant, open it again in your project folder and ask again.

What to watch out for

None beyond normal file edits

Licence and author

Licence: MIT
Author: LottieFiles
Source code: github.com/LottieFiles/motion-design-skill

How we tested it

We installed it on an empty test computer on 13 Oct 2026. Installed and started in a clean test system. Not yet used in a real AI session.

Test level

Not yet used on real work.

Technical details of the test

Date: 13 Oct 2026
Method: Intake sandbox run on 2026-10-13 in a clean container with no account: cloned the repository and checked its skill, agent and plugin files, ran "npx -y skills --help".

Checked again on 12 Oct 2026

Alternatives

GSAP AI Skills — specific library know-how rather than principles

FAQ

Q: Is it free? A: The repo is open source (MIT); any API keys or services it uses may cost money.
Q: Do I need to code? A: No, you describe what you want in plain words; the assistant does the rest.

Sources

github.com/LottieFiles/motion-design-skill