Description
animejs is an agent skill from HeyGen's HyperFrames project that shows how to write Anime.js animations inside a HyperFrames composition. HyperFrames can seek Anime.js instances through its animejs runtime adapter, so the composition owns the animation objects while HyperFrames owns the clock. The contract has a few rules. Create animations or timelines synchronously while the composition initializes. Set autoplay to false so Anime.js does not advance on its own, and register every returned animation or timeline on window.__hfAnime. Use finite durations and loop counts. Avoid callbacks that change the DOM based on wall-clock time, network state or unseeded randomness, because that would make renders differ from run to run. The adapter seeks each registered instance with seek applied to the time in milliseconds that HyperFrames reports, and the skill gives a basic pattern. It supports both IIFE and ES module builds of Anime.js. The skill is for developers who build deterministic video compositions with Anime.js and want the same frames every render. It passes Gen Agent Trust Hub and Socket on skills.sh, and Snyk shows a warning. It has about 70,000 installs. Install it with npx skills add https://github.com/heygen-com/hyperframes --skill animejs.…
Highlights
- Seek-driven Anime.js animations for deterministic renders
- Registers instances on window.__hfAnime with autoplay off
- Supports IIFE and ES module builds
- Rules for finite durations and no wall-clock callbacks
Ratings & Reviews
No ratings yet
Be the first to rate animejs.
People also visit
animejs FAQ
Why must autoplay be off?
So Anime.js does not advance on its own clock. HyperFrames seeks the animation instead.
Where do I register animations?
On window.__hfAnime, every animation or timeline the composition creates.
Why avoid wall-clock callbacks?
Because the same composition must produce the same frames on every render.
How do I install it?
Run npx skills add https://github.com/heygen-com/hyperframes --skill animejs.
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 animejs alternatives?
Popular alternatives to animejs include lottie, motion-graphics and emil-design-eng. See all animejs alternatives