Score
9.3
/ 10
Installs
1M
Repo Stars
79.1K
Last Updated
0d ago
Quality Ratio
97%
Description
Verified
Language
TypeScript
First Published
Mar 2026
Summary
The Hyperframes Cli agent skill orchestrates the creation, validation, previewing, and rendering of video compositions using the Hyperframes framework, along with managing audio transcription and text-to-speech generation. This agent skill targets developers who build interactive video experiences, particularly those leveraging HTML for creative animation and media generation. It is a niche skill with a smaller but dedicated user base within the O-Mega AI registry. It guides the agent through scaffolding projects with `npx hyperframes init`, validating compositions using `npx hyperframes lint` to catch issues like missing `data-composition-id` or overlapping tracks, and hot-reloading previews with `npx hyperframes preview`. The skill also facilitates rendering final video output via `npx hyperframes render`, with options for quality (`--quality draft` for iteration, `high` for delivery) and format, alongside transcribing audio or generating text-to-speech. For troubleshooting, it leverages `npx hyperframes doctor` to diagnose environment issues such as missing FFmpeg or low memory.
Skill Definition
Plugin installs: Inside a HyperFrames plugin, follow plugin execution rules.
Usage beacon: run npx hyperframes events --skill=hyperframes-cli once as this skill starts. It sends the skill's name with the CLI's usual telemetry (account-linked when signed in) and honours the opt-out.
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.
A --json result may carry _meta.updateNotice: a newer HyperFrames release is out. Pass it to the person once per conversation, in your own words, at a natural pause; updating is theirs to decide.
Commands by job
| Job | Commands |
|---|---|
| Start | init <dir> --skip-skills (blank; --example <name> only when asked), capture <url> |
| Read a project | info, compositions, timeline --json, docs <topic> |
| Check it | lint while writing; check --json as the gate (lint, runtime, layout, contrast) |
| Look at it | snapshot (--at <t,…>, --range START,END, --composition <id>, --zoom, --angle, --against <video>), keyframes, compare, audio |
| Edit the timeline | timeline with move, trim, split, set, duplicate, delete, apply, undo, ids |
| Reuse | catalog, add (/hyperframes-registry) |
| Media and sound | media-treatment, grade-compare, remove-background, tts, transcribe, beats, normalize-audio (/media-use) |
| Show and ship | preview, present (/slideshow), render, publish, cloud, lambda, cloudrun |
| Desktop app | open, catch-up |
| Upkeep | doctor, browser, upgrade, 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
- Write, then
npx hyperframes lintafter the first pass and after structural changes. npx hyperframes check --jsonand 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 asuggestedColor. A finding at a single sample (an entrance in flight) is info; a 3 s+ video with no visible change failssweep_static.npx hyperframes snapshotand 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).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.- Time to render (step 4):
npx hyperframes render --quality looks -o out.mp4(draftwhile iterating,deliveryfor the final; paid plan:cloud render --fps <data-fps> --quality high -o out.mp4). Confirm the file is non-empty and itsffprobeduration matches the rootdata-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 --jsonlists clips with absoluteabsStart/absEnd, owningfileand the#idref the edit commands take (timeline idsstamps missing ids).timeline move|trim|split|set|duplicate|delete <ref> … --plan --jsonpreviews one edit; run it again without--plan.--start,--end,--durationset 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'sdata-durationfirst. No command changesdata-duration. - Several edits at once: a JSON file such as
[{"verb": "move", "ref": "#outro", "time": "9"}], thentimeline apply plan.json --json. Each run prints areceipt; save it andtimeline undo receipt.jsonreverts 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
| Need | Command |
|---|---|
| Local | render --quality looks -o out.mp4 (draft, delivery) |
| Reproducible container | render --docker --strict -o out.mp4 |
| Batch from variables | render --batch rows.json -o "renders/{name}.mp4" |
| Hosted, no local Chrome or FFmpeg | cloud render (references/cloud.md) |
| Your own AWS or GCP | lambda 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
| Symptom | Fix |
|---|---|
| Chrome missing or won't start | npx hyperframes browser ensure; doctor --json always exits 0, gate on .ok |
| A heavy page isn't ready in time | Raise --timeout on check or snapshot |
| Unusual codec looks blank | Keep --proxy on (the default) |
| Render slow on Linux | The summary's second line says screenshot + software gpu: the slow path |
capture fails or writes BLOCKED.md | Take nothing from its partial files; retry into a new -o folder |
| Disk tight | clean --dry-run, then clean; never delete .hyperframes (it holds history) |
References
Read the row before running its command.
| Commands | Read |
|---|---|
init, capture, skills | references/init-and-scaffold.md |
lint, check, motion sidecars, snapshot | references/lint-validate-inspect.md |
compare, grade-compare, render --batch | references/compare-and-batch.md |
beats | references/beats.md |
preview, play, render, publish, Studio context | references/preview-render.md |
doctor, browser | references/doctor-browser.md |
auth, cloud, template variables | references/cloud.md |
lambda, cloudrun | references/lambda.md, references/cloudrun.md |
info, upgrade, compositions, timeline, docs, usage, telemetry | references/upgrade-info-misc.md |
--strict flags, run ids, clean, shader lint, JSON paths | references/conventions.md |
keyframes | ../hyperframes/references/motion.md (Seeing motion) |