Build videos from HTML using AI agents
When you issue a prompt for video production, the agent writes HTML code and completes it as an MP4 file. This framework turns HTML and CSS, which web developers are familiar with, into the language of video editing. You can preview directly in the browser, and the same input always yields the same result, making it suitable for automation pipelines.
Video production workflow with agents
If you use AI coding agents like Claude Code or Cursor, you only need to install the dedicated skill and then request video production. The agent handles the entire process, from video planning to HTML writing, animation linking, media addition, and rendering. These skills help the agent learn the patterns required for video production. A method of entering commands directly via a local CLI is also supported, requiring Node.js 22 or higher and FFmpeg.
HTML-based deterministic rendering
Define videos as HTML files and specify timing and tracks using data attributes. It supports various animation libraries such as GSAP, CSS, Lottie, and Three.js via an adapter-based approach. The renderer navigates each frame in headless Chrome and encodes it with FFmpeg, ensuring that identical inputs always generate the same video. There is no build step, so the index.html file plays as is and can be previewed immediately in the browser.
Registry and frame design system
You can install and use over 450 pre-made blocks and components from the registry. It allows you to easily add various visual elements such as transition effects, overlays, titles, charts, and map animations. Additionally, frame.md converts web design systems into video frames. It helps AI agents compose promotional videos without guessing while maintaining brand tokens and rules.
Differences from Remotion
Like Remotion, it uses headless Chrome and FFmpeg to render videos, but the writing model differs. While Remotion requires React components, this tool uses pure HTML that is easy for both humans and agents to write. The lack of a builder makes collaboration with agents smoother. It applies the Apache 2.0 license, with no per-render costs or commercial use restrictions.
Considerations before adoption
An environment with Node.js 22 or higher and FFmpeg installed is required. If you clone the development repository, you must install Git LFS, but if you only need source files, you can use an option to skip LFS content. HeyGen's Pro plan provides additional model access, but the basic framework and studio app are free to use. It is suitable for teams that need deterministic rendering in automation pipelines or CI environments and want to automate the video production process using AI agents.
