Sign in
Explore
Workflows · FrameworkImages & VideoMotion graphicsGenerationReviewed

HyperFrames (HeyGen)

An open-source framework that renders video from HTML, with eight agent skills: the core skill, a command-line guide, a library of about 450 ready-made blocks, media sourcing, importers for Remotion and other tools, a video-to-project rebuilder and a live slideshow mode.

View on GitHub
Kind
Framework
Works with
Claude Code, Codex, Cursor, Gemini / Antigravity
Source
HyperFrames (HeyGen) @ 7c5c1ce849a6
Path
README.md
Jobs
Implementation, UI/UX work
Topics
Motion graphics, Generation

Credit

Made by
heygen-com
Original
github.com/heygen-com/hyperframes/blob/7c5c1ce849a6b479f957b6…
License
Apache-2.0

Listed by Skill Manifest; not made by us.

InstallCopy it from the source repository, or sign in and let the assistant adapt it for your project.
Install factsScanned 2 Nov 2026
Adds
  • Steps in the source's README; what they create is not stated in the catalog
  • 8 component(s) from the same source
Runs scripts
Yes
  • shell block in the text
Uses the network
Yes
  • downloads npm packages
  • installs system packages
  • git clone / pull / push
Needs secrets
None found
Source revision
7c5c1ce849a6
Licence
Apache-2.0
Last activity
2 Nov 2026
Review
Reviewed

Found by a static scan of the stored text; nothing is run. “None found” is not a guarantee, so read what you install before you run it.

  • What this adds depends on the source's own instructions
<p align="center">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="docs/logo/dark.svg">
    <source media="(prefers-color-scheme: light)" srcset="docs/logo/light.svg">
    <img alt="HyperFrames" src="docs/logo/light.svg" width="300">
  </picture>
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/hyperframes"><img src="https://img.shields.io/npm/v/hyperframes.svg?style=flat" alt="npm version"></a>
  <a href="https://www.npmjs.com/package/hyperframes"><img src="https://img.shields.io/npm/dm/hyperframes.svg?style=flat" alt="npm downloads"></a>
  <a href="LICENSE"><img src="https://img.shields.io/badge/license-Apache%202.0-blue.svg" alt="License"></a>
  <a href="https://nodejs.org"><img src="https://img.shields.io/badge/node-%3E%3D22-brightgreen" alt="Node.js"></a>
  <a href="https://discord.gg/EbK98HBPdk"><img src="https://img.shields.io/badge/Discord-Join-5865F2?logo=discord&logoColor=white" alt="Discord"></a>
</p>

<p align="center"><b>Write HTML. Render video. Built for agents.</b></p>

<p align="center">
  <a href="https://hyperframes.studio/studio">Studio</a> |
  <a href="https://hyperframes.heygen.com/quickstart">Quickstart</a> |
…