motion-design
motion-design is a skill in LottieFiles/motion-design-skill, last changed 12 Mar 2026. It is instructions only: no scripts, no named hosts and no pre-approved tools. Our pattern check flagged nothing at commit f9a8a04 on 27 Oct 2026.
Pattern check: nothing flagged · commit f9a8a04 · 27 Oct 2026
InstallApplies 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.
- Licence
- MIT
- Repo stars
- 2.6k
- Folder last changed
- 12 Mar 2026 (opens in a new tab)
- Publisher
- LottieFiles
- Files
- 17 files
- Checked
- f9a8a04 (opens in a new tab) · 27 Oct 2026
Install
Each tab says whether it installs commit f9a8a04, the one we checked, or the latest version.
No tab for your agent? Use Any agent for OpenCode, Goose, Windsurf (Devin Desktop), Zed, Roo Code, Factory Droid, Junie, Amp and Antigravity, and Claude Code for Cline. Kiro needs the folder copied by hand.
Pinned to commit f9a8a04, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
mkdir -p .claude/skills &&
mkdir .claude/skills/motion-design &&
cp -R "$tmp"/skills/motion-design/. .claude/skills/motion-design/ &&
rm -rf "$tmp"If Claude Code was already running and this created the skills folder, run /reload-skills.
Pinned to commit f9a8a04, the one we checked.
Skills in the Claude apps belong to your account rather than to a project.
Make motion-design.zip, with the skill folder at the top level:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
out="$(mktemp -d)" &&
cp -R "$tmp"/skills/motion-design "$out"/motion-design &&
(cd "$out" && zip -qr - motion-design) > motion-design.zip &&
rm -rf "$tmp" "$out"In Claude, open Customize > Skills, select +, then + Create skill > Upload a skill, and choose motion-design.zip.
On Free, Pro and Max plans, turn on Code execution and file creation (Create and edit files in newer settings) under Settings > Capabilities.
Pinned to commit f9a8a04, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
mkdir -p .agents/skills &&
mkdir .agents/skills/motion-design &&
cp -R "$tmp"/skills/motion-design/. .agents/skills/motion-design/ &&
rm -rf "$tmp"Codex picks up new skills on its own; restart it if this one does not appear.
Pinned to commit f9a8a04, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
mkdir -p .cursor/skills &&
mkdir .cursor/skills/motion-design &&
cp -R "$tmp"/skills/motion-design/. .cursor/skills/motion-design/ &&
rm -rf "$tmp"Pinned to commit f9a8a04, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
mkdir -p .github/skills &&
mkdir .github/skills/motion-design &&
cp -R "$tmp"/skills/motion-design/. .github/skills/motion-design/ &&
rm -rf "$tmp"In a running Copilot CLI session, run /skills reload.
Or install it with gh skill, which also installs the commit we checked. Needs GitHub CLI 2.90 or later.
gh skill install LottieFiles/motion-design-skill skills/motion-design/SKILL.md@f9a8a041b85185ee4881b3471d3415e939aac772 --agent github-copilot --scope projectPinned to commit f9a8a04, the one we checked.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
mkdir -p .gemini/skills &&
mkdir .gemini/skills/motion-design &&
cp -R "$tmp"/skills/motion-design/. .gemini/skills/motion-design/ &&
rm -rf "$tmp"In a running session, run /skills reload.
Or use Gemini CLI’s own installer. Installs the latest version, not the one we checked.
gemini skills install https://github.com/LottieFiles/motion-design-skill.git --path skills/motion-design --scope workspacePinned to commit f9a8a04, the one we checked.
Codex, Cursor, Copilot, VS Code, Gemini CLI, OpenCode, Goose, Amp and Zed all read .agents/skills; Claude Code and Kiro list only their own folders.
From your project's root folder:
tmp="$(mktemp -d)" &&
git clone -q --depth 1 --filter=blob:none --no-checkout https://github.com/LottieFiles/motion-design-skill.git "$tmp" &&
git -C "$tmp" fetch -q --depth 1 origin f9a8a041b85185ee4881b3471d3415e939aac772 &&
git -C "$tmp" sparse-checkout set -- skills/motion-design &&
git -C "$tmp" checkout -q f9a8a041b85185ee4881b3471d3415e939aac772 &&
mkdir -p .agents/skills &&
mkdir .agents/skills/motion-design &&
cp -R "$tmp"/skills/motion-design/. .agents/skills/motion-design/ &&
rm -rf "$tmp"Or use the skills CLI from skills.sh. 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 --skill motion-designWhat it can touch
From the files and frontmatter at commit f9a8a04. This is how much a skill can do, not whether it is risky.
What it can touch: Instructions only
It is instructions only: no scripts, no named hosts and no pre-approved tools.
Pattern check
Pattern check: nothing flagged · commit f9a8a04 · 27 Oct 2026
We checked every text file in this skill, at commit f9a8a04 on 27 Oct 2026, against 45 published patterns such as download-and-run commands, hidden text and credential access. We don't run the skill, we don't read the web pages it points to, and we can't judge everything its instructions might lead an agent to do. In published tests, pattern checks like this one missed most malicious skills. Read the skill before you install it — especially anything it asks you to download or run.
Format check
Each agent reads SKILL.md a little differently. We check the file against each one's published rules; we don't run the skill in any agent.
Agent Skills specPasses
The open format from agentskills.io, held to what the strictest agents enforce, so one folder loads everywhere.
- Note
Reference files over 100 lines with no table of contents at the top: director/disney-principles.md (103 lines) and reference/timing-easing-tables.md (107 lines). B5
Fix: Add a short list of the sections at the top of each.
- Note
Claude CodePasses
Claude Code reads its own extra fields, ignores unknown ones, and still loads a skill whose frontmatter is broken, without its fields.
- Note
Reference files over 100 lines with no table of contents at the top: director/disney-principles.md (103 lines) and reference/timing-easing-tables.md (107 lines). B5
Fix: Add a short list of the sections at the top of each.
- Note
Claude apps & API uploadPasses
Uploading to claude.ai or the Claude API, or packaging with Anthropic's script, accepts only the six spec fields and stops on anything else.
- Note
The description is 416 characters. The claude.ai Help Center says 200 at most, though Anthropic's API docs and validator allow 1,024. D4
Fix: If the claude.ai upload refuses it, trim the description to 200 characters.
- Note
Reference files over 100 lines with no table of contents at the top: director/disney-principles.md (103 lines) and reference/timing-easing-tables.md (107 lines). B5
Fix: Add a short list of the sections at the top of each.
- Note
- OpenAI (Codex & API)Passes
- VS Code & CopilotPasses
SKILL.md
Files
17 files