
Avatar explainer video
Quest Make a captioned avatar explainer video from a product brief
- Hero
- Claude Code
- Weapon
Claude Sonnet 5.5- Charge
HeyGen MCP Server
HyperFrames
FFmpeg MCP Lite
HeyGen's open-source framework and skills that turn HTML, CSS and animations into deterministic MP4 video.
Foe: Reel Phantom, footage to make, cut, caption or render.
Foes
Party · Context
The Reel Phantom blocks the way.
What really happensIt stands for footage to make, cut, caption or render.
Dreamweaver: Context 100/100.
The phantom rewinds and plays the same hit twice.
What really happensRaw footage needs cut after cut before it plays well.
Dreamweaver takes 5. Dreamweaver takes 5. Dreamweaver: Context 90/100.
The hero equips the HyperFrames relic.
What really happensInstall the plugin, then call /hyperframes:hyperframes. That skill holds the render contract and the work loop.
Reel Phantom takes 21.
Titles, captions and charts are laid out like a web page.
What really happensThe agent writes HTML with seekable animations and pulls transitions, captions and charts from the block registry.
Reel Phantom takes 26.
The Reel Phantom uses Rewind.
Dreamweaver takes 5. Dreamweaver takes 5. Dreamweaver: Context 80/100.
Each frame is checked before the final render.
What really happensThe CLI lints the project, previews it in the browser and lets the agent look at single frames.
Reel Phantom takes 18.
The Reel Phantom is captured as an MP4.
What really happensnpx hyperframes render writes a deterministic MP4 on your machine. It needs Node.js 22+ and FFmpeg but no paid account.
Reel Phantom takes 35. Reel Phantom falls.
The Reel Phantom falls.
Claude Code
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframesCodex
/pluginsRuns locally and needs Node.js 22+ and FFmpeg. HeyGen is optional, used by media-use for generated media such as avatar video and voiceover. After install, use /hyperframes:hyperframes. Core skills: hyperframes, hyperframes-cli, hyperframes-registry (about 450 blocks) and media-use; figma, slideshow and remotion-to-hyperframes install on demand. Codex: install HyperFrames from /plugins, or npx skills add heygen-com/hyperframes. It overlaps Remotion, and remotion-to-hyperframes ports Remotion projects.
This spell has no recorded sessions in the curator's logs. Tried it? Send a spell report.