๐ŸŽฏ

hyperframes-cli

๐ŸŽฏSkill

from heygen-com/hyperframes

VibeIndex|
What it does
|

CLI tool for the Hyperframes video rendering framework that provides commands to create, preview, lint, and render HTML-based video compositions to MP4.

Overview

The command-line interface skill for the Hyperframes video rendering framework. It covers the core development loop for creating, previewing, linting, and rendering HTML-based video compositions to MP4. This skill teaches AI agents the CLI commands and flags needed to drive the full Hyperframes workflow from project initialization through final render.

Key Features

  • Project initialization with hyperframes init including optional Tailwind CSS setup
  • Live preview server for real-time composition editing and visual feedback
  • Linting to catch composition errors before rendering
  • MP4 rendering from HTML-based video compositions
  • Registers as a Claude Code slash command (/hyperframes-cli) for quick access

Who is this for?

  • Developers using the Hyperframes framework who need their AI agent to know the CLI commands
  • Teams building video rendering pipelines that need automated init, preview, and render workflows
  • AI agent users who want their agent to manage the full Hyperframes development cycle from the terminal
๐Ÿ“ฆ

Same repository

heygen-com/hyperframes(48 items)

hyperframes-cli

Installation

Vibe Index InstallInstalls to .claude/skills/
npx vibeindex add heygen-com/hyperframes --skill hyperframes-cli
skills.sh Installโš  Installs to .agents/skills/
npx skills add heygen-com/hyperframes --skill hyperframes-cli
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/hyperframes-cli/SKILL.md

SKILL.md

294,667Installs
-
AddedApr 3, 2026

More from this repository10

๐ŸŽฏ
hyperframes๐ŸŽฏSkill

Skill for authoring HTML-based video compositions with the Hyperframes framework, covering captions, TTS, audio-reactive animation, and transitions for AI agent-driven video creation.

๐ŸŽฏ
hyperframes-registry๐ŸŽฏSkill

Skill for installing blocks and components into Hyperframes projects via the `hyperframes add` command, providing access to 50+ ready-to-use overlays, shader transitions, and data visualizations.

๐ŸŽฏ
remotion-to-hyperframes๐ŸŽฏSkill

A skill for the HyperFrames open-source video rendering framework that teaches AI agents to write correct HTML-based video compositions and GSAP animations, enabling them to render video from HTML code.

๐ŸŽฏ
hyperframes-core๐ŸŽฏSkill

The foundational technical contract for HyperFrames HTML video compositions, defining data attributes, clip/track structure, sub-compositions, variables, media playback, deterministic rendering rules, and project validation.

๐ŸŽฏ
hyperframes-animation๐ŸŽฏSkill

Comprehensive animation skill for HyperFrames providing atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and seven runtime adapters including GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, and TypeGPU.

๐ŸŽฏ
hyperframes-creative๐ŸŽฏSkill

Non-animation creative direction for HyperFrames videos covering design specs, color palettes, typography, narration scripting, beat planning, audio-reactive visuals, composition patterns, and brand/style decisions.

๐ŸŽฏ
media-use๐ŸŽฏSkill

Resolves media needs (background music, sound effects, images, icons) into frozen local files by searching the HeyGen catalog, downloading the best match, and registering it in a manifest. One resolve command handles the full cascade from cache lookup to provider search to file freezing.

๐ŸŽฏ
hyperframes-media๐ŸŽฏSkill

A media framework by HeyGen for building interactive video experiences with composable frames and real-time rendering capabilities.

๐ŸŽฏ
general-video๐ŸŽฏSkill

A fallback HyperFrames composition authoring skill for custom video creation when no specialized workflow fits. Handles multi-scene pieces, brand reels, montages, title cards, motion posters, static loops, and freeform compositions at any length or format.

๐ŸŽฏ
faceless-explainer๐ŸŽฏSkill

Converts arbitrary text (articles, notes, topics, briefs) into faceless explainer videos with auto-generated TTS narration and LLM-designed visuals including typography, abstract graphics, diagrams, and data visualizations.