hyperframes-cli

द्वारा heygen-com

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes-cli

Plugin installs: Before setup or freshness commands, follow plugin execution rules when this skill is inside a HyperFrames plugin.

HyperFrames CLI

Run npx hyperframes <command> unless the project gives a wrapper; then use the wrapper. It needs Node.js 22+ and FFmpeg. Every command has --help; most take --json, and a failure prints ✗ …, a Fix: line and exits non-zero.

Commands by job

JobCommands
Startinit <dir> (blank; --example <name> only when asked), capture <url>
Read a projectinfo, compositions, timeline --json, docs <topic>
Check itlint while writing; check --json as the gate (lint, runtime, layout, contrast)
Look at itsnapshot (--at <t,…>, --range START,END, --composition <id>, --zoom, --angle, --against <video>), keyframes, compare, audio
Edit the timelinetimeline with move, trim, split, set, duplicate, delete, apply, undo, ids
Reusecatalog, add (/hyperframes-registry)
Media and soundmedia-treatment, grade-compare, remove-background, tts, transcribe, beats, normalize-audio (/media-use)
Show and shippreview, present (/slideshow), render, publish, cloud, lambda, cloudrun
Desktop appopen, catch-up
Upkeepdoctor, browser, upgrade, skills, usage, clean, feedback

validate, inspect and layout are deprecated aliases of check; events is telemetry for skills' own scripts. Don't run them.

The loop

  1. Write, then npx hyperframes lint after the first pass and after structural changes.
  2. npx hyperframes check --json and fix every error. While a lint error remains the layout and contrast audits don't run; "0 samples" means nothing was checked. Contrast failures carry a suggestedColor. A finding at a single sample (an entrance in flight) is info; a 3 s+ video with no visible change fails sweep_static.
  3. npx hyperframes snapshot and read the PNGs (under .hyperframes/artifacts/snapshots/): that is how you see the video. With sub-compositions, snapshot a midpoint of every scene; tiny unstyled content or a missing hero is a mount defect (../hyperframes/references/format.md).
  4. npx hyperframes preview --background, check the URL answers 200, give the person the project URL and wait, unless they asked for the file or for no stops. Passing checks alone is not a reason to render.
  5. When it is time to render (step 4): npx hyperframes render --quality looks --output out.mp4 (draft while iterating, delivery for the final). Confirm the file is non-empty and its ffprobe duration matches the root data-duration, then look at decoded frames.

"This element" or the current selection: npx hyperframes preview --context --json --context-fields selection; no-selection means ask them to click it.

Edit the timeline

These are the edits Studio itself makes, so the result stays in Studio's shape.

  • timeline --json lists clips with absolute absStart/absEnd, owning file and the #id ref the edit commands take (timeline ids stamps missing ids).
  • timeline move|trim|split|set|duplicate|delete <ref> … --plan --json previews one edit; run it again without --plan. --start, --end, --duration set one edge or the length.
  • An edit is refused when the clip would overlap a neighbour (--overwrite, or move the neighbour first) or end past its composition: raise the root's data-duration first. No command changes data-duration.
  • Several edits at once: a JSON file such as [{"verb": "move", "ref": "#outro", "time": "9"}], then timeline apply plan.json --json. Each run prints a receipt; save it and timeline undo receipt.json reverts it.

Project history

Every write is kept and can be undone. At the start of a turn, npx hyperframes history begin --who <you> --label "<plan>", then history --since mine --who <you> to see what the person changed; build on their edits. A check failed or they say it got worse: history undo --who <you>, never hand-edit back. End the turn with history end.

Render where

NeedCommand
Localrender --quality looks --output out.mp4 (draft, delivery)
Reproducible containerrender --docker --strict --output out.mp4
Batch from variablesrender --batch rows.json --output "renders/{name}.mp4"
Hosted, no local Chrome or FFmpegcloud render (references/cloud.md)
Your own AWS or GCPlambda render, cloudrun render (references/lambda.md, references/cloudrun.md)

A 30 s film renders in a minute or two: run it in the foreground. Detach only a render longer than your tool's timeout (HYPERFRAMES_RENDER_DETACHED=1, its own group, output to a log) and wait with until grep -qE 'Render (complete|failed)' render.log; do sleep 5; done, never pgrep -f, which matches its own loop and waits until the tool times out.

After a verified render, send one feedback --rating, plus a report for anything the person asked for that HyperFrames can't do, unless telemetry is off: references/feedback.md.

When a command fails

SymptomFix
Chrome missing or won't startnpx hyperframes browser ensure; doctor --json always exits 0, gate on .ok
A heavy page isn't ready in timeRaise --timeout on check or snapshot
Unusual codec looks blankKeep --proxy on (the default)
Render slow on LinuxThe summary's second line says screenshot + software gpu: the slow path
capture fails or writes BLOCKED.mdTake nothing from its partial files; retry into a new -o folder
Disk tightclean --dry-run, then clean; never delete .hyperframes (it holds history)

References

Read the row before running its command.

CommandsRead
init, capture, skillsreferences/init-and-scaffold.md
lint, check, motion sidecars, snapshotreferences/lint-validate-inspect.md
compare, grade-compare, render --batchreferences/compare-and-batch.md
beatsreferences/beats.md
preview, play, render, publish, Studio contextreferences/preview-render.md
doctor, browserreferences/doctor-browser.md
auth, cloud, template variablesreferences/cloud.md
lambda, cloudrunreferences/lambda.md, references/cloudrun.md
info, upgrade, compositions, timeline, docs, usage, telemetryreferences/upgrade-info-misc.md
--strict flags, run ids, clean, shader lint, JSON pathsreferences/conventions.md
keyframes../hyperframes/references/motion.md (Seeing motion)

