The same command, now with a real terminal in it

A few weeks ago I rebuilt HVE Spielberg on HyperFrames — the open-source Claude Code skill that turns one command into a cinematic, branded product video.

v0.0.3 is a small, practical release. Two things: your real terminal can now make it into the video, and the dependency the renderer loads from a CDN is now integrity-checked.

And as with every release, the announcement video below was produced entirely by HVE Spielberg itself — including the live terminal in the opening:

What this lets you do

If you ship anything that runs in a terminal — a CLI tool, a developer tool, a framework, a library — this release is for you. A few things that were awkward or impossible before, and are now one command:

  • Launch a CLI tool with a video that proves it works. Instead of a staged mockup of fake output, the promo shows your tool actually running. Real output is far more convincing than a recreation — viewers can tell the difference.
  • Show a real deploy, build, or test suite passing. git push to a green pipeline, npm run build finishing, a test runner going all-green — captured live, framed in a clean window, dropped straight into the video.
  • Make a how-to where the terminal is the star. Walkthroughs and onboarding videos for command-line products no longer need hand-faked terminal animations; the steps you record are the steps the viewer will run.

You still type one command to make the whole video. The difference is that the terminal moments inside it are now real.

Record real terminal sessions

The previous release captured web apps as real motion footage. But if your product lives in the terminal, the best you could get was a hand-animated imitation of command output. Convincing, but not the real thing.

v0.0.3 closes that gap. Mark a scene as a terminal clip, give it a command, and the skill records the real run itself — no human at the keyboard. Your actual npm test, your real build, your live deploy log: captured and dropped into a polished, brand-framed terminal window in the video.

Under the hood it uses asciinema to record and agg to turn the recording into video — but you never touch them directly. You write the command; the skill does the rest. And if those tools aren’t installed, it quietly falls back to the previous hand-authored terminal scene, so nothing breaks.

The headline is simple: “no fake UIs” now extends to “no fake terminals either.”

Pinning the CDN: Subresource Integrity on GSAP

Every scene’s animation is powered by GSAP, loaded from a CDN. That’s third-party code running inside the page the renderer drives — so a tampered response could do real harm. v0.0.3 adds Subresource Integrity to every one of those script tags:

1
2
3

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"
        integrity="sha384-sG0Hv1tP1lZCk9KQmrIbY/XNwi+OY84GQqhMscbnsoBFqAz8KNCil1kvfL3Hbbk2"
        crossorigin="anonymous"></script>

Now the browser verifies the file against that hash and refuses to run anything that doesn’t match. It’s a small, one-line-per-tag change — but it means the videos are built on a dependency that can’t be swapped out from under them.

How to update

Already installed? One line, then restart Claude Code so the updated skill reloads:

1

npx skills update hve-spielberg

New here? Same install as always:

1

npx skills add nebrass/hve-spielberg

Everything is open source and MIT licensed. The next great video is still one command away. 🎬

🔗 Repository: github.com/nebrass/hve-spielberg · Release: v0.0.3 · Changelog: v0.0.2 → v0.0.3