📖 The AI Tool Bible

HyperFrames

Open-source video composition framework that lets AI agents build videos by writing HTML, CSS, and JS.

Free· Free, open-source (Apache 2.0)VideoMulti-model (Claude Code skill; BYO agent)
Visit website →
Best for

Pick HyperFrames if you want an AI coding agent to compose and iterate on videos as code rather than driving a timeline UI.

Skip if

Skip it if you want a click-and-drag video editor or one-shot text-to-video generation without touching markup.

HyperFrames is an open-source framework from HeyGen that turns video editing into a code task AI agents can actually perform. Instead of wrapping a timeline UI around a model, it asks agents to compose scenes as HTML, CSS, and JavaScript, with a catalog of pre-built blocks (transitions, VFX, device mockups, lower-thirds) you can import and remix. It ships as an NPM package and as a Claude Code skill installable via `npx skills add heygen-com/hyperframes`.

The target user is a developer pairing with an AI agent who wants programmatic video generation without leaving the terminal. Because everything renders from web standards, output is deterministic, diffable, and easy for an LLM to iterate on, three things traditional NLE-driven AI tools struggle with. The framework itself is Apache 2.0 and free; HeyGen is presumably betting it funnels users into its hosted avatar/video products downstream.

There's a public playground at hyperframes.dev, a quickstart, and a browsable block catalog. It's early — the marketing-promo demo and a handful of VFX blocks are what's on display — so expect to write your own components for anything beyond the included primitives.

Editor's take

The smartest take on agentic video we've seen this year: treat the composition as a web document, hand it to Claude Code, and iterate. It's early and the block library is thin, but the architecture is right and HeyGen has the distribution to make it stick.

— The AI Tool Bible editorial team

Pros

  • Open-source under Apache 2.0 with a public GitHub repo
  • Ships as a first-class Claude Code skill, not a vague API
  • Web-standard output (HTML/CSS/JS) is diffable and agent-friendly
  • Block catalog accelerates common compositions like device mockups and VFX
  • Backed by HeyGen, which actually ships video products

Cons

  • ⚠️ Requires writing or generating code; not a no-code editor
  • ⚠️ Block catalog is still small and skewed to marketing promos
  • ⚠️ Newer project with limited real-world case studies
  • ⚠️ Render pipeline and hosting story aren't spelled out on the landing page

Use cases

agent-driven videoprogrammatic videoproduct promosmotion graphicsvibe-coded editing

Explore related

Compare with similar tools

All in Video