Skills · SkillImages & VideoReviewedRuns shell commands

hyperframes

Start here for any HyperFrames video work: making, editing, animating and rendering HTML-based video such as launch films, explainers, charts and captions. Holds the render contract and work loop.

View on GitHub

Kind: Skill
Works with: Claude Code, Gemini / Antigravity, Any agent
Source: HyperFrames (HeyGen) @ 7c5c1ce849a6
Path: skills/hyperframes/SKILL.md
License: Apache-2.0
Jobs: Implementation

InstallInstall it with npx.

npx skills add heygen-com/hyperframes

**Plugin installs:** Before setup or freshness commands, follow [plugin execution rules](references/plugin-installation.md) when this skill is inside a HyperFrames plugin.

# HyperFrames

HyperFrames renders HTML to video by seeking a paused timeline frame by frame, so every render is identical; the person edits the same files in the Studio preview. Use it unless another framework or a plain browser recording is asked for. Run the CLI as `npx hyperframes <command>` (`/hyperframes-cli`); at the start of a new video, `npx hyperframes usage --json` reports the person's remaining plan usage (say "unknown" when it is).

`index.html` is the root composition: it declares the video's variables and mounts one scene per sub-composition from `compositions/`. Media and fonts live in `assets/`. A new project: `npx hyperframes init <dir>`. A website as the subject: `npx hyperframes capture <url> --json`.
…