HyperFrames Studio: how to make video with a coding agent

HyperFrames Studio is a desktop video editor that puts a coding agent in the editor with you. Describe the video you want, and the agent builds it as an HTML project. Then you trim clips, move keyframes and restyle text on a timeline, and the agent can edit the same files. HyperFrames released the app on October 5, 2026, for macOS and Linux.

The app is the visual layer on top of HyperFrames, an open-source framework that turns HTML, CSS and JavaScript into rendered video. Studio exists to handle the last few percent of an edit, the part that is easier to point at than to describe in a prompt.

What is HyperFrames Studio?

HyperFrames Studio is the visual editor for a HyperFrames project. In HyperFrames, a video is a web page. Layout is CSS, motion comes from GSAP or another animation runtime, and timing lives on data attributes. The framework asks the project for each exact frame instead of recording live playback, so a slow machine does not drop moments from the finished file, per HeyGen's introduction.

The Studio app opens any HyperFrames project folder with no import or conversion step. HeyGen's Studio docs put a live frame in the middle, a timeline underneath, project tools on the left and an inspector on the right. You can select and restyle an element, drag, trim or split a clip, and adjust keyframes. Edits write back to the HTML source, so the project stays a folder of files rather than a flattened export.

HeyGen's developers page says the framework renders to MP4, MOV, WebM, GIF or a PNG sequence, locally or through a hosted cloud API, and ships more than 150 prebuilt blocks and components.

How a coding agent drives HyperFrames Studio

Studio does not ship its own model. It uses an agent that runs on your computer, and HeyGen's setup docs name two: Claude Code and Codex. You connect one once, and every request goes to it. If both are ready and you have not picked one, the app uses Claude Code.

For Claude Code, the app runs Anthropic's official installer and signs you in. Codex is a two-command setup you run yourself. Coding agents were already the way to build a HyperFrames video. The GitHub repo ships 21 skills that teach an agent the production loop, from planning a video and writing valid HTML to linting, previewing and rendering. The repo lists support for Claude Code, Codex, Cursor, Gemini CLI and other coding agents that load skills.

Inside the app, the first-video card builds a launch video from four parts, a hook, proof, a turn and a call to action, then asks for a website or an idea. The website hands the agent your fonts, colors and logo, according to HeyGen's first-video docs. For changes, you can point at a frame and leave a note, or send the request back through Ask agent and Copy to Agent.

How to install HyperFrames Studio

The Studio app is a download. On hyperframes.dev/studio, macOS and Linux builds are available now. Windows and Windows on ARM are marked "coming soon," and enterprise deployment goes through HeyGen sales. The Studio app docs walk through the Mac disk image and the HyperFrames-x86_64.AppImage for 64-bit Linux. First launch asks you to sign in with a HeyGen account in the browser.

If you work from the terminal instead, the framework installs without the app. HeyGen's quickstart gives one command for standalone skills, npx skills add heygen-com/hyperframes, and says to choose the Core Skills group. Claude Code users can install the versioned plugin with claude plugin marketplace add heygen-com/hyperframes followed by claude plugin install hyperframes@hyperframes, both listed in the repo README. The CLI runs with no install through npx hyperframes, or once through npm install -g hyperframes, then starts a project with npx hyperframes init my-video.

What HyperFrames Studio costs

HeyGen's quickstart states that HyperFrames is free and open source, and that local rendering does not use HeyGen credits. The framework is Apache-2.0 on GitHub. The cost you can still run into is the agent. Runs bill to the plan your agent is signed in with, so Claude Code draws on a Claude or Anthropic Console account and Codex on a ChatGPT account, and you can point billing at an API key instead from Settings.

The Studio download page lists no price. FounderMag reports HeyGen has not said whether the desktop app will stay free or gain paid tiers, and IndieFounder notes that Product Hunt marks the listing free and that no Studio seat price appears on the page.

Where HyperFrames Studio falls short

The platform list is the first limit. Windows users wait, because both Windows builds are "coming soon" on the download page. The Linux app is an x86_64 AppImage, an Intel and AMD build with no ARM version on the docs.

The second is the agent. Studio is only as good as the Claude Code or Codex install driving it, and a website handoff depends on the site exposing fonts and colors the agent can read.

The third is speed. RuntimeWire reports the HyperFrames account declined to give an average editing time when asked, saying it depends on the agent and the size of the change. The launch post promotes hundreds of templates but carries no performance benchmark, and the workflow is built around a first cut followed by rounds of notes rather than a one-shot edit.

The fourth is churn. The changelog shows v0.8.143 landing on October 8, 2026, three days after launch, with distributed renders that plan a 26-minute clip in about 20 seconds on AWS Lambda instead of over six minutes. FounderMag counted nine releases in the 24 hours around launch, mostly Studio fixes.

How HyperFrames Studio compares with Remotion

The nearest comparison is Remotion, the React-based framework for making video from code. The HyperFrames README draws the difference at the handoff: HyperFrames projects are plain HTML files, while Remotion compositions are a JSX and React project. FounderMag notes HyperFrames is Apache 2.0 with no per-render fees, against Remotion's source-available license with commercial thresholds. Neither replaces a compositing tool like After Effects. The fit is motion graphics, captions, overlays and product explainers, the kind of video a browser can render.

The hosted side is the open question. HeyGen's developer docs describe cloud rendering and a hosted connector as part of the wider HyperFrames project, and IndieFounder reports those appear as beta with credit terms not yet on the Studio app pages. For a creator, the path today is to install the app, connect Claude Code or Codex, and start with one short launch cut.

Download the macOS or Linux build from hyperframes.dev/studio, or run npx hyperframes preview inside any HyperFrames project to open Studio in the browser.