What is HyperFrames and what does it do?

Updated

HyperFrames is a tool that lets AI agents compose videos by writing HTML, CSS, and JavaScript. It was originated by HeyGen and built for the community, and it is open source under the Apache 2.0 license. In short: instead of editing video through a timeline UI, you let an AI agent generate the video by writing code.

The core idea

Most video tools assume a human operates a timeline, dragging clips and keyframes. HyperFrames inverts that. The video is expressed as web code — HTML for structure, CSS for styling and layout, JavaScript for motion and logic — and an AI agent writes that code on your behalf. The tagline on the site captures it directly: "Edit Videos By Vibe-Coding."

This matters because AI agents are already good at writing HTML, CSS, and JS. HyperFrames leans on that existing strength rather than asking agents to learn a proprietary editing API.

Who it's for

  • Developers and technical creators who would rather describe a video in natural language and get code back than operate an editor.
  • AI agent users who want video output as part of an agent workflow, not as a separate manual step.
  • Teams evaluating open-source options, since the Apache 2.0 license allows inspection, modification, and reuse.

It is less suited to someone who wants a traditional point-and-click editor with no code involved.

How you get started

The site's call to action is a single command:

npx skills add heygen-com/hyperframes --full-depth

This installs the HyperFrames skill for an agent environment via npx, pulling from the heygen-com/hyperframes source. The --full-depth flag is part of the documented invocation. Running it is the entry point the project itself points to — the expected result is that your agent gains the ability to compose video by writing HTML, CSS, and JS.

Key facts at a glance

Attribute Detail
What it does Lets AI agents compose videos by writing HTML, CSS & JS
Originated by HeyGen
Built for The community
License Open source, Apache 2.0
Entry command npx skills add heygen-com/hyperframes --full-depth

What to keep in mind

The project describes itself as open source under Apache 2.0, which governs how the code can be used and modified. The available site information does not state pricing, account requirements, or hosting terms, so treat those as unconfirmed rather than assuming the tool is free of any login or cost. If those details matter to your decision, verify them directly before committing.