# hyperframes-cli

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 39k stars · Updated 2026-08-02

Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare, preview, play, present, beats, keyframes, single or batch render, publish, cloud, cloudrun, feedback, lambda, doctor, browser, info, upgrade, skills, compositions, docs, benchmark, telemetry, transcribe, auth, tts, and remove-background. Also use when diagnosing build or render failures. validate, inspect, and layout are deprecated aliases; use check. Covers local, HeyGen-hosted cloud, AWS Lambda, and Google Cloud Run rendering.

Tags: ai, animation, ffmpeg, framework, gsap, html, mcp, puppeteer, rendering, typescript, video

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/skills/hyperframes-cli ~/.claude/skills/hyperframes-cli
```

## From README

HyperFrames CLI Run commands as npx hyperframes ... unless project instructions provide a wrapper. Obey the wrapper when present. The CLI requires Node.js 22 or newer and FFmpeg. Development loop Scaffold: npx hyperframes init or capture a site. In non-TTY mode, pass --non-interactive --example= . Author: write the composition using /hyperframes-core. Get fast feedback while editing: run npx hyperframes lint after the first HTML pass and after structural changes. Run the final gate: run npx hyperframes check; it reruns lint before opening the browser. Do not prepend a redundant standalone lint invocation. Add --snapshots for annotated overview frames and finding crops. Inspect sub-compositions: when index.html mounts data-composition-src, capture midpoint snapshots and inspect each mounted scene. Open the final Studio preview: run npx hyperframes preview, hand the timeline project URL to the user, and ask whether to revise or render.

## Links

- HTML page: https://omgskills.com/skills/heygen-com/hyperframes/hyperframes-cli/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [changelog-video](https://omgskills.com/skills/heygen-com/hyperframes/dot-claude/skills/changelog-video/index.md) — Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 49k stars
- [hyperframes](https://omgskills.com/skills/heygen-com/hyperframes/hyperframes/index.md) — Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 43k stars
- [captions-overlay](https://omgskills.com/skills/heygen-com/hyperframes/dot-agents/skills/captions-overlay/index.md) — Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 41k stars