A free skill for your next project

HyperFrames CLI

Scaffold, inspect, preview and render HTML-based video projects with the HyperFrames CLI.

What it does

Scaffold, inspect, preview and render HTML-based video projects with the HyperFrames CLI. Node.js 22+, FFmpeg and the HyperFrames CLI; browser downloads and network access for setup. Cloud/Pro features need a separate account and may charge fees. Review generated media and local command behavior before sharing or publishing.

Best for

  • Render an existing local HTML title-card composition to MP4 and inspect the output.

Output examples

Actual silent 12-second HyperFrames render: an original SkillPick concept explainer showing Discover, Preview and Download. This is motion graphics, not a recording of the live website. · Created in a SkillPick test

Example input

Create an original silent 12s 1280x720 SkillPick explainer: Discover -> Preview -> Download. Free skill packages; model/API costs separate. Original CSS/type art only; no live website recording.

Output notes

First-party local HyperFrames 0.9.26 execution: a 12.000-second, 1280×720 H.264 MP4 at 30 fps, with 360 frames and no audio. CLI lint/check and snapshots passed; final decoded frames were inspected. Model/API costs remain separate from free packages. Original schematic explainer, not a live site recording.

Requirements & permissions

  • Node.js 22+, FFmpeg and the HyperFrames CLI; browser downloads and network access for setup. Cloud/Pro features need a separate account and may charge fees.
  • Composition format, captions and motion reference excerpts are included locally. The optional media-use skill and full HyperFrames plugin are not bundled; use the CLI directly and configure any external provider separately.

What it may access

  • Read user-authorized source text/audio/video
  • Write generated files
  • Run inspected local CLI commands
  • Network access to external services; user-supplied credentials stay local
  • CLI usage beacons and normal telemetry; inspect the upstream telemetry opt-out before use. Publishing commands can make project files public and require explicit consent.

The package is free. Your agent, model subscription, external API usage and local software may have separate costs. Review scripts before running them, and use copies of important files.

How to install

Download the ZIP, extract the skill folder, and follow the instructions for your agent. Keep the complete folder together.

Codex

Not verified in this agent. Treat these as the agent’s standard manual installation steps, not a compatibility guarantee. No end-to-end install test. Upstream skill format and documentation reviewed; tool names and legacy script paths may require adaptation.

  1. Download hyperframes-cli-1.0.0.zip and verify its SHA-256.
  2. Extract the complete hyperframes-cli folder into .agents/skills/hyperframes-cli/. Keep its license and supporting files.
  3. Confirm .agents/skills/hyperframes-cli/SKILL.md exists. Reload your agent skill list if needed.
  4. Read the requirements and review commands. Use the scripts from this actual installed directory; credentials and paid service setup are separate. Ask the agent to use hyperframes-cli.

Read the full Codex installation guide →

Claude Code

Not verified in this agent. Treat these as the agent’s standard manual installation steps, not a compatibility guarantee. No end-to-end install test. Upstream skill format and documentation reviewed; tool names and legacy script paths may require adaptation.

  1. Download hyperframes-cli-1.0.0.zip and verify its SHA-256.
  2. Extract the complete hyperframes-cli folder into .claude/skills/hyperframes-cli/. Keep its license and supporting files.
  3. Confirm .claude/skills/hyperframes-cli/SKILL.md exists. Reload your agent skill list if needed.
  4. Read the requirements and review commands. Use the scripts from this actual installed directory; credentials and paid service setup are separate. Ask the agent to use hyperframes-cli.

Read the full Claude Code installation guide →

Cursor

Not verified in this agent. Treat these as the agent’s standard manual installation steps, not a compatibility guarantee. No end-to-end install test. Upstream skill format and documentation reviewed; tool names and legacy script paths may require adaptation.

  1. Download hyperframes-cli-1.0.0.zip and verify its SHA-256.
  2. Extract the complete hyperframes-cli folder into .cursor/skills/hyperframes-cli/. Keep its license and supporting files.
  3. Confirm .cursor/skills/hyperframes-cli/SKILL.md exists. Reload your agent skill list if needed.
  4. Read the requirements and review commands. Use the scripts from this actual installed directory; credentials and paid service setup are separate. Ask the agent to use hyperframes-cli.

Read the full Cursor installation guide →

Source & license

Created by HeyGen, Inc. and contributors. This third-party package is curated and redistributed under Apache-2.0. SkillPick is an independent distributor and is not endorsed by the original author.

Keep the package’s license and required notices with any copies. Read the bundled license and notices.

Review & limitations

Source and redistribution review only, not a security certification. Modified documentation files with logged path/context adaptations and bundled three Apache-licensed composition references with prominent dated notices; licenses and executable commands retained. Telemetry, cloud billing and optional public publishing are disclosed. A first-party local render with pinned HyperFrames 0.9.26 completed on 2026-11-10; this tests the media CLI, not automatic discovery or all-agent compatibility.

Last source review: . Package release: 1.0.0.

Keep exploring

Related skills for the work ahead.

All skills ↗