What you need first
- Claude Code. It comes with the paid Claude plans. Pro is $20 a month if you pay monthly (claude.com/pricing).
- HyperFrames, free and open source (Apache-2.0, about 66K stars on GitHub). It needs Node.js 22 or newer and FFmpeg on your computer.
- Not set up yet? The 3-command setup is here: https://sonikolov.com/free/motion
HyperFrames turns HTML and animation code into an MP4. It renders on your computer with headless Chrome and FFmpeg. The repo says it has "no per-render fees or commercial-use thresholds".
How to use the prompts
- Open Claude Code in your HyperFrames video folder.
- Paste one prompt. Swap the words in [brackets] and the time for your own.
- Look at the preview, ask for changes in plain words ("slower", "bigger", "half a second later").
- Ask Claude to render it. The MP4 lands in your folder.
One effect per prompt works best. Add the next one after the first looks right.
The 5 effect prompts
1. Zoom: the camera jumps to the word that matters
Using /hyperframes, add a fast zoom on the word "[free]" at 0:03: scale up to 1.8x in 0.3 seconds with an ease-out, hold it for one second, then ease back out.
2. Shatter: the old card breaks and the answer shows
Using /hyperframes, at 0:05 make the "[Choose a plan]" card crack and shatter into 16 pieces that fall away, and reveal "[Free on your computer]" on a bright card underneath.
3. Slam: a giant step number hits the screen
Using /hyperframes, at 0:08 slam a giant "STEP [3]" onto the screen: start at 160% size with a blur, land in 4 frames, add a 2-frame shake, then let it drift slowly.
4. Marker: a yellow line under the proof
Using /hyperframes, at 0:12 show [the article or page] tilted slightly in 3D, then draw a yellow highlighter under the line "[your sentence]" from left to right in 0.35 seconds and zoom in a little.
5. Typed prompt: the words appear letter by letter, then run
Using /hyperframes, at 0:15 type "[your prompt]" into a chat box letter by letter at 24 characters a second, then press the send button and show the answer coming in.
If it doesn't work
- /hyperframes doesn't show up: restart Claude Code. Still nothing? Follow the setup page above again.
- The effect lands at the wrong moment: tell Claude the exact second or the exact word ("on the word free, not before").
- The render fails: run
npx hyperframes doctorand paste the output into Claude Code. It's usually a missing FFmpeg or an old Node version. - It looks cheap: ask for "ease-out, no bounce" and "keep everything moving a little". That's what I ask for in every video.
The honest part
- These prompts need Claude Code, so you need a paid Claude plan. Pro is $20 a month if you pay monthly (as of October 2026).
- HyperFrames and the local render are free. HeyGen's cloud render, voices and avatars are paid extras, and you don't need them for this.
- The first video takes some setup. After that, a new effect is one prompt and one render.
- My versions of these effects took a few rounds of "make it faster" and "land it on the word". Expect the same.
This is how it looks as of October 2026. Plans and menus change.
Sources: github.com/heygen-com/hyperframes (README, read October 18, 2026), claude.com/pricing (read October 18, 2026).