Library
Lottie agent skills for Claude Code, Codex and other agents.
- skills
- 18
- Type
- Library
- Website
- lottiefiles.com
- Official GitHub
- airbnb, LottieFiles
Lottie skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime. | heygen-com/ | 59k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | today |
| 2 | 把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画：设计动作方向，生成关键帧与视频，整理成图集或视频，编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场，或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D… | oil-oil/ | 2.6k | — | ~1.6k | Automated safety check: Pass | MIT | 3 days ago |
| 3 | Applies motion design principles to create emotionally-driven, technically sound animations and transitions. | LottieFiles/ | 2k | 1 repo | ~3.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 4 | Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react). | LottieFiles/ | 892 | — | ~3.5k | Automated safety check: Pass | MIT | today |
| 5 | Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. | pixel-point/ | 149 | 1 repo | ~1.6k | Automated safety check: Pass | No licence | 5 mo ago |
| 6 | All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus… | chmonitor/ | 299 | 2 repos | ~1.8k | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 7 | A skill your agent uses when implementing Disney's 12 animation principles with Lottie animations exported from After Effects | calesthio/ | 65k | — | ~930 | Automated safety check: Pass | AGPL-3.0 | 4 days ago |
| 8 | Remotion 最佳实践 - 使用 React 创建视频 | buainoai/ | 119 | — | ~703 | Automated safety check: Pass | No licence | 8 mo ago |
| 9 | Turns an idea or script into a branded MP4 by routing each scene to HyperFrames, Lottie, Manim or GSAP, wrapping it in one brand frame file, then checking and rendering. | hoodini/ | 281 | — | ~2.2k | Automated safety check: Pass | No licence | 2 mo ago |
| 10 | 额外包检测与安装。根据 storyboard 检测并安装额外依赖（lottie/3D/charts/gif 等）。模板和基础依赖已在 bootstrap 阶段完成。 | bilibili/ | 129 | — | ~436 | Automated safety check: Pass | Unknown | 5 mo ago |
| 11 | Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG. | KumarSashank/ | 122 | — | ~2k | Automated safety check: Pass | MIT | 2 mo ago |
| 12 | Propose and improve story-driven celebration scenes in AI DIAL Chat, including interaction with page components, character motion, SVG/Lottie artwork and performance. | epam/ | 504 | — | ~3.1k | Automated safety check: Pass | Apache-2.0 | today |
| 13 | 13.Recreate Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG. | KumarSashank/ | 122 | — | ~1.8k | Automated safety check: Notes | MIT | 2 mo ago |
| 14 | 14.Lottie Lottie and dotLottie adapter patterns for HyperFrames. An agent skill from boraoztunc/skills. | boraoztunc/ | 395 | 2 repos | ~850 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 15 | Best practices and domain knowledge for building videos programmatically with Remotion (videos in React/TypeScript, rendered to MP4). | guanyang/ | 975 | — | ~3.1k | Automated safety check: Pass | MIT | yesterday |
| 16 | A skill your agent uses when preloading fonts, asset/network images, Lottie/Rive animations, local JSON/config, warming initial API data, or optimizing Flutter Web startup. | evanca/ | 649 | — | ~4.7k | Automated safety check: Pass | MIT | 24 days ago |
| 17 | Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。 | affaan-m/ | 275k | — | ~680 | Automated safety check: Pass | MIT | 3 days ago |
| 18 | Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则，涵盖 3D、动画、音频、字幕、图表、过渡等。 | affaan-m/ | 275k | — | ~605 | Automated safety check: Pass | MIT | 3 days ago |
Questions, answered from the data.
What is the best Lottie skill?
HyperFrames Animation from heygen-com/hyperframes ranks first of the 18 Lottie skills listed here, with the highest score: its repository has 59k GitHub stars, 3 other GitHub owners carry a copy, its SKILL.md loads about 2.1k tokens and it passes the automated safety check with no findings. Next come Oil Motion and Motion Design.
Is there an official Lottie skill?
None yet. All 18 Lottie skills listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.