Bin and Jake built HyperFrames, HeyGen’s free open-source framework that lets AI agents create videos with HTML, CSS, and JavaScript. In this episode, they show how to turn any website into a launch video, then share the playbook HeyGen uses to make polished product videos fast.
Bin, Jake, and I talked about:
(00:00) From HTML to professional launch videos with AI
(02:16) Getting started: Install HyperFrames for free
(03:50) /website-to-video: Turn any URL into a launch video
(08:28) Jake’s 5-step playbook to generate better videos
(10:03) Step 1: Gather assets and create a frame.md
(11:46) Step 2: Create a storyboard.md with the scenes
(12:45) Step 3: Pull animations from HyperFrames launches
(15:43) Step 4: Generate and review static frames
(17:20) Step 5: Build the video and polish in Studio
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-videos-for-free-hyperframes-ai
📌 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!
