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!
