Create HTML-based video scenes with GSAP timelines and scene containers.
npx skills add https://github.com/OpenMinis/MinisSkills --skill hyperframes-openminis
Please help me install this Agent Skill. Skill: hyperframes Source: https://github.com/OpenMinis/MinisSkills/tree/main/hyperframes Command: npx skills add https://github.com/OpenMinis/MinisSkills --skill hyperframes-openminis
HyperFrames provides a turnkey system to author HTML-based video scenes with GSAP timelines, scene containers, and registry blocks, enabling repeatable, deterministic video production.
Create your first HyperFrames composition by scaffolding an index.html with SKILL.md frontmatter and a minimal set of clips, then run the environment checks to ensure dependencies are installed.
High-intent search queries and answers about installing and using this skill.
HTML video compositions with GSAP timelines are created by wiring scene containers and resource bundles into a deterministic workflow. HyperFrames automates this production process using reusable registry blocks and components for precise, repeatable motion.
The best way to manage multi-scene transitions is using scene containers with data-driven timing. This approach enables repeatable, deterministic video production while handling accessibility, captions, and TTS narration across scenes.
Yes, you can add captions and TTS narration to GSAP timeline animations. The composition workflow includes accessibility features and narration workflows, allowing you to integrate text and audio alongside your motion patterns seamlessly.
To scaffold an index.html for deterministic video production, define the SKILL.md frontmatter with name and description, add a minimal set of clips, and run environment checks to ensure dependencies like @hyperframes/producer and sharp are installed.
Yes, the workflow supports reusable motion patterns through a library of registry blocks and components. These elements can be loaded on demand and reused across multiple projects to maintain consistency in your HTML video scenes.
You need @hyperframes/producer and sharp as dependencies to automate the creation of HTML-based video scenes. These packages handle the deterministic composition workflow, ensuring precise rendering and processing of your GSAP timelines and scene containers.
BaoNguyen09Install Node.js and project dependencies on macOS for development.
nadicodeaiRender HTML compositions into MP4 or WebM videos using the HyperFrames CLI.
jkitchinAssemble six-scene MP4 videos from images and narrated audio using ffmpeg.
kofiarhinCreate timed HTML video compositions with GSAP animations and WCAG contrast validation.
