Hyperframes Compose
Author and compose HTML-based video compositions in the HyperFrames framework, defining timing, layout, animation, and multi-scene structure for programmatic video generation.
Install
npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-composeWhat is this skill?
- HTML-based video composition with data-* timing attributes
- GSAP animation timeline contract
- Multi-scene and sub-composition support
- Design-system-first workflow via hyperframes-creative
- Lint, validate, and inspect CLI quality gates
Adoption & trust: 47 installs on skills.sh.
Who is it for?
Developers building custom programmatic video compositions with HyperFrames
Skip if: Editing existing footage or non-HyperFrames video workflows
What do I get? / Deliverables
- HTML composition file
- rendered MP4 video
- validated HyperFrames project
Recommended Skills
Video Editagentspace-so/runcomfy-agent-skills
Image To Videoagentspace-so/runcomfy-agent-skills
Image Editagentspace-so/runcomfy-agent-skills
Flux Kontextagentspace-so/runcomfy-agent-skills
Nano Banana 2agentspace-so/runcomfy-agent-skills
Nano Banana Editagentspace-so/runcomfy-agent-skills
Journey fit
Primary fit
Composing a HyperFrames video is a build-phase activity: you are authoring and constructing a programmatic video composition with HTML, GSAP, and the HyperFrames timeline contract. HyperFrames compositions are rendered from HTML/CSS/JS — they are frontend artifacts. The skill guides layout, animation, and component architecture of video compositions as frontend documents.