Full Tutorial: Make Professional Launch Videos for Free with Hyperframes | Bin Liu & Jake Moran
About this episode
Bin Liu and Jake Moran discuss how to create professional launch videos using HyperFrames, an open-source tool, and share their workflows for video production.
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…
Sponsors
Linear, Wispr Flow, Riverside
More episodes of Behind the Craft
- How I Plan, Build, and Run Loops with Claude Code in 40 Minutes | Thariq Shihipar
- How to Build AI Agents That Check Their Own Work | Jared Zoneraich
- OpenAI PM Reveals How He Uses Codex to Do Product Work | Rohan Varma
- Inside Anthropic’s Bet on Claude Agents that Work While You Sleep | Jess Yan
- Agentic Engineering, Clearly Explained in 50 Min | Matt Van Horn
Explore listener stats, chart rankings, contacts and more on the Behind the Craft podcast page.