Agent skill · software engineering · aiskillstore
hyperframes-cli
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.
Why this skill is useful
Adds specific commands and workflows for using the HyperFrames CLI that the AI wouldn't reliably generate on its own.
What it needs
Requires ffmpeg, node installed locally. About 5k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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 1. Scaffold: npx hyperframes init <project> or capture a site. In non-TTY mode, pass --non-interactive --example=<name>. 2. Author: write the composition using /hyperframes-core. 3. Get fast feedback while editing: run npx hyperframes lint after the first HTML pass and after structural changes. 4. 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. 5. Inspect sub-compositions: when index.html mounts data-composition-src, capture midpoint snapshots and inspect each mounted scene. 6. Open the final Studio preview: run npx hyperframes preview, hand the timeline project URL to the user, and ask whether to revise or render. 7. Render only after approval: use draft quality for iteration and high quality for delivery. 8. Verify the output: confirm the file exists, is non-empty, and has a plausible duration. check runs lint first, then uses one browser session and one seek pass to audit runtime errors, failed requests, layout, .motion.json assertions, and WCAG contrast. Persistent findings gate the exit code; transient entrance or exit findings are informational. Use --strict to gate warnings. validate, inspect, and layout remain aliases for compatibility but must not appear in new instructions or scripts. Two different preview surfaces Do not confuse these states: Surface When it may open Purpose ------------------------- ------------------------------------------------------ --------------------------------------------------------------------------------- Storyboard board Before composition checks, only when storyboard: yes Review plan cards and wireframe sketches. Open ?view=storyboard#project/<name>. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/hyperframes-cli