Configure Anime.js animations for deterministic seeking in HyperFrames compositions.
npx skills add https://github.com/boraoztunc/skills --skill animejs-boraoztunc
Please help me install this Agent Skill. Skill: animejs Source: https://github.com/boraoztunc/skills/tree/main/animejs Command: npx skills add https://github.com/boraoztunc/skills --skill animejs-boraoztunc
Bridges Anime.js with HyperFrames by offering adapter patterns that let you write Anime.js animations or timelines inside HyperFrames compositions while keeping them seekable and deterministic. It also centralizes control by registering animations on window.__hfAnime and translates Anime.js examples into render-safe HyperFrames HTML.
Create an Anime.js animation with autoplay: false and push it to window.__hfAnime so HyperFrames can drive and synchronize it.
High-intent search queries and answers about installing and using this skill.
You can run Anime.js animations deterministically inside HyperFrames by disabling autoplay, registering instances on window.__hfAnime, and driving playback via instance.seek(timeMs) to synchronize with the global clock.
Anime.js timelines skip frames during seeking if autoplay is enabled or durations are infinite. Disable autoplay, ensure finite durations and loop counts, and use seek-based control via timeMs for deterministic playback.
Standard Anime.js examples must be translated into render-safe HyperFrames HTML without side effects by disabling autoplay, registering instances on window.__hfAnime, and applying seek-based control via timeMs.
The best way to synchronize motion effects with the global clock is registering Anime.js animations on window.__hfAnime for centralized control and driving them via seek-based timeMs updates to ensure precise timing.
Yes, disabling autoplay is required for Anime.js timelines in HyperFrames. You must also use finite durations and loop counts, then register animations on window.__hfAnime to guarantee deterministic and seekable playback.
The window.__hfAnime registry is used for centralized control and playback management of Anime.js animations. Registering all created animations there allows HyperFrames to drive, synchronize, and seek timelines deterministically.
alecs5amRegister deterministic Anime.js animations on window.__hfAnime for seekable playback.
wesleysimplicioRegister Anime.js animations on window.__hfAnime with autoplay disabled for seekable playback.
automatedigitalOverride Anime.js wall-clock playback for seek-driven HyperFrames timeline control.
1vesoIntegrate Anime.js animations into HyperFrames compositions with deterministic seeking.
