Description
lottie is an agent skill from HeyGen's HyperFrames project for embedding and seeking Lottie animations inside a composition. It covers both lottie-web JSON animations and dotLottie files played through the dotLottie player. HyperFrames seeks these players through its lottie runtime adapter, so the animation's own timeline is used and HyperFrames only needs a player object it can seek. The contract sets out the rules. Load assets from local project files, usually under an assets folder. Set autoplay to false, and prefer no loop unless the user explicitly wants one. Register every returned animation or player on window.__hfLottie, and keep the Lottie container's dimensions stable with CSS so the layout does not shift as frames change. The adapter seeks lottie-web with goToAndStop at the time in milliseconds and seeks dotLottie through frame or percentage calls depending on the player's shape. The skill includes a basic pattern for lottie-web. It is for developers who want a Lottie icon or illustration to play inside a video composition and render the same way every time. Because the animation runs from a file, keep the source files in the project so the render can find them. It passes Gen Agent Trust Hub and Socket on skills.sh, and Snyk shows a warning. It has about 69,100 installs. Install it with npx skills add https://github.com/heygen-com/hyperframes --skill lottie.…
Highlights
- Embeds lottie-web JSON and dotLottie animations in compositions
- Seeks players to composition time through the lottie adapter
- Registers players on window.__hfLottie with autoplay off
- Keeps container dimensions stable with CSS
Ratings & Reviews
No ratings yet
Be the first to rate lottie.
People also visit
lottie FAQ
Which Lottie formats work?
lottie-web JSON animations and dotLottie .lottie files played with the dotLottie player.
Should the animation loop?
Prefer no loop, unless the user explicitly asks for one.
Where do the asset files go?
In local project files, usually under an assets folder, so the render can find them.
How do I install it?
Run npx skills add https://github.com/heygen-com/hyperframes --skill lottie.
Which security audits does it have?
On skills.sh, Gen Agent Trust Hub and Socket pass, and Snyk shows a warning.
What are the best lottie alternatives?
Popular alternatives to lottie include animejs, motion-graphics and emil-design-eng. See all lottie alternatives