Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran
About this lesson
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!
DeepCamp AI