Name: HyperFrames CLI
Availability: InStock
Author: heygen-com

HyperFrames CLI: Creative & Media for Claude Code | AI Skill Market | AI Skill Market

AI Skill Market Insights

Real data. Real impact.

Popularity

Rising

Emerging

Active Users

Developers

Time Saved

30 min

Per week

Quality

4/5

Excellent

Be Part of the 0+ Developer Community

One command unlocks capabilities that would take hours to build.

What it does. 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.

Scaffold:
```
npx hyperframes init 
```
or capture a site. In non-TTY mode, pass
```
--non-interactive --example=
```
. 2. Find the move: before authoring motion by hand, search for a primitive that already does it:
```
npx hyperframes catalog --query "reveal a headline one line at a time"
```
. Ask for the effect you want rather than the mechanism you have in mind. Install with
```
npx hyperframes add 
```
(see
```
/hyperframes-registry
```
). Author by hand only once nothing fits. 3. Author: write the composition using
```
/hyperframes-core
```
. 4. Get fast feedback while editing: run
```
npx hyperframes lint
```
after the first HTML pass and after structural changes. 5. 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. 6. Inspect sub-compositions: when
```
index.html
```
mounts
```
data-composition-src
```
, capture midpoint snapshots and inspect each mounted scene. 7. Open the final Studio preview: run
```
npx hyperframes preview --background
```
, verify the URL returns HTTP 200, hand the timeline project URL to the user, and ask whether to revise or render. Keep it alive until review ends. 8. Render only after approval: use draft quality for iteration and high quality for delivery. 9. Verify the output: confirm the file exists, is non-empty, and has a plausible duration.

Highlights

Before authoring or diagnosing a zoom, punch-in/punch-out, reframe, camera

Before

hyperframes keyframes

, read

/hyperframes-keyframes

; the command

For a cut, trim, splice, reorder, or source timing edit, read
For fade-in/fade-out, crossfade, track gain, volume automation, ducking,
Use
```
/media-use
```
only to source/generate media or preprocess a derived asset.

When to use it. 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…

Install

npx skills add heygen-com/hyperframes --skill hyperframes-cli

Or copy the skill folder manually:

git clone https://github.com/heygen-com/hyperframes.git
cp -r hyperframes/skills/hyperframes-cli/ ~/.claude/skills/hyperframes-cli

Source: heygen-com/hyperframes — 43,717 stars, Apache-2.0, last pushed 2026-09-02.

License

Apache-2.0

HyperFrames CLI

AI Skill Market Insights

Be Part of the 0+ Developer Community

License

Quick Start

Install Command

TEAR & SHARE

Tags

Chart MCP Server

Heddy IP — Brand Illustration

KiCad MCP Server

Shadcn UI MCP Server

Douyin MCP Server

Channels

Learn

Compare

Company

Agents