中文Saved
HyperFrames
Project page on GitHub

SkillLift has not run this. The preview comes from the project, and the description is based on its README.

Open source

HyperFrames

Write a video as HTML, then render it to MP4. The same HTML always gives the same film.

HyperFrames · HeyGen · Apache-2.0

Install

For Claude Code

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

For other agents

npx skills add heygen-com/hyperframes

Commands are copied word for word from the project's README. Read them before you run them.

Why it was picked

It gives an agent a real render step: the same HTML always gives the same MP4, and the source stays editable.

Why it exists

Most agents can write a web page but cannot hand you a finished video file. This gives them a real render step.

What you get

A local preview, an MP4 render, and a library of ready-made titles, transitions, captions and charts as editable source.

How it works

  1. Install the skills.
  2. Ask your agent for the video you want.
  3. Preview it in the browser, give notes, then render.

What it needs

Node.js 22 or later and FFmpeg.

In short

Pick this when you want full control of a video in code and will edit the source.

Worth knowing

Its optional block library has a few blocks named after real apps and companies. SkillLift does not list or recommend those. Its examples and some blocks use GSAP, which has its own licence, and the project lists a few textures whose origin is still to be confirmed. Paid HeyGen media services are optional: free local tools are offered alongside them.

Used in these workflows