HyperFrames Product Launch Video for Claude Code: Local Demo
Turn a small product brief into a feature reveal with the maintained HyperFrames launch guidance. The original Product Launch Video workflow is archived.
中文Setup for Claude Code (current HyperFrames replacement)
Claude Code, Node.js 22 or newer for the local HyperFrames CLI, and a disposable project. The separate product-launch-video skill was retired upstream. This example uses its maintained /hyperframes workflow.
- Run `claude plugin marketplace add heygen-com/hyperframes` and `claude plugin install hyperframes@hyperframes` in a terminal. Start a fresh Claude Code session in a scratch project.
- Ask the agent to load /hyperframes and read `skills/hyperframes/references/types/launch.md` and `skills/hyperframes/references/story.md` from the installed bundle or the upstream v0.9.53 tree. Use `npx hyperframes@0.9.53` for the pinned CLI when running the example's checks.
- For historical reading, the original GitHub source below preserves the standalone product-launch-video document from before the retirement.
Example task
Use a fictional calendar app, 'Slotbox'. Supply a locally made screenshot or SVG showing two available times and a short brief: 'Choose 10:30 and show the booking confirmation.' Ask for a 12-second teaser with three 4-second beats. Request proof that the confirmation shot shows 10:30.Expected result
The three shots establish the availability, show 10:30 selected, and show a confirmation for that same time. A reference frame from the final shot contains the selected time consistently.
Upstream documentation
Original SKILL.md on GitHub · Apache-2.0 license · Source reviewed
Frequently asked question
Do I need a public product URL to plan a HyperFrames teaser?
A self-contained product brief and a local mockup are enough for this exercise. Real launch videos can use supplied product screens and follow the launch reference for proof and pacing.