GitHub radar
Turn an HTML file into a finished MP4 video with your AI agent
HyperFrames turns a plain HTML file (the format used for web pages) into a finished MP4 video — your agent writes the file, the tool renders it.
HyperFrames is an open-source framework that turns an HTML page (the web-page format) with timing tags into a finished MP4 video file. It's built for AI coding agents: the agent picks a ready-made task script instead of inventing video logic from scratch.
When it helps
Useful when you want a quick promo video, a pull request explainer (a proposed code change) with highlighted edited lines, or a social clip made through your AI agent. Skip it if you're just editing finished footage in a regular video editor.
Pros
- Free — no per-render fee
- The same file always renders the same video
- 21 ready-made scripts — the agent doesn't invent video logic itself
- Runs on a regular laptop, no graphics card needed
Cons
- 21 skills — the agent has to pick the right one first
- You need Node.js and FFmpeg (a free video-assembly tool) installed on your machine
How to set it up — step by step
- 1Open your AI agent (Claude Code) in your project folder.
- 2Send the agent the text from the block below.
- 3Wait while the agent installs the HyperFrames plugin and picks a matching script.
- 4Check the result — open the finished MP4 file and watch the video.
Text for your agent
Copy this and send it to your agent — Claude Code, Codex, any of them:
Install the HyperFrames plugin in Claude Code: add the heygen-com/hyperframes marketplace from https://github.com/heygen-com/hyperframes, install the hyperframes plugin, and use the /hyperframes command to make a short product announcement video with a title and background music — show me the rendered MP4 file.
Runs on a regular laptop — no GPU needed, just Node.js 22+ and FFmpeg.
Open on GitHub▌ More finds