---
title: "Render HTML-native agent videos with slash-command workflows using HyperFrames"
description: "Use agent-facing HyperFrames skills to turn prompts, PDFs, CSVs, or repo context into editable HTML video compositions and rendered MP4 outputs."
verification: "listed"
source: "https://github.com/heygen-com/hyperframes"
author: "HeyGen"
publisher_type: "organization"
category:
  - "Image & Creative Automation"
framework:
  - "Multi-Framework"
tool_ecosystem:
  github_repo: "heygen-com/hyperframes"
  github_stars: 9510
  npm_package: "hyperframes"
  npm_weekly_downloads: 28006
---

# Render HTML-native agent videos with slash-command workflows using HyperFrames

Use agent-facing HyperFrames skills to turn prompts, PDFs, CSVs, or repo context into editable HTML video compositions and rendered MP4 outputs.

## Prerequisites

Node.js 22+, FFmpeg

## Installation

Choose whichever fits your setup:

1. Copy this skill folder into your local skills directory.
2. Clone the repo and symlink or copy the skill into your agent workspace.
3. Add the repo as a git submodule if you manage shared skills centrally.
4. Install it through your internal provisioning or packaging workflow.
5. Download the folder directly from GitHub and place it in your skills collection.

Install command or upstream instructions:

```
Install the package with `npx hyperframes init my-video` or add the upstream agent skills with `npx skills add heygen-com/hyperframes`, then preview with `npx hyperframes preview` and render with `npx hyperframes render`.
```

## Documentation

- https://github.com/heygen-com/hyperframes

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/render-html-native-agent-videos-with-slash-command-workflows-using-hyperframes/)