BeClaude

hyperframes

New
Official PluginGeneralby HeyGen

HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.

First seen 5/22/2026

Summary

HyperFrames by HeyGen lets you write HTML and render it as video, combining compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture.

  • This skill is useful for developers who want to programmatically generate dynamic video content using web technologies.

Install & Usage

1
Add a marketplace
/plugin marketplace add <org/repo>
2
Install the plugin

Add the configuration to /plugin install hyperframes@<marketplace>

3
Manage with /plugin
/plugin

Use Cases

Create animated explainer videos by writing HTML with GSAP animations and rendering them directly to video.
Generate social media clips with dynamic captions and voiceovers from a script.
Build audio-reactive visualizations that sync animations to music or speech.
Capture live websites or web apps as video for demos or tutorials.
Produce personalized video content by combining runtime adapter animations with user data.
Automate video production pipelines by scripting compositions and rendering in batch.

Usage Examples

1

/hyperframes create a 30-second explainer video with GSAP animations and a voiceover from this script: [script]

2

/hyperframes render an audio-reactive visualization using the provided audio file and an HTML canvas

3

/hyperframes capture https://example.com as a 1080p video with a 10-second duration and add captions

View source on GitHub

Security Audits

LicenseUnknownSourcePassRepositoryPass

Frequently Asked Questions

What is hyperframes?

HyperFrames by HeyGen lets you write HTML and render it as video, combining compositions, GSAP animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture. This skill is useful for developers who want to programmatically generate dynamic video content using web technologies.

How to install hyperframes?

To install hyperframes: add a marketplace (/plugin marketplace add <org/repo>), then add the config to /plugin install hyperframes@<marketplace>. Finally, /plugin in Claude Code.

What is hyperframes best for?

hyperframes is a plugin categorized under General. Created by HeyGen.

What can I use hyperframes for?

hyperframes is useful for: Create animated explainer videos by writing HTML with GSAP animations and rendering them directly to video.; Generate social media clips with dynamic captions and voiceovers from a script.; Build audio-reactive visualizations that sync animations to music or speech.; Capture live websites or web apps as video for demos or tutorials.; Produce personalized video content by combining runtime adapter animations with user data.; Automate video production pipelines by scripting compositions and rendering in batch..