# lottie

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 15k stars · 71k installs · Updated 2026-05-06

Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, @lottiefiles/dotlottie-web players, registering instances on window.\_\_hfLottie, or making After Effects exports deterministic in HyperFrames.

Tags: ai, animation, ffmpeg, framework, gsap, html, mcp, puppeteer, rendering, typescript, video

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/skills/lottie ~/.claude/skills/lottie
```

## Links

- HTML page: https://omgskills.com/skills/heygen-com/hyperframes/lottie/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [changelog-video](https://omgskills.com/skills/heygen-com/hyperframes/dot-claude/skills/changelog-video/index.md) — Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 49k stars
- [hyperframes](https://omgskills.com/skills/heygen-com/hyperframes/hyperframes/index.md) — Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 43k stars
- [captions-overlay](https://omgskills.com/skills/heygen-com/hyperframes/dot-agents/skills/captions-overlay/index.md) — Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 41k stars