Generate deterministic HyperFrames HTML video compositions with GSAP timelines.
npx skills add https://github.com/LingoJack/jcli --skill hyperframes-lingojack
Please help me install this Agent Skill. Skill: hyperframes Source: https://github.com/LingoJack/jcli/tree/main/.jcli/skills/hyperframes Command: npx skills add https://github.com/LingoJack/jcli --skill hyperframes-lingojack
It solves the problem of producing deterministic, seekable HTML-to-video compositions (with correct timing, layout, typography, and motion) without introducing rendering breaks.
data-start / data-duration and animations register into window.__timelines.design.md (or house-style + presets) to avoid invented colors/fonts and to keep output consistent.Generate a HyperFrames HTML composition that matches the requested video concept (including captions, transitions, and audio-reactive beat-sync if music is present) following the composition process in this skill.
High-intent search queries and answers about installing and using this skill.
To build seekable HTML video compositions, you drive timing via data-start and data-duration attributes, wiring animations into a GSAP timeline that registers into window.__timelines for deterministic, seekable playback.
Syncing captions and subtitles to audio in HTML video requires aligning timed media clips with transcript data. The composition process structures these elements to ensure captions match audio during timeline playback.
Creating multi-scene video transitions with GSAP timelines requires assigning entrance animations to every scene and ensuring exits occur only through transitions, with a final-scene exception for continuous playback.
HTML video animations break during rendering when layout and animation phases overlap. Enforcing layout-before-animation rules, finite animation timelines, and strict GSAP property guardrails prevents rendering breaks.
You can use brand-constrained design systems for HTML video generation by referencing a design.md file or house-style presets to prevent invented colors and fonts, ensuring consistent visual output across compositions.
HyperFrames supports audio-reactive beat-sync animation by integrating music data into the GSAP timeline, allowing visual elements to react dynamically to audio beats during video composition playback.
johan-RmGenerate creative direction plans for HyperFrames video projects from design specs.
cosmicstack-labsCreate HTML-driven video compositions with timed clips and deterministic animation for MP4 rendering.
kofiarhinCreate timed HTML video compositions with GSAP animations and WCAG contrast validation.
compozyCreate deterministic HyperFrames HTML video compositions with GSAP timelines and data attributes.