Skip to main content
Install the HyperFrames plugin, then ask Claude Code for a video. Claude Code writes an HTML project in your folder, opens a live preview, and renders the MP4 on your computer.

​
Before you start

  • Claude Code, signed in with your Claude account or an Anthropic Console account. Its usage bills to that account.
  • Node.js 22 or newer, and npm.
  • FFmpeg, for rendering MP4 files. Run npx hyperframes doctor to check.

​
Install

Run the two commands above in your terminal. Then start a new Claude Code session, or run /reload-plugins in the current one.To get updates on their own, run /plugin, open Marketplaces, select hyperframes, and choose Enable auto-update. See Install the HyperFrames plugin for manual updates and removal.

​
Ask for your first video

Open Claude Code in an empty folder and paste:
With standalone skills, the skill is /hyperframes instead of /hyperframes:hyperframes. Replace the URL with the page you want the video to show.

​
What happens

  1. Claude Code reads the HyperFrames guide for your kind of video, such as a product launch or an explainer, and builds the project in your folder. For a longer film that tells a story, it first offers three storylines to pick from.
  2. It checks the project and opens a local preview.
Watch the first version and say what to change, in the same conversation.

​
Preview and render

To reopen the preview later, run this inside the project folder:
The preview opens in the browser editor, where you can also edit the video by hand. To make the MP4 yourself:
You can also ask Claude Code to render it.

​
Prefer an app?

The HyperFrames Studio app for Mac and Linux can use Claude Code as its agent. It installs Claude Code for you and gives you a chat, a preview, and an editor in one window. To create inside the Claude chat app instead, with nothing installed, use the hosted connector.

​
If something goes wrong

  • Claude Code does not see the skill. Start a new session or run /reload-plugins. For standalone skills, run npx hyperframes skills check.
  • The render fails. Run npx hyperframes doctor and fix what it reports.
  • Anything else. See Troubleshooting.