← All skills

lottie-animation

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a media skill usually calls an AI service over the internet.

By iart-ai/web-animation-skills (GitHub) · media · 89 stars · scanned at commit ed3a045

This skill should be used when the user asks to "add a Lottie animation", "play a .lottie or .json animation", "integrate a Bodymovin/After Effects animation on web or mobile", "control Lottie playback / segments", "make a scroll-driven Lottie", "recolor a Lottie at runtime", or "export an AE animation to Lottie". Covers dotLottie/lottie-web integration, playback control, interactivity, theming, and the AE export checklist.

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (media) that look related. Check that one does what you need.

• 100 Low risklottie-bodymovinlinpengishero/VideoFreeStudio · 30 stars
• 80 Low riskthreejs-animationiart-ai/webgl-animation-skills · 54 stars
• 100 Low riskanimation-patternsfreekmurze/dotfiles · 1,020 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'lottie-animation' ] || [ -L ~/.agents/skills/'lottie-animation' ]; then echo 'A skill folder named lottie-animation already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/iart-ai/web-animation-skills' "$d" && git -C "$d" checkout --quiet 'ed3a045192679b24d32090ee7a983871311ababd' -- 'skills/lottie-animation' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/lottie-animation' ~/.agents/skills/'lottie-animation' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'lottie-animation' ~/.claude/skills/'lottie-animation' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for iart-ai/web-animation-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/iart-ai/web-animation-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/iart-ai/web-animation-skills/)

Score history