Category: Visual & Media · Version:
1.0.0 · Author: OpenDirectory · Compatibility: All targets (claude, codex, opencode, gemini, anti-gravity, openclaw, hermes)Install
- npx CLI (Recommended)
- skills.sh
- Claude Code Native
- Claude Desktop
- Manus AI
How It Works
- Provide your key messages and brand assets.
- The agent builds a HyperFrames HTML composition with GSAP animation timelines.
- The HyperFrames CLI captures frames via headless Chromium and assembles an MP4 via FFmpeg.
Sizzle Reel Structure
Timing scales automatically for 30s and 90s durations.
Input Parameters
Tone Reference
Output
index.html in any browser to preview the animation before exporting.
Prompt Tips
Write the key messages yourself. These are the exact phrases that appear on screen. The agent cannot invent good copy for your brand. 3 sharp lines beats 10 vague ones. Choose music before visuals. The BPM drives the cut style. The cut style drives every timing decision in the video. Cold open: one number. Not a sentence, not a tagline. One specific, surprising number. It earns 5 seconds of attention before the audience knows who you are. Land section: logo plus one line plus one URL. Anything more dilutes the CTA. Match tone to channel. Energetic for social and Product Hunt. Cinematic for investor decks. Professional for conference openers.Prompt Examples
Good:Requirements
- Node.js 22+
- FFmpeg (
brew install ffmpeg/apt install ffmpeg) - HyperFrames (installed automatically via
npx skills add heygen-com/hyperframes)

