Bin and Jake built HyperFrames, HeyGen’s free open-source tool that turns HTML into professional product launch videos. In this episode, they shared how you can one-shot a launch video for any website. Jake also walked through his personal playbook to make amazing videos with AI — from storyboarding to reusing components to polish.

We talked about:

(00:00) From HTML to professional video with AI

(02:37) How to install HyperFrames in Codex or Claude Code

(04:50) Demo: Make a launch video in one shot from Spotify.com

(10:47) Jake’s workflow to level up AI videos

(13:06) frame.md: Turn brand guidelines into video direction

(15:05) storyboard.md: Write the story before building scenes

(17:31) HyperFrames launches: Reuse HeyGen’s real components

(20:17) Get AI to generate static frames for review before rendering

(22:46) Studio: Make visual edits and final polish

Thanks to our sponsors:

Linear: The AI agent platform for modern teams https://linear.app/behind-the-craft

Wispr Flow: 4x faster than typing with your voice https://ref.wisprflow.ai/peter-yang-jun21-pod

Riverside: All-in-one AI studio for podcasts and video https://creators.riverside.com/PeterYang

📌 Get the takeaways: https://creatoreconomy.so/p/full-tutorial-make-professional-launch

📌 Get my personal AI operating system with all my skills and prompts: https://www.behindthecraft.com/

Where to find Bin and Jake:

Bin: https://x.com/liu8in

Jake: https://x.com/JakeFromHeyGen

HyperFrames: https://github.com/heygen-com/hyperframes

Subscribe to this channel - more interviews coming soon!

Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran

Behind the Craft

Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran