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

I've spent $30,000 on a launch video and I was told that was cheap. This entire one minute launch video for Spotify is created by asking plot code with Fable5 and giving it Spotify.com and say make a launch video for Spotify.com. I've learned a bunch of little tips and tricks to maximize my speed to getting a good video. The main thing that I'm adding though is assets. So I'm either adding screenshots of UI or examples from other things I've seen online that I like. I think a lot of the engineers here actually can make their own launch videos now. They don't have to learn a tool. They don't have to learn After Effects or even CapCut. Everyone now has a coding agent so everyone can literally ask your coding agent to make a Hyperframes video. All right, hey everyone. My guest today is Bin Liu, VP of Product Engineering at Heijen, as well as Jake Moran, PMM on the Hyperframes team. Look guys, Hyperframes is a freaking amazing tool and it's completely 100% free for making incredible AI videos just straight from HTML. And Bing and Jake are going to show us exactly what you can do and how it works and how to prompt it. So welcome guys. Thank you. Thank you, Peter, for having us. Yeah, thank you so much. All right, guys. Well, why don't we just get right into it and you can just show us how impressive Hyperframes is. You know, I can't believe it's free. Sounds great. Sounds great. We'll start with a show off, I guess. So this entire video end-to-end is actually code. There are definitely some assets, you know, for instance, me talking, which is a piece of media that we add to the construction. But if you actually look into our studio, you will notice that it's really putting together videos, audio clips, code, animations, motion graphics into an HTML, CSS and JavaScript code base. Yeah. And Hyperframes is designed and constructed so that because of these data attributes that we add to these HTML elements, our renderer is able to turn such a code base into a rendered MP4 video that you can share anywhere. This is the power of Hyperframes and very excited for people to be able to do that. Everyone now has a coding agent. So everyone can literally ask your coding agent to make a Hyperframes video just like that. Yeah, this is pretty incredible. But, you know, like I don't know how to write any code, right? So there's an easy way to do this because you guys actually build a skill to make this work, right? That's right. That's right. I think that the simplest way for people to start actually learning how to use Hyperframes is to take a look at our website to Hyperframes skill. Oh, actually, do we want to give folks a sense of how to set up Hyperframes first? This is like super impressive. But why don't we start from step one? Can you show us how to set up Hyperframes in like a codex or a cloud code? Absolutely. Absolutely. First and foremost, I definitely encourage people to go to hyperframes.hajan.com quick start. Here is the most recommended way to teach your coding agent how to use Hyperframes. And you just copy this and you go to your, you know, for instance, you just go to your terminal and then you run this command. It'll pull in the Hyperframes skill and you can, it'll obviously take the steps to do that. Or you can also find Hyperframes in the codex plugin store. Scroll down in the creativity section. There is Hyperframes by Heyjan. You just have to install it and try it, try it in chat. Lastly, if you don't have those tools, but you still want to experience the capability of Hyperframes. You can go to Claude and in the customize connect connectors or connect your apps, search for Hyperframes. Hyperframe is right here. You can install it and you can literally go to any chat in Claude and say, make me a video about something. Right. For instance, here, I'm asking it to make me a video about Fabio 5. I think it's not loading. Got it. But yeah, that's the easy setup steps. All right. And you showed some pretty complicated code to generate that amazing video that you showed for Claude and MCP. But you know, like, I don't know how to write any code. So like, what's the easy version of trying to make something like that? Absolutely. I think this is the easiest way for folks to start getting a sense of how to work with Hyperframes. We have a skill which is fully open sourced here in our Hyperframes open source project. You know, we have been working on many skills to help people, you know, make really good launch videos, motion graphics, et cetera, et cetera. But this skill is a very comprehensive skill that takes your agent step by step to create a full video. I think first we just see maybe an outcome. We're also amazed by the kind of content and video that Fabio 5 is able to make using this skill. So this video, I'll first mute it to talk over it. This entire one minute launch video for Spotify is created by asking cloud code with Fable 5 and giving it Spotify.com and say, make a launch video for Spotify.com. And as you can see, Fable followed our skills instructions to take assets from the Spotify.com. It wrote a full storyboard on how the flow of this launch video should be. And even the audio. Yeah. That's the same thing. But okay. So it just used that skill, the web website to video skill, right? That's right. That's right. So quickly kind of give everyone a high level overview. And the reason why I want to show this is that it's not necessary to say, oh, everyone use this one skill. But I think just by reading through the skill, it gives you a sense of how to use hyperframes together with your agent. So here, the skill essentially teaches your agent. All right. In order to turn a website into a video, here are the one, two, three, four, five, six, seven steps that you need to take. Right. Yeah. And it details on every step. So first step, right? Ask your agent to actually capture the content from your website. So we go to the sub skill here. It actually teaches the agent how to pull the screenshots, the assets, and putting them into a folder or a set of folders that your agent then can use these images and SVGs and assets and videos for its video. And then you can see that step three is storyboarding. So if you're going to be able to build a storyboard, our skill teaches agent to be more diligent before building anything, build a storyboard so that then it knows to build the code scene by scene. So if we go back here to the Spotify video, you can see that the Spotify video is broken down into scene one, scene two, scene three. And this is how your agent uses hyperframe skills, follows the hyperframe standards and writes the entire code base for this end video. So my suggestion is literally, you know, tell your agent, use this, use my website, make me launch a video. That's the simplest way to use it. But if you actually want to get better, which I'm sure Jake will talk a lot more about, you know, other tips and tricks that we have, study the website to hyperframes skill, I would say is the best way for you to learn. I mean, I can just straight up copy the skill, right? Like point colleagues to the GitHub, be like, hey, just go get the skill from me. And then just like, you know, so I just have to like slash website to video and paste my website link. And then that's it, right? Then they'll do it. Yeah. That's incredible. How would you get the voice? Like, is it through like 11 labs or something or like some? That's a good question. We are, our goal here is we obviously want to make it so that hyperframes is accessible and almost like completely free for people to get started. Right. So we actually use, I forgot the model name. Apologize for that. We should link that somewhere. But it's a local model that we have a skill for it. And people, if your agent decides that it needs to use audio, then it will download the model and then actually use the local model to do TDS. We obviously also have ways for your agent to connect to HeyGen, connect to 11 labs, all these different providers to, for your agent to use text to speech or image generation, et cetera, et cetera. Okay. Yeah. You know what? I normally don't like to do videos talking about products, like, because it seems like promoting a product, but like this stuff is free. Number one. And number two, it's like so good. So like, there's no reason why people should not try this. It's like super approachable. This episode is brought to you by Linear. When engineers use tools like cursor, clock code, and codex, a lot of work happens invisibly. Someone can go from a bug report in Slack to a shipped fix without creating any record of what happened outside of the code editor. And that's fine for speed, but it makes coordination harder as you scale. Linear integrates with the very best agent coding tools directly, like cursor and codex. That way, anyone can see what an agent is working on and who assigned them to the task. You get the speed of agents without losing visibility across the team. Product teams at OpenAI, Ramp, and Block are all using Linear to collaborate with AI agents. And I use Lira myself to run my creator business. So check it out at linear.app.agents. That's linear.app.agents. Now back to our episode. And Jake, you've been quiet so far, but like Bing tells me that you're a real expert in actually getting really good videos out of this. So maybe you can share some tips or tricks that you use. Yeah. So I have, I mean, I think it's important we lay out. We've really only been a team for two months. So, you know, we're all getting acquainted with the tool as well and getting better every day. I have had the privilege of creating most of our launch videos so far. So through that, I've learned a bunch of little tips and tricks to maximize my speed to getting a good video. And then also, I think the output quality. I think the key differentiator I'm going to introduce here is that the types of announcements we're doing, we don't have like a website or something to start from. So therefore, we have to do or I have to do a bit more of the groundwork myself for getting like projects set up initially, right? Because what we saw with the website to hyperframe skill, that first step is it's taking in all this information from the site itself and laying the groundwork. So when you're doing something net new that maybe you only have Figma screenshots for or for us, like a lot of our videos are based around a cloud code session or similar. You're going to have to build those yourself for now. Or if I've already made them, it's in our launch video specific repo, which has the source code for all the videos I've created. So I'll talk more about that later too, because that's a very fast path to getting quality visuals that you can then amend for your videos. But essentially, I do these setup steps. So the first one is I create a new project folder. And all I'm going to throw in there is context, right? So some of the things we're launching, we just finished it up two days ago. And all we have is like a readme document about new feature that's coming into our hyperframe studio or something like that. So I'll pull that file and I'll add it into my project folder. And then what I'll, the main thing that I'm adding though is assets. So I'm either adding screenshots of UI or examples from other things I've seen online that I like. Just basically laying the groundwork of like, I see a couple frames of this video already in my head. Here they are. And then the key thing that you also want to add is one aesthetic source. I think most people might have heard of design.md right by now. We just released last week something called frame.md, which you can create on hyperframes.dev slash design. But you just drop your design.md and then our agent will reformat it to be better for video. Okay. But this is a really key thing for matching the aesthetic of your brand or of the brand that you're going to be talking about. And design.md is just like a bunch of like fonts and colors and like styling, right? Like kind of like a brand guideline. Yeah. Yeah. It's basically just a brand guideline. And because it's all just codes like hex codes or whatever the case may be, it's more of a visual direction. But because it's not written into HTML, it allows the agent to take a bit more liberty. And we kind of push that a step further with frame.md, giving it the context of like, you know, instead of building a web page, which is what the design.md is made for, you want to maximize the frame and make things larger and use motion. And yeah. Then my first step is, or the first prompt that I give is I point my agent towards the new project folder that I've created. I point them towards either the design.md or the frame.md that I've made. And then the last thing is I ask for it to go through everything and then create a storyboard.md, which just comes out as a table of key events. So it just breaks down scene by scene what this video is going to be talking about, maybe a brief explanation of what's on screen. And normally what I'm refining here is the text copy, right? I really care about what we're going to say and how it's going to build into this video. So I might take a couple shots back and forth just being like, you know what, actually, I think it should be this line or help me brainstorm here or whatever. But this is more just like the meat of the story as opposed to any kind of visual direction. Then what I mentioned earlier is my next step, once I'm happy with this kind of overview of the video, is I go, for me, my files are all local. So I point towards the projects that I've made in the past. But for other people, they can go to our launch video repo and they can ask their agent to pull specific elements from the videos that I've created. So I want to give a quick example that I'm going to share. We launched pretty frequently and I try to not make things net new if I can. So I want to give an example. In our last three videos, I have reused the same Claude prompt box just with different frame.mds. This is video number two and then this is video number three, right? So it looks vastly different. But ultimately, I pointed my agent towards the same first prompt box that I had created and then described the relevant motion for each video. So the prompt box is just an image or like it's some code? It's like a code. It's code, yeah. It's code, right? Okay. That way you can have like different morphing effects and whatever animations you need later. Dude, so are you going to open source this stuff or is this? It is. It is. Jake.scale? Yeah. It's all there. Actually, Peter, I do want to call out that we are and we have open sourced quite a lot of these components. We haven't been able to, we haven't, not that we don't want to, it's just that, you know, I don't think people know or we have not talked about it enough. But in our Hyperframes open source repo, there are actually at least a good like 50 components that we use regularly in our launch videos. Oh, really? So like all the clock components and everything else is there? Yes. And we actually open source every single one of our launch video because it's really just a code base, right? We open source the entire code base that would render to the video. And so people can, you know, it's really hard for you to read the actual code base, right? It's an agent written like hundreds of thousands of lines of code. But I think it'll be a great resource for your agent to point to. You can literally say, hey, pull that piece from that code base because I want that effect. Your agent will do that. That's amazing. Yeah. I'm going to call it right after this. Yeah. That sounds amazing. Sounds good. Yeah. And an example prompt that I would use is like, I really love the text animation from this is the name of the video. Can you grab that one and pull it for my intro of this video, right? Those types of moves are what your agent is going to excel at. And then it's also going to allow you to more easily, if you're doing things in parts like this, it makes it easier to apply it to an aesthetic. And that's kind of my point here, right? So if you see the prompt box and it's the right interaction, but your colors are different, you want like a slightly different pacing, whatever. That is the beauty of it being code is you get to just take the structure that I probably spent 20 minutes refining or whatever, trying to get it right. And you already start with this baseline. So when you introduce these design changes or whatever they may be, it's a lot faster and it's more likely to work that first try. The next big unlock that I think we're going to be adding in pretty soon to everyone's videos, but I create a storyboard.html from that markdown file that I had previously created. And what this is, is essentially I'm asking the agent to create one frame per scene. And it's showing me the most visually dense section of each scene. And then I'm asking it to use the references that I've gotten from the launch videos. And then finally, the kind of design system. You just want to review things before it gets too far, right? Yeah, exactly. Yeah. So this one is so much faster. Like it inevitably is going to take a little while for your agent to come up with the full composition, especially if you're making a 45 second video or longer. And so by just doing the static frame, you can align on aesthetic that much faster, which I think for a lot of people is a primary concern. So this is definitely a big unlock for me. Most of these videos I'm making within a day of the day we're launching it. So time is so important to me in that case. So you get something back that'll look like this, where it kind of says like, this is the hook scene. This is scene one, scene two. And then it'll have like one frame. This is obviously a very lightweight version. I'm going to try and quickly find one to show you guys an example from one of my actual videos. But essentially, yeah, what I'll do is I'll go back and forth on this. And then once I'm pretty happy with these static frames, I literally will just ask, hey, can you turn this into a full Hyperframes video and pull it up in the Hyperframes studio or use Hyperframes preview when done? Yeah. So just like what Jake's mentioning, our studio will breaks up based on your code composition, obviously. The studio breaks up your video into multiple scenes. And within the scene, I assume, Jake, you were going to talk about the inspector. Yes. So essentially, each scene, you know, is its own motion, right? Sometimes, you know, sometimes the scenes are overlapping with each other. You know, for instance, if I was like, huh, I don't know. I don't know about this, you know, text. I don't know about its position either. Maybe I want it somewhere else. I want to change the text. You can all do that in the studio. And the beauty of Hyperframes is that as humans who are editing this, one, you don't actually need to understand code. You don't need to go to the actual index, you know, the HTML code and find the place and change, you know, these things. You don't do that. We build the studio so that humans can modify it using this UI. But the beauty of that is that when you make those changes, they become code. And so your agent actually knows what you changed because the agent can basically do a code diff or something, right? And what's even cooler is that because of the fact that LLMs are so good at HTML, CSS, JavaScript, it knows exactly visually what this change will entail. And that allows the agent to continuously working with you, working with the human on making this video perfect. And I can also just tell the agent to change, like, what do you want to play to something else, right? Yeah, absolutely. You can always do that. Sometimes there are just like these tiny changes that you don't even know how to describe, right? And that's where the last mile editing comes in. And that's where the studio really helps. And, you know, when you come from where, you know, Jake was showing his, like, storyboard, his storyboard essentially turns into each and every one of these scenes. And then he can then go into each scene and talk to his agent on how to make each scene work to the way that he wants them to. Got it. Okay. And then after I finish all this, I just hit export to export as a video. That's right. Yeah, that's right. And then it'll turn it into MP4. We also support, you know, you can, there are a couple of different configurations that you can take. MP4, MOV, and WebM. A lot of people ask if they can export a transparent background layer for a lot of more, let's call it more professional video makers. They want, you know, hyperframes to be making the motion graphics, and then you can download the WebM and then get the WebM to put it into your, I don't know, Premiere Cut. But, you know, either way, we support many of these configurations locally. Dude, this is incredible. And like, this is just like all HTML and CSS, right? Or like? All HTML, CSS, and JavaScript. So theoretically, I can also export it as a website or something, right? Absolutely. That's not funny. Okay. That's right. Peter, you're touching on some things that we're also excited about because of the fact that it's HTML. We can make interactive videos. Yeah, exactly. Our player can be interactive. Yeah. And I feel like the slide deck that you were showing, Jake, is also HTML, right? Yeah. Yeah. Yes. It was also made with hyperframe skills. Yeah. Dude, you know, like I got Cloud Design to make a slide deck, and then I got it to make a video. And the video was like way more impressive than a slide deck. So I feel like you guys can also just expand to like the slides market too. Like just, you know? We will try. We will try. We were literally talking about it this morning. Yeah. Why don't we talk about, because, you know, I have a bunch of PMs and engineers watching this. So why don't we talk a little bit about how this stuff actually works? Like maybe you can walk through, like, you know, you're working on HeyGen, which is about like avatars and stuff, right? But then all of a sudden you have hyperframes. So like where did that come from? Yeah. Yeah. Great question. This might take a little bit longer, so bear with me. I do think we need to take a quick step back. You know, at HeyGen, one of the things that I think at HeyGen we really focus on, we don't compete with, you know, cinematic videos. So like we don't compete with like Seedance, Veil 3, like, you know, Hollywood. Like that's not our focus. You know, HeyGen has always been known to have one of the best, if not the best avatar models, right? And the kind of business problem that we help our users solve is communication. We always believe that video as a format is one of the most effective communication format. Because would you rather read a five-page doc or watch a one to two minute video to understand, you know, everything that you need to understand? I have a lot of examples of how our users and internally how we use video as a communication format. So avatar was our first step because many people are, you know, shy in front of camera. They don't feel confident. You need to do retakes. I'm sure, Peter, sometimes you do retakes, you know, a lot. And our users even more. They're not even like, you know, professional, you know, communicators or video makers, right? So they leverage our avatar model so that they can finally show up in front of camera and talk to their audience. Because the people-to-people connection is really important. But just the people is also not enough, right? You need to have the B-rolls, the motion graphics, the explanation of your product, all of these like video editing that then even more people don't know how to do. Like I think majority of us don't know how to do video editing. So ever since about like, I think the beginning of last year, HeyGen, we have been really focusing on, okay, now we've nailed A-roll. We've helped people make their avatar videos and so that they can show up. How can we help them make that final video? Because people just take our video and then maybe go to like CapCut, Premiere Cut to finish that video, right? They even hire a video editor to finish the video, right? So how can we take them from end to end? And we obviously believe that AI agent is the way. So we've been trying to build a video agent to do that. However, we learned the hard way that agents are, even though very, very capable, when they are working with JSONs and like XMLs, which is obviously the backing data model that all of our video editors sit on top of, it has no visual intelligence. Like when an agent writes a JSON blob, it can be accurate. It can be verifiable and correct structurally. But agent has no idea whether this JSON is going to be good looking or not. Yeah, exactly. That's important. It doesn't matter. Yeah. And that is actually the biggest problem that we ran into. And furthermore, it's like, you know, human modified that JSON through the UI. And then the agent is like, what changed? Like, you know, what happened? Right. And so that's actually when we turned to code. Because we believe that code, especially HTML, is LLM's native language. LLM's can express not only accurately the information, but also visual aesthetics through HTML, CSS, and JavaScript. And it's not necessarily fully true before like, you know, Gemini 2, like, you know, GPT-4 time. But it's definitely true after like Gemini 3, you know, GPT-5, and, you know, OPUS models. Like, these models are incredibly good at visually expressing something using code. Yeah. Yeah. And that really unlocked how our users can just talk to our agent and edit a video. And the video will come out visually interesting. And that's how we, so we started by like actually just having agent write a very small snippets of code and slap that on top of like our, you know, video editor to all the way be like, why can't it just all be code? And then our footages will sit on top of it. You know, any images, you know, assets, SVGs can sit on top of it. And then the code just becomes that foundation layer for agentic video making. That's incredible. Well, yeah. I always believe that code is the foundation of all knowledge work and clearly like a bunch of creative work too. Absolutely. But how do you, how do you like, is there some sort of verification loop that is actually like, you know, making beautiful scenes and stuff or. So there are a lot of things that we've noticed that agents are already very good at, right? Like agents are already very good at writing a landing page, right? Yeah. But, you know, you hear a lot of people using hyperframes and be like, oh, I'm making a PPT video, which is fine. You know, PPT videos are useful in some use cases, internal use cases. It's totally fine. But when it comes to launch video, it's not going to cut it, right? People are not going to watch your PPT for more than five seconds. So what we also found is that LLMs today, especially with HTML, CSS, we call it spatial intelligence. So our spatial aesthetics. Spatial aesthetics means like you look at a, you know, a landing page and your eyes move from top to bottom, left to right, and you scroll down, right? All the informations are laid out and spatially it looks great. But videos don't work that way. Videos, we call it temporal aesthetics. So your eyes are always looking at the camera or you look at the video and the information is fed to you. Like your eyes don't really move that much. Yeah, because of time. Yeah, exactly. There's a time element to it. And, and that we found is not, you know, it's actually not something that LLMs are very good at because it's not being trained on top of that. So we internally build evals, benchmarks, and also kind of like self-check loops so that our own agent gets better and better at that. We open source a lot of that ideas into our skills so that your agent gets better at that as well. But I think that we're actually working with Frontier Labs as well on how they can train LLMs to be better at this. Got it. And is the primary use case right now, like product launch videos and kind of like real tech product stuff? Great question. You'd be surprised. There are so many different use cases. Product launch video for us is the holy grail. Because, you know, as a founder myself from previous to Heyjen, I've spent $30,000 on a launch video. And I was told that that was cheap, right? Yeah. And launch video is like so, so, so important. And we see that as like the top quality video type that we need to get to. But there are many, many videos that today people use us for. Like you believe it. Like you might not even like, you know, register. Like real estate videos, you know, like educational videos, obviously. Internal training videos. Or just motion graphics that, you know, you make a motion graphic for specifically something. And internally, I'll share one last example. PR to videos or commit to videos. Internally, we literally ask Cloud Code to look at my commits for the last seven days and tell my team what I did for the last seven days. And it was really fun. It was really useful. It gets everyone, you know, a sense of like what everyone is working on. And it's a fun like Friday afternoon event where we just watch like 10 videos together. Yeah. I mean like, because I've been in a lot of like product reviews and stuff. And like, you know, people share like documents and slides. This stuff is just boring to go through. And like some, like people started doing more prototyping and stuff. But yeah, just having a really nice launch video or like a video you can share in Slack. Like people can understand what the hell you're trying to do in like two minutes. It's like super useful. Yeah. One of the things that we really want to also tap into and we work with, for instance, Hermes agent. We have a deep integration with that team. You know, one thing that we found, and I'm sure, Peter, you run many of your own agents, right? Agents are extremely verbose. They come back with walls and walls and walls of text. And I have gotten to a point where I just don't read them. I just like, yeah, all right, sure. Yeah, maybe you did my, what I asked you to do. But, you know, we turn that into videos too. We ask agents to be like, all right, when you're done, make a hyperframes video. Tell me what you did in 30 seconds. Wow. Wait, so like, because I'm actually using Hermes agent right now. So it's natively integrated into Hermes or do you have to install anything? Yeah. It has a hyperframe skill. You might need a round one command of like adding a hyper, but it's already in there. Okay. You know what? You know what I want to do? I want to like give it a bunch of pictures of my kids and then make some sort of a reel based on that. You can probably do that, right? Absolutely do that. Yeah. And dude, let me try to push you a little bit further. If I have a separate video of my kid, like at the playground or something, like I said, and before, can I play that video within the hyperframes video? Yes. Absolutely. It can, right? It's just cold. Yeah. Yeah. It's just cold. Okay. All right, man. All right. I'm going to play with this a lot. Yeah. What we found too is that, especially for the frontier models, they are actually also very good at visual understanding. So Fable 5 might be able to clip out that specific like timestamps of your kid's video to highlight in a hyperframe video. Because, you know, hyperframe can also just make it so that this MP4 is played from like the third second to the... Oh, I see. I see. Yeah. Okay. Let's talk about... Okay. So what happens if I can't afford Fable 5? Like what's the next best model for doing this stuff? Great question. Is it Gemini or... Yeah. Gemini. Gemini? Really? So we have been doing a lot of testing, a lot of evals. You know, if you want to ask for like the top of the line quality, absolutely. Like GPT 5.5, you know, Fable 5, these are the top tier. But Gemini definitely brings a, you know, a quality to cost like balance. Our internal agent is built all on top of Gemini. All right. Great. Okay. Yeah. Very exciting. Very exciting. Okay, cool. So let's just kind of recap the whole process, right? So I guess step one is to go to the GitHub for hyperframes and just like call it or like install it. And then maybe install the website to video scale. That thing can one shot, right? So that's like a one shot scale. Yeah. One of the things I wanted to quickly show is that we also have a bunch of templates that you can, you know, go work off of. Oh, sweet. Okay. If there is like one that you feel like it's like close enough to you, but you know, you want to change the colors, you know, you can click on fine tune. You can change the palette here. It'll like, you know, preview immediately. And you can like define your own colors directly. If you have them, you can also change the typography. If you don't like the original one, you can go for a more, you know, funky or, you know, a more, I don't know. You can, you can change all kinds of fonts and then you just download the design pack. Uh, it'll, it'll get you a frame.md that works really well with hyperframes. Oh, that's perfect. Yeah. This is just like a slide. You should, you should definitely support slides. Absolutely. Yeah. You should definitely support slides. We will, we will work on it. Okay. Great. And, and, and Jake, like, um, you know, you, you were, you were not born to be a amazing HTML video editor, right? So, so how do you learn this stuff? Like how did you become good at this stuff over the past two months? You know, I started with small projects, right? Like only a five second video where I wanted to have some kind of motion and I learned how to describe it. Um, and then from there, I just kept refining. And then when I got like text effects and other things that I liked, um, I would turn those into a skill that, um, I would point my agent to for, um, any of my, my videos after that. Right. I reuse text animations. I reuse, um, prompts I create just amending them to the specific video at hand. Okay. Well, I guess the good news is that people can just clone the repo and copy what we've done. So it's good. Exactly. It's good news. Yeah. Yeah. Yeah. Cool. Yeah. I do think that, um, what this was really freeing for, uh, for builders like ourselves is that, um, many, even though Jake did make almost all of our launch videos in the last like two, three months and you guys wouldn't believe it, but we had like at least 20 to 25 launches in like two months. Um, and each launch comes with, I, in my opinion, a very good launch video, uh, maybe not at the top of line, but good enough. But I think a lot of the engineers here, uh, actually can make their own launch videos now, uh, because they understand the process. They understand, uh, the, the, the product. They just work with their agent. The agent makes, uh, you know, everything after a lot of iterations. Right. Uh, but they don't have to learn a tool. They don't have to learn after effects or even CapCut. Right. Uh, which I think is a, is a huge unlocking for, uh, builders and entrepreneurs who are, you know, uh, who are trying to build videos for their businesses, but, you know, finding it extremely hard, uh, to learn. Yeah. Learning a new, like who wants to like go to a website and learn new tools is pained ass. Like I just want to get my agent to do it. Yeah. So, so, uh, uh, okay, cool. So then what are you guys planning next? Like it's going to be another 25 launches in the next month. Absolutely. Yeah. There are quite a lot, you know, Jake showed off, uh, the storyboarding. Uh, we believe that it's a important step in the video making. So we likely will, uh, open source a lot of that. Uh, we're also building, um, uh, uh, what we call media use. Uh, we're actually, uh, going to build a ton of skills inside of the hyperframes so that your hyperframes learn how to use background matting, how to, uh, add, uh, sound effects, music, uh, uh, all of those things. Uh, a lot of that actually, uh, at, you know, Heygen, we, we will, uh, offer a lot of that for free, uh, while some of them will likely cost you, right. For, for more expensive models. Um, so yeah, we want hyperframes to be able to do honestly anything and everything, uh, that a video editing, um, uh, tool needs to do. Okay. I think that's amazing. I think, okay. Look, I think number one, I see a lot of like AI builders now posting hyperframes videos to launch their like new GitHub repo or something. And that just feels like really empowering because otherwise you have to pay like $30,000 to do it. Um, and the other thing is like, you know, I've been on YouTube for, for a while and I, I still haven't learned how to edit a video myself. It's just like, I don't want to learn like premier effects or whatever. Like I don't want to learn. So yeah. So I've been paying my video editor to do my, all my stuff and I'll probably still do that. But like people do little things with hyperframes. It just feels like really empowering. Yeah. So, so I guess I want to thank both of you for putting this stuff out there and making it free for all of us to use. Uh, where can people find you guys online? Absolutely. Well, uh, we're, we're on Twitter. Find us through the HeyGen, uh, Twitter account, uh, or X account. And, uh, uh, we, we post, uh, almost every day about hyperframes. So find us, uh, uh, at HeyGen is the, the handle. Got it. And the great thing about hyperframes videos is like, it just helps you go viral on Twitter. So, you know, if it's viral, it's true. And we will always retweet your hyperframes videos. If you, uh, uh, tag us. Okay, cool. I'll definitely tell you guys. All right, guys. Well, thanks so much for your time, man. Thank you so much, Peter. Thank you. Cheers.