Orchestrate HTML video compositions by coordinating GSAP timelines with HyperFrames.
npx skills add https://github.com/scanbott/claude-skills --skill hyperframes
Please help me install this Agent Skill. Skill: hyperframes Source: https://github.com/scanbott/claude-skills/tree/main/hyperframes Command: npx skills add https://github.com/scanbott/claude-skills --skill hyperframes
HyperFrames provides a robust framework to author, choreograph, and render HTML-based video compositions, reducing the complexity of coordinating scenes, timing, and media across multiple clips.
Create a new composition by dropping your HTML scene structure into a folder and wiring up a timeline under window.__timelines.
High-intent search queries and answers about installing and using this skill.
You can choreograph HTML video by coordinating GSAP timelines with a structured data model to manage deterministic timing, resource loading, and safe scene transitions across multiple clips.
To add captions and voiceover to an HTML video composition, you can use a structured data model with frontmatter-driven entry points that synchronizes TTS narration and subtitle tracks deterministically.
Yes, HyperFrames supports deterministic, load-driven rendering specifically designed for multi-scene productions like product demos, marketing promos, and training explainers.
Yes, you can compose HTML scenes using GSAP timelines, data attributes, and sub-components to create audio-reactive visuals that respond deterministically across your video composition.
To start creating a video composition, drop your HTML scene structure into a folder and wire up your GSAP timeline under the window.__timelines object to orchestrate the rendering.
Yes, the framework relies on @hyperframes/producer to orchestrate the video rendering pipeline and sharp to handle image processing within the composition workflow.
LingoJackGenerate deterministic HyperFrames HTML video compositions with GSAP timelines.
SheshiyerProduce explainer videos from script to final cut with CLI-driven workflows.
nexu-ioCreate deterministic HTML video compositions with GSAP timelines for Open Design projects.
47thtechcornerRender HTML, CSS, and GSAP compositions into video files.
