OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Agent Frameworks

Hyperframes

An open-source TypeScript framework and local CLI for deterministic MP4 rendering from HTML, CSS, media and seekable animations.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Hyperframes — OpenViST project profile in Agent Frameworks.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use Hyperframes when the video can be authored as HTML, CSS, media and seekable animations and deterministic MP4 output is important.

Who it is for

  • Developers building programmatic video compositions.
  • Teams using AI coding agents to author video workflows.
  • People seeking local or self-hosted rendering around web-based media authoring.

Documented uses

  • Generate product-demo videos from HTML and CSS templates.
  • Render animation previews into MP4 files from an AI coding-agent workflow.
  • Compose videos programmatically from HTML, media assets and seekable animations.
  • Use a rendering core within a hosted authoring workflow.
Before you choose

Requirements & limits

The project is documented as open source, public and accessible through GitHub. It is available as a CLI and self-hosted framework; no pricing or account requirement is documented.

  • Input format: workflows are based on HTML, CSS, media and seekable animations.
  • Output: the documented target is deterministic MP4 video.
  • Automation: agent skills support a plan, author, lint, preview and render loop.
  • Integration scope: the evidence does not provide complete interface details for every supported agent.
  • Runtime: the repository documentation shows a Node.js version requirement of 22 or later.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Install Hyperframes skills for an AI coding agent

Set up the documented Hyperframes skill workflow for agent-assisted video creation.

Before you start

  • An AI coding agent that supports skills.
  • Node.js version 22 or later.
  • Access to the Hyperframes GitHub repository.

Steps

  1. For Claude Code, add the Hyperframes marketplace with claude plugin marketplace add heygen-com/hyperframes.

  2. Install the versioned plugin with claude plugin install hyperframes@hyperframes.

  3. Alternatively, install standalone skills with the command below.

    Documented command
    npx skills add heygen-com/hyperframes

  4. Use /hyperframes to route a video, animation or motion-graphics request through the documented creation workflow.

Expected outcome

The agent can use the Hyperframes skill workflow to plan, author, animate, preview and render a video.

Guide limitations

  • The evidence does not specify the full integration interface for each agent.
  • Standalone skill installation behavior varies between the interactive picker and update commands.
  • Source-based guidance is not human verification.
Documentation 1 ↗
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
1 October 2026
Original website title
heygen-com/hyperframes · Official homepage title · retained in its source language
How we review sourcesSuggest a correction