Adapt Anime.js animations to HyperFrames' seek-driven playback via window.__hfAnime registry.
npx skills add https://github.com/Kamalabot/tt-vid --skill animejs-kamalabot
Please help me install this Agent Skill. Skill: animejs Source: https://github.com/Kamalabot/tt-vid/tree/main/man_lady/.agents/skills/animejs Command: npx skills add https://github.com/Kamalabot/tt-vid --skill animejs-kamalabot
This Skill resolves the incompatibility between standard Anime.js animations and HyperFrames' seek-driven playback system, enabling deterministic, frame-accurate animation control for HyperFrames video compositions.
Use the animejs skill to adapt your Anime.js animation or timeline code to work with HyperFrames' seek-driven playback by disabling autoplay and registering all instances on the window.__hfAnime registry.
High-intent search queries and answers about installing and using this skill.
Anime.js animations are incompatible with HyperFrames because standard instances advance on their own internal clock, conflicting with HyperFrames' seek-driven playback architecture. This Skill resolves the incompatibility so HyperFrames can own the timeline for frame-accurate control.
To port existing Anime.js examples, you need to adapt the code by disabling autoplay on all instances and registering them on the window.__hfAnime registry, allowing HyperFrames to use time-based instance.seek() for deterministic playback.
Yes, you must disable autoplay on all Anime.js instances and timelines. Disabling autoplay prevents the animations from advancing on their internal clock, which is required for HyperFrames to take deterministic control via its seek-driven architecture.
Yes, you can build compact DOM and SVG micro-animations for HyperFrames. By registering finite-duration Anime.js instances on the window.__hfAnime array, they will sync perfectly with HyperFrames' playback timeline.
Anime.js animations fail to sync if they are not initialized with autoplay disabled, lack finite durations and loop counts, or are not registered on the window.__hfAnime array, preventing HyperFrames from executing frame-accurate instance.seek() calls.
vs4vijayRegister Anime.js animations with autoplay disabled for HyperFrames seek-driven control.
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.