heygen-com की और Skills

hyperframes-audio
heygen-com
Use when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter, gate, saturation, delay, reverb, chorus, phaser, bitcrush), or automation envelopes drawn on a track's volume or any effect parameter. Don't use for sourcing or generating audio — finding BGM, SFX, or making a voiceover is `/media-use`. Don't use for clip timing or track layout, which is `/hyperframes-core`.
hyperframes-animation
heygen-com
हाइपरफ्रेम्स के लिए सभी एनिमेशन ज्ञान — परमाणु गति नियम, बहु-चरण दृश्य ब्लूप्रिंट, दृश्य संक्रमण, व्यापक मोशन-डिज़ाइन तकनीकें, और सात रनटाइम एडाप्टर (डिफ़ॉल्ट GSAP, साथ ही Lottie, Three.js, Anime.js, CSS कीफ्रेम्स, वेब एनिमेशन API, TypeGPU)। किसी भी मोशन या एनिमेशन कार्य के लिए उपयोग करें: 2-4 नियम चुनें और रचना करें, या ब्लूप्रिंट लोड करें, या रनटाइम-विशिष्ट API (जैसे GS
creativedevelopmentdesign
hyperframes-core
heygen-com
हाइपरफ्रेम्स HTML संरचना अनुबंध। संरचना संरचना, डेटा विशेषताओं, क्लिप्स, ट्रैक्स, उप-संरचनाओं, चर, मीडिया प्लेबैक, नियतात्मक रेंडर नियमों और न्यूनतम रेंडर करने योग्य परियोजनाओं के सत्यापन के लिए उपयोग करें।
developmentmediacreative
hyperframes-media
heygen-com
हाइपरफ्रेम्स कंपोज़िशन के लिए एसेट प्रीप्रोसेसिंग — मल्टी-प्रोवाइडर TTS (HeyGen / ElevenLabs / Kokoro लोकल), मल्टी-प्रोवाइडर BGM (Google Lyria / लोकल MusicGen), Whisper ट्रांसक्रिप्शन, बैकग्राउंड हटाना, और कैप्शन लेखन। npx hyperframes tts, bgm, transcribe, remove-background, voice/provider चयन, music-mood प्रॉम्प्टिंग, कैप्शन / सबटाइटल / लिरिक्स / कैराओके / प्रति-शब्द स्टाइलिंग के लिए उपयोग करें।
mediaaudiovideo
hyperframes-registry
heygen-com
हाइपरफ्रेम्स कंपोज़िशन में रजिस्ट्री ब्लॉक और कंपोनेंट्स को इंस्टॉल और वायर करें। hyperframes add चलाते समय, ब्लॉक या कंपोनेंट इंस्टॉल करते समय, इंस्टॉल किए गए आइटम को index.html में वायर करते समय, या hyperframes.json के साथ काम करते समय उपयोग करें। इसमें add कमांड, इंस्टॉल स्थान, ब्लॉक सब-कंपोज़िशन वायरिंग, कंपोनेंट स्निपेट मर्जिंग, रजिस्ट्री डिस्कवरी, और अपस्ट्रीम में योगदान देने के लिए नए ब्लॉ
developmentapicode-review
general-video
heygen-com
जब कोई विशेष वर्कफ़्लो उपयुक्त न हो, तो कस्टम HyperFrames HTML वीडियो कंपोज़िशन लेखन के लिए फ़ॉलबैक के रूप में उपयोग करें। लंबे या बहु-दृश्य टुकड़ों, ब्रांड/सिज़ल रीलों, मोंटाज, टाइटल कार्ड, किसी भी लंबाई पर मोशन पोस्टर, स्टैटिक लूप और किसी भी लंबाई या प्रारूप पर फ्रीफ़ॉर्म कंपोज़िशन को कवर करता है। विपणन उत्पाद प्रोमो (product-launch-video), सामान्य वेबसाइट-से-वीडियो क
videocreativemedia
motion-graphics
heygen-com
उपयोग तब करें जब उपयोगकर्ता को एक छोटी, डिज़ाइन-प्रधान मोशन ग्राफिक चाहिए जहाँ गति ही संदेश हो: काइनेटिक टाइपोग्राफी, स्टेट या नंबर काउंट-अप, चार्ट/डेटा-विज़ हिट, लोगो स्टिंग, ब्रांड लॉकअप, लोअर-थर्ड, कॉलआउट, सोशल ओवरले, एनिमेटेड हेडलाइन/ट्वीट/न्यूज़ आइटम, मोशन पोस्टर, या त्वरित कैप्चर्ड-पेज हाइलाइट। आम
creativevideodesign
hyperframes-read-first
heygen-com
किसी भी वीडियो, एनिमेशन, मोशन ग्राफिक, एक्सप्लेनर, टाइटल कार्ड, ओवरले, कैप्शन वीडियो, प्रोडक्ट प्रोमो, वेबसाइट वीडियो, पीआर या चेंजलॉग वीडियो, डेटा मोंटाज, मोशन पोस्टर, या हाइपरफ्रेम्स एचटीएमएल कम्पोजीशन बनाने, क्रिएट करने, जनरेट करने, एडिट करने, एनिमेट करने या रेंडर करने के अनुरोध के लिए यहां से शुरू करें। जब उपयोगकर्ता हाइपर
creativevideomedia