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

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

Author: Peter Yang June 21, 2026 Duration: 41:18

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!


For anyone building the future, Behind the Craft is a conversation with Peter Yang that moves beyond theory and into the tangible details of creation. This podcast lives in the messy, rewarding space where ideas become real products. Each episode is built on candid interviews with experts who have been in the trenches, dissecting the pivotal decisions, the unexpected hurdles, and the hard-won lessons that rarely make it into a polished case study. You’ll hear the unvarnished stories behind the features and companies shaping our world, focusing on the practical frameworks and mental models that effective product leaders and creators rely on daily. It’s about understanding the craft from the inside out-the strategic shifts, the team dynamics, the user insights that truly move the needle. Tune in for a direct, no-fluff dialogue designed to accelerate your own journey, providing actionable guidance you can apply immediately to level up your own work. This is where the blueprint meets the build.
Author: Language: English Episodes: 50

Behind the Craft
Podcast Episodes
How to Vibe Code Apps That Become Real Businesses | Amol Jain [not-audio_url] [/not-audio_url]

Duration: 36:06
📌 Copy the AI system I use to run a one-person $1M+ business: https://www.behindthecraft.com🤝 Subscribe to my practical AI newsletter read by 150K+ professionals: https://creatoreconomy.soAs head of product engineering a…
How I Run My 1.5M+ Follower Content Business With Codex | Riley Brown [not-audio_url] [/not-audio_url]

Duration: 41:47
📌 Copy the AI system I use to run a one-person $1M+ business: https://www.behindthecraft.com🤝 Subscribe to my practical AI newsletter read by 150K+ professionals: https://creatoreconomy.soRiley is a top AI creator and fo…
How to Build AI Agents That Check Their Own Work | Jared Zoneraich [not-audio_url] [/not-audio_url]

Duration: 47:12
Jared is a Builder in Residence at Cognition, the team behind Devin. He showed me why teams often overbuild their first agents, and how simple prompts, better tools, and self-testing work together instead. Then he demoed…