Claude Makes Unlimited Videos (Hyperframes Tutorial)

In this tutorial, I'm going to show you how to make unlimited free videos by combining AI agents with this new free open source tool called HyperFrames. It can make awesome animated explainer videos like this, also like this, which is about my favorite tea, Gyokuro tea. This was actually made all from a single prompt, including all the animated text, all the animated graphics and visualizations. So it's really, really, really powerful. Okay, here's another sample video where I feed it my product website. It grabs my assets, my color, my fonts, and makes this demo video entirely in one single prompt in just a few minutes. And you can do very advanced things like edit raw footage of yourself talking and add animations, animated text, edit out any mistakes, any stuttering, any false starts. For example, this entire video that I'm playing right now was fully edited with Claude and HyperFrames. So I'm going to walk through everything today, including the exact prompts to help you get started and learn this stuff. And it's really powerful once you set it up because it's essentially free. It's an open source tool that's just running locally on your computer. You can make unlimited videos with it. There's no separate credit system you have to pay for. And honestly, you don't even need Claude Fable or an advanced model. This will run with Claude's sonnets on your computer. OK. Oh, man, it's hot already. But first, hit like, hit subscribe, and hit the notification bell so you actually get notified when I do these live streams. OK, so these are sample videos, right, that we're going to make today. Pretty much by the end of this live stream, you will have videos that look pretty close to all of these. And obviously, you can change the colors. Like, if you don't like this dark mode, you want it polished or a totally different vibe. It's very easy to do that as well. So the very first step is just to set everything up. So let me just change my screens here. OK, so open up, let's say, open up Claude desktop. OK, it should look like this. Let me expand this. I'm going to have this open on the left hand slide. OK, so open up your Claude desktop. Make sure you click code in the top section over here. OK, you don't want to use the website chat because we're actually going to need access to your local computer. OK, once you have code open, click new session. And what we're going to do is create a new folder on your computer. And that's where we're going to install this open source tool called HyperFrames and set everything up. OK, so over here, it's showing like what is our directory or folder we're working in. This is like the previous one I made for testing. OK, I'm going to create a new folder. So let's say open folder. I usually create everything in my dev directory here. So I will click in here and then click new folder. So let's just do live stream HyperFrames or something. OK, so all we're doing is just creating a new folder and then we're telling Claude code, hey, we're going to work in this folder now. And if everything worked, you should see it says local and it should say live stream dash HyperFrames or whatever you decided to name it. Now, just real quick, a couple of other options like what do I like to set it to? I personally always set it to accept edits or auto mode. Auto mode is basically like AI will pretty much accept edits unless it thinks it should really ask for your permission. So basically, AI will decide. And then in terms of the model you use, if you're on Max like I am, I just use Opus 4.8 for this. If you're on Pro, you might want to switch to Sonnet 5 so that you're a little bit more token efficient. OK, so now once we have this set up, all we have to do is tell Claude to literally install HyperFrames. So just do this and say install HyperFrames. I will zoom in now and then hide the sidebar so you guys can see it a little bit better. OK, and also on the left side is all the setup instructions as well. So if you miss something while I'm talking, just like read this text on the right side, which I will zoom in as well over here. OK, so we're typing install HyperFrames and go ahead and click enter. Now, this is going to take like five, maybe 10 minutes. OK, so don't worry. It's just that's how long it takes. And you can read what it's doing. Like I'm going to invoke this HyperFrame CLI. Let me check all of these things, blah, blah, blah, etc. It doesn't matter where the folder is located, like you can just put the folder anywhere. So I personally have a folder on my computer that says dev and within that dev folder are all my projects. So if I have an experimental project, I'll just put it in there. So now it's going to just download a bunch of stuff that it needs. OK, so let it run or let it cook for five to 10 minutes or so, and it's going to figure it out. But yeah, real quick, let's talk about what HyperFrame. Let me just go to the actual website. It's called HyperFrames. So just do install HyperFrames. Install HyperFrames. Install HyperFrames. Okay, I'm just going to load the website here. So it's going to be installing a bunch of stuff. If it asks you stuff, just answer it to the best of your ability. I'm going to talk real quick about what HyperFrames is. Some of you have seen my previous tutorials on ReMotion. They're both similar. So ReMotion and HyperFrames make it really easy for AI agents to code videos. In HyperFrames' case, it's actually coding a website, like using HTML, CSS, and JavaScript. And then it's like animating that website and recording it. And that's the video you get. ReMotion is similar, but it's React code. It's not HTML, CSS, and JavaScript, just like this. So slightly different. I like to compare it, like, iPhone and Android. HyperFrames, for me, is like an iPhone, much easier to set up. You get something pretty polished out of the box without having to, like, fight the tool. ReMotion, though, is like Android. It's far more extensible because it's React-based, but it's a little bit of a learning curve. You're kind of, like, fighting the tool until it looks good the way you want. But both tools are really, really powerful. If you're brand new to this, though, I would recommend HyperFrames to start with. And the best part is both are free. And once you set up one of them, like HyperFrames, it's pretty intuitive to then set up ReMotion and vice versa. You can also easily migrate your projects from ReMotion to HyperFrames. There's actually a dedicated skill just for that. Okay. Okay. Cool. We go here. Okay. Okay, now it's asking me to start building a composition, given the project name. I will just say start building composition. Okay. And then here's the first prompt that we're going to try. So if yours is done already, I'm going to paste this prompt in the chat. It's going to be... It's just testing it by creating, like, a really simple thing. So given that I named it live stream, it's going to make, like, a little video about the live stream. But if yours is done already, here's the first prompt. So okay. I'm pasting it into chat. I think... No, this is a little too long for TikTok. All right. Let me try this. Nope. No. Won't. Let's do this. This. This is fine. Okay. I will paste this into the YouTube chat. Okay. TikTok's like, screw you. This message is too long. Okay. So here's the very first beginner prompt. And mine's already making, like, a sample video. But I recommend using the beginner prompt. Actually, I'll type it here and then zoom in. Okay. Create an eight second landscape video explaining the health benefits of whatever topic. In this case, I chose sleep. And actually, I'll change this to sunlight. And actually, let me just reread the prompt. Now I confused myself. Okay. So here's the beginner prompt to start with. Create an eight second landscape video explaining the health benefits of sunlight. And choose one strong animated visual metaphor that makes the idea instantly understandable. Keep it fast to render. So what this hints at is, like, don't go downloading external assets, external audio files, external video clips, taking screenshots of websites. Because AI can do all of those things. It can, like, fetch assets from the internet. So, like, images, video, voiceovers. It can create Haygen voiceovers. It can create avatar videos. There's all these things it could do. But for our very first prompt, we just want to keep it as simple as possible so it doesn't take 20 minutes to render your first video. Okay. So I'm actually going to just pause this one I'm working on because I really want to know the health benefits of sunlight. So go ahead and paste this in there. And then press enter. Okay. So hopefully you guys can see this on the screen. I'm going to paste this into Instagram as well. We'll paste it into YouTube as well. Okay. This is just the beginner prompt. This is just testing that everything works on your system, honestly. Okay. I pasted it to Instagram. TikTok really won't let me paste this. Okay. Hang on. Let me do, like, one second. at a time. Yeah there's like a very strict character limit for TikTok chat. So okay nobody type, oh no don't type, oh you're going to break up my prompt, no. Okay I pasted it in TikTok but it's now broken into three parts. Create eight second landscape video, choose one strong animated visual metaphor, and then keep it fast to render. So those are the three parts. And this will take a while, like even this simple eight second video will probably take upwards of ten minutes for most people. The cool part is you'll see exactly what it's doing step by step. Maybe I could show it elsewhere. So I can jump to the end while we're waiting for this one. So I basically ran that same exact prompt but instead of the health benefits of sunlight I said make me an educational video about the health benefits of sleep. So that's where we get this video. It's eight seconds and the visual metaphor was like a battery recharging because that's what it's comparing sleep to and it listed all of these benefits of sleep over here. I personally am a huge proponent of sleep. I think it's the most powerful drug on earth. So I'm a big sleeper and sleep optimizer. But yeah so this is a sample video that it can create. And I'll show you how to set this up as well. This is called the HyperFrames Preview Studio. So it's basically running on your computer as well. And you can do all kinds of things here. So for example you can import additional media so that HyperFrames has access to it. You can see the exact code that it produced here on the left sidebar. You can pretty much see everything here. You can even edit things here. Catalog. Oh that's cool. I didn't know about this. There's like all kinds of captions and code animations and visual effects. Like so many cool things here. And then you can do normal stuff like trim parts of the timeline. Stuff like that. On the right hand side you can see all the different renders. So let's say you make a change. You click export. That will be a new render that you can then download. You can see the different layers we have on each scene. That's too complicated for me so I really don't look at that personally. But it's cool that it's all here. And then when you're ready with the video you can just click exports in the upper right corner and it will save it as an mp4. And the cool thing here is this is code. That's why it's so efficient. That's why it doesn't take credits which can be really expensive unfortunately. This is using Claude to code a video in HTML. And then what HyperFrames does is it plays the HTML. It's kind of like an animated website. It plays it and then it records it as an mp4. So that's how we get a final video at the end. Okay. So now it's doing a bunch of things. Skip the track. It's just building. I will say though, I'm doing this demo in Claude desktop but I personally like to do all of this in Claude code. Just because when we have multiple agents, long running agents, I've found Claude desktop can sometimes just fail. It's less stable. So I'm doing this in Claude desktop so it's less scary to people. But if you're working on really long videos or really long edits, for example, this one was an 11 minute video. It was editing. I would highly recommend using terminal with Claude code. But this is fine for kind of like simpler videos as you're learning stuff and testing it out. Okay. Do I have a tutorial on switching from co-work to code? I do, I think, somewhere. So if I go to my YouTube channel and do Claude code, it's pretty easy to switch. So here, this one, Claude code tutorial for beginners. I'll just paste this in the chat. But I think you'll find most people who switch from co-work to code are much happier in Claude code. Because it's just so much more powerful, everything there. But co-work is really nice as well. For visualizing stuff, like all the artifact system, even though Claude code supposedly has that now. Oh, okay. Now it's thinking and all of this. Do I check my LinkedIn DMs? Yes, I do check my LinkedIn DMs. That's actually the only DM inbox that I check. So okay. Let's see. Okay. Okay. Okay. Okay. Has everybody downloaded it? Is your thing running to create the video? So just type, like, yes in the chat or stuck if you're stuck on a step. Yeah, I feel like transitioning from co-work to Claude code is not... Can a no-coder use Cloud Code? Yes. I know a lot of no-coders who use Cloud Code now. But if it's really scary to you, then just stick to co-work for a while. And then once you're more confident with that, then try Cloud Code. You do get a lot of... This is technically Cloud Code when we're using this code tab within the desktop app. So that's an easy way to learn about it and try things out. Okay. Let me close this. Okay. Here's the video. So I'm just scrolling up in the chat where it says Sunlight MP4. And now we can see the preview displaying on the right-hand side. Remember, we asked for an explainer video about the benefits of sunlight. Your body runs on sunlight, vitamin D, better mood, more energy, deeper sleep. Just ten minutes a day. Saying this while I'm in a cave with absolutely no sunlight in this room. That's a good reminder for everybody. We should go outside after this. So this is one of the nice benefits, by the way, of the Cloud Desktop app. You can actually preview the video directly within Cloud Desktop. Whereas if you're using Cloud Code, there's no nice interface like this where you can see the video already. But yeah. Now what we want to do is launch the preview. So type in the chat Launch Preview. And this will open up the HyperFrames Preview Studio. Okay. Okay. So it's now launching it. Okay. Cool. So it just opened this tab automatically. I didn't do anything. And it's pretty similar to all the other ones, right? So you see the stuff on the left, different assets, a bunch of other stuff. And then the tracks here with the different layers for your video. So let's go ahead and play this. Okay. So now we see the entire video within the studio. And if you want to make changes, like if you don't like something here, you can just talk to your AI agent. So if I wanted to change something here, like change the background from black to pink, all I would have to do is tell Claude that. I would just type here, change the background from black to pink. That's the cool part. Like, because in the old way of video editing, you would really have to like drag and drop all of this stuff. And it's really overwhelming for people. And I'm saying that because my app has a video editor. And I see how overwhelming it is for people. You know, it's like all these layers going on. How do you change like this one specific thing? The cool part about this is you can treat it as like your video team. You don't expect them to get everything on the first try. But you can give them feedback and iterate until it's a version that you like. Okay. Cool. So, okay. I'm just going to pause here. Let's see where we are. Mine just rendered. So cool. Okay. Make sure you... If you want to check out the preview lab, just type this in Claude, launch preview. So here, launch preview. Okay. Is everyone still stuck? So installing HyperFrame still... What to type in Claude desktop to install HyperFrames? Literally type install HyperFrames. That's all you have to do in Claude desktop. Yeah. It will figure it out. Just make sure you are in Claude code over here. Click code. Do a new session. And then choose a folder, like a scrap folder. Like I always make a new directory if I'm doing demos and stuff. Okay. Let's see. Okay. Cool. Okay. I'm going to go to the next prompt now. Wait a second. Here it is. Okay. Cool. So let me show the video we're going to make next. Here's the next video we're going to make. It's going to be a longer video, similarly horizontal, but with a bunch more stuff going on. Like a bunch more text animations, more complex visualizations, like boom, boom, and then it zooms out, and then it does this thingy, and then it has this thingy. There's a lot of stuff going on in this video. It's basically about my favorite tea, Gyokuro, and all the drugs it has. I mean, L-theanine, and yeah, it's my favorite. It's been my favorite tea since high school. It made this video, by the way, on the first try. I really did not give it much feedback about anything, and it was able to make a pretty cool video like this. This is what we're going to make next. Here's the prompt. Let me just explain it first. Or actually, let me run... So it's starting but this one's gonna take forever though. So like don't don't don't even I'm not even gonna wait for it to finish But I will run it here and I'll change the topic so about the health benefits of Let's say high-protein diets Okay So anyway, here's the prompt Let me close this And then let me zoom in here Okay, okay Okay. Okay. So here's the prompt using hyper frames and slash faceless explainer I'll explain what this is create a 30-second faceless explainer video about the health benefits of high-protein diets Obviously replace this with whatever topic you want. I don't know why it took me so long to think of something healthy Do not make it educational looking make it feel like the opening sequence of a high-budget Netflix investigation dark cinematic typography Mysterious animated diagrams. Oh, it asked me some questions. It's asking me about the audio So if you actually sign into hey, Jen, it will get you like pretty high quality voiceovers like text-to-speech You can also just add music. I'm just gonna say no no voiceover for now. So it's a little bit faster Okay, I was reading I'm gonna start over reading the prompt because that in other words that's confusing for YouTube Okay So here's the prompt using hyper frames and faceless explainer create a 30-second faceless explainer about the health benefits of high-protein diets Replace this with whatever topic you want Do not make it educational looking make it feel like the opening sequence of a high-budget Netflix investigation dark cinematic typography Mysterious animated diagrams fast evidence board transitions one shocking hook in the first three seconds and a satisfying Now I finally get it visual metaphor by the end This was just a fun prompt. Honestly, you can say whatever you want, but it's it's it's pretty cool to see like what it will Do okay, so I will I will paste this in you in the YouTube chat and Instagram chat Okay Yeah, so let me oh gosh, it's too long even for YouTube, okay, hang on I'm gonna paste it in two parts Do not make it educational looking Okay, oh Still too long. I'm gonna paste it in three parts just Okay What was the last part I wish one shocking hook Okay, there's a three parts Let me see if there's a is there a thing for Instagram. Let me paste it on Instagram There's no character limit There is a character limit make it feel like the opening sequence of a A high-budget. Yeah, we're gonna do need to do three parts for Instagram to Okay A high-budget board transitions and one shocking hook. Okay, cool I will just leave this open at the prompt so you can also just get it. Okay guys So let me just explain this so slash faceless explainer refers to a specific pre-built hyperframes skill or workflow There's actually a set of them that you can optionally import I talked about that in the last part of my blog slash newsletter here and we're specifically going to use this one faceless explainer because it's relevant to the type of video that we're going to make and Again, feel free to change this out to whatever topic you want The prompt is just right here. So you can take a screenshot of this by the way, drop it into Claude I also pasted it over on YouTube and Instagram But yeah, it's really cool and it will make the video basically look like this. So if you didn't see this yet I'll play it again It's talking about like how much Darkness that this particular tea plant needs to grow. It's my favorite tea it has a incredibly high amount of L-theanine compared to other green teas and Basically, you just feel really nice and happy after drinking it because of all those alpha waves So, yeah, this is the video that I'll end up making like kind of epic Netflix style documentary This is the evidence board that I mentioned in the prompt, right? That's why I did that it has like evidence board animation and then cool mechanism Animations and then big numbers, etc then a teacup at the end. Okay, so how is it unlimited? Yeah, so I covered this in the beginning. It's because we're actually using your AI agents, whether it's Claude Codex or whatever, to code HTML. And then HyperFrames basically takes that HTML, plays it. So imagine the website with animations. It's kind of like playing the website and then recording it into an mp4. So it's not really like generating VO3 style video clips or anything like that. You can see like this is just a mix of like kind of like simple shapes and animations. Now don't be fooled, like you can use this to create very complex looking things, like things that would genuinely take hours if you were a video editor trying to create all these animations. So it's still very powerful, but it's not creating like a pure video clip from scratch like VO3 does. And so yeah, once you set this up, you run it on your computer locally, basically free forever. The only cost is just whatever tokens you're using in Claude, but you don't need to use like a crazy model to run this. Like you actually can just use Claude Sonnet. Okay, oh hang on. So it's asking me to approve the storyboard. Honestly, best practice, you should probably look at the storyboard before building it out, so you know, because it's going to take 20 minutes to make this video, and changes you make earlier in the process, like in the storyboarding process, will make it like less expensive downstream to fix. But in this demo, we'll just say, yeah, just build it. Okay, cool. Okay, so here's the storyboard. So that's kind of cool that it listed it all here. Here's the hook on screen payoff. It's going to be a silhouette dissolving, and an orange eating itself, oh no, in orange eating itself. Okay, exhibit A, metabolism. Three bars, you burn a third of it, just digesting. Okay, exhibit B, appetite. 400 calories per day. Exhibit C, what are we, what is this video about? Okay, oh, this video is about the benefits of high protein diets. So that's why it's talking about these things, like what does what do high protein diets affect in your system? Metabolism, appetite, hormones, your muscles, etc. So that's the storyboard for a video. If you have, you know, suggestions, you would kind of iterate on it here, and then proceed to making the full video. So now it's going to make the full video. Honestly, it's going to take like 20 minutes. That's why we're not going to wait for it. But I suggest you running it so that you have it, and then like 20 minutes from now, it will be done. And it's super, super cool. Which is better for e-learning tutorials, this one or ReMotion? I honestly think HyperFrames is much easier and smoother to set up. ReMotion is very extensible. Like you can do cool things like integrate 3JS, integrate, I think, what is it, Manim for cool animations and stuff. But for most people, you want an iPhone, that would be HyperFrames. It's just like easier to get it to look good out of the box. Okay, still running the first prompt. That's okay, you know. The first prompt might take like 10 minutes or so. And this one will take like 20 minutes or so, because I think we asked for a 30-second video. So the longer the video you ask for, the longer it's going to take, because it's going to build each thing scene by scene. So if you just want to like test things out, honestly, you can just like reduce this. Instead of a 30-second video, ask for an 8-second video, and it's going to be way, way, way faster. Okay. Okay. And by the way, if you are lost on this, like that's okay. This live will be up again. I'll leave it live. And then I will send this newsletter tomorrow, so you can just like grab the prompts and stuff. It's kind of, you know, the worst part is always just the initial setup. Once you actually get this set up, you can just make unlimited videos, throw any prompts you want. Okay. So don't be discouraged if you're like a little lost setting this up. In fact, I would just start with the beginner prompt if you haven't gotten this working yet. This create 8-second landscape video. Okay. But now I will move on to the next prompt, because you can have multiple sessions running. Okay. So for those of you who are advanced, just leave this one running. Create a new session in the same folder, and now you can have multiple videos being created. So before this live stream, I was like testing out the prompts, so I just had all four prompts running simultaneously on my computer. So okay. So this is the third video we're going to create. Let me just show you what it is and why I call it the intermediate level prompt. Okay. So here I provided my company's websites. It grabbed the brand colors. It understood what my company does and then it created kind of this nice launch video for my company. I call this the intermediate prompt because it's actually taking context from an external source. In this case it's just a simple website but you could feed in other types of context. For example you could feed in a YouTube video and then use a tool like Apify or Blotato to scrape the transcript from that YouTube video and make like a totally different version of an explainer video. You could feed in PDFs, you can feed in podcasts, you can feed in like any source of information you can think of. You can feed it in as context for your AI agent and then it can build this kind of cool product video or explainer video or launch video based on that information. So I call this the intermediate prompt because now we're combining external sources of information like out there on the web. It can even fetch screenshots from websites, it can pull videos and images that are embedded on your website. So it can do all of these things. It's super cool. So this is the intermediate prompt. Let me pull it here. Okay and this will actually use another pre-built skill or workflow called website to video. It's going to ask you to install it so just say yes. So here's the prompt. Using hyper frames and slash website to video create a 25 second cinematic product launch video from blotato.com. Obviously put in your website here. Capture the website's actual colors, typography, UI, and brand feel. Then turn it into a premium Apple keynote style reveal with dramatic pacing, animated zooms, three big benefit cards, clean voiceover, subtle sound effects, and a final CTA. Make it feel like this tiny website is announcing the future. Also a very fun prompt to do and that's how we get like this really cool version. It's like super epic. I was like whoa this looks better than my actual product. Wow so shiny. But yeah I mean that's that's the fun part here and again you can feed in your own assets. You can feed in your product images, clips, video clips that you have. Hyper frames can actually assemble all of that. Okay so let me go back to this. Yeah so now this has been running for 12 minutes. It's probably only halfway done. So just just to give you like a reality check on timelines. It does it takes a while. It's just for this is just for a 30 second video from scratch. So if you do want to just try this out without waiting like 20 minutes you could reduce this to like create an 8 second cinematic product launch video instead of 25. To get this prompt honestly just like take a screenshot and drop it into Claude to get it. I will type it or copy paste it as well but it's kind of annoying with all of the character limits here. Yeah TikTok is a very low character limit and I can't paste in a photo. Okay so I mean I will I will try to paste it. It's just gonna take a while. I think I need to split it into four. Oh no. Oh no. Okay. Clean. Okay here we go. Okay there. Okay I split it into four which is really not great but what it's better than nothing. I will paste it into YouTube as well. Okay and brand feel. Yeah like once you get this working like even the first one it's like ridiculous honestly. Oh my gosh. This. Okay last part I'm pasting into YouTube. Oh my gosh. I don't think I can pin three of them. Yeah you do not need a subscription to use hyper frames. Okay so just to be clear when I say unlimited free video I mean like the hyper frames part is free. Obviously you need like some kind of AI agent that's consuming tokens but it's not like as heavy token consumption wise as you might think because it's it's actually just coding the video together. So it's like it might look like this must be insanely consuming all your tokens but it's really not. You could honestly just use Sonnet at medium level thinking and it would work just fine. You definitely don't need Cloud Fable or anything fancy like that. Yeah so I pasted the prompt in the chat. Okay okay cool. So that's three of them. So here it's making progress. You can actually see all the different frames it's working on. Storyboard, enrich. Now it's building it frame by frame and it's Parallelized so like each sub-agent works. It's on its own frame What it calls the frame I usually call a scene. Okay, so like you watch the video There's multiple different scenes and it's trying to build each one in parallel. But again, it's been like 15 minutes at least so This is for a 25 second or 30 second video Yeah, you can get the prompt just by like literally screenshotting it and dropping it into Claude I will release this newsletter tomorrow as well with all the prompts. I do see a lot of people's confusion around installing it. So I'll provide a second way to install it if simply typing install hyper frames didn't work for you But okay, but yeah, this is the prompt for the intermediate one Okay, i'm just going to pause here Yeah, you can provide the aspect ratio you can just specify it So Um for voiceover skip it for now, um, there are multiple ways it can handle it Um, so it can use free text-to-speech which honestly is pretty crappy But again, if you're just testing it out, it's fine. If you sign up for a hagen account it can use hagen's Text-to-speech which is a lot better Um, so that's the nice thing if you choose to sign up for a hagen account, but you don't have to Because like Claude for example can even go get music from from online like it can just grab music from online It can set up free open source text-to-speech if you just are testing stuff out It says Okay, cool Uh, yeah, if you already have an 11 labs account, uh, you that will work as well to add a voiceover Just tell claude code like I have an 11 labs account. Here. It is burn it on top of the video Um claude will use a tool like ffmpeg, which is another open source tool to combine your 11 labs audio with the video itself So yeah, there's all sorts of things you could do With your ai agent as like the central coordinator like you can actually combine this with hagen avatars I think this is why hagen made this Because you can you can combine it with your hagen api key make an avatar video and then edit it with hyper frames So like while your avatar is talking hyper frames will add in visualizations and like talking points and chapter markers like So that you have a really uh dynamic avatar video. It's not just like boring talking and staring at your face or your fake face so Um, okay. I'm gonna go to the next level prompt. So um This is the one that is really next level. So, uh, basically I fed it my talking head video And it edited the entire thing. So I will just play it here or not here. I'll play it over here I'll play it over here in silence and i'll point out like all the things. So yeah that text at the top was hyper frames Everything here on this screen this animation was hyper frames. Let me make this full screen This is all hyper frames it even like clipped my face put me in the corner like the bottom left corner that was hyper frames Um, that's this is hyper frames a chapter marker Okay, now it's going back to this loop automation because i'm explaining loop engineering. This is me talking for a while Okay, so no hyper frames here, but it did edit out my mistakes Removed long pauses like kind of the typical things that a lot of tools can do This is all hyper frames as well. So these animations you can see there's like slight Heartbeat like movement. Okay, then it goes back to me then it's going back to this loop. This is hyper frames as well uh, so yeah, basically every Any every animated text even this even these quote cards? That's this was This was like a really funny robot vacuum visualization This was this was also created by hyper frames um And the thing is like I didn't I didn't tell it to do this exactly Like i'm not a visual person. Like I don't I would never think to do whatever this was This was supposed to be a robot vacuum like cleaning on a schedule I'm, like I I don't even know how I would describe this in words Okay, so what's happening though is hyper or claude is actually analyzing the script and then I have it Look at each key concept and brainstorm Um a relevance powerful visualization for each concept and that's what you're seeing here Like I didn't tell it to do this like explicitly like it just kind of figured it out And then in certain cases it decides to use a quote instead of a visualization, right? Like it makes that call and I give it feedback. Like there were times it made visualizations. I didn't like Um, and I was like, I really like I don't this visualization is not clicking with me, can you try a different one?" Okay, but as someone who's like not particularly, like this is, this one is cool, it's like a highway. Oh yeah, let me play this one. Okay, that's cool. But yeah, as someone who's not visual, like I would really struggle to tell AI like, oh I want a visualization of highway lanes and cars on each lane driving by, you know? But that's where AI helps, like it's reading the script, it's analyzing like what is the point I'm trying to convey, and then it brainstorms a visualization to help get that point across. If it creates a visualization that I find confusing, then I give it feedback. I'm like, okay, no, this one's like confusing, I don't get it, can you try a different one? Okay, and that's the process, right? Like don't necessarily expect a perfect video on the first try, especially something as complex as this. This is almost an 11-minute YouTube video, you know? Like that's pretty complex, so you know, it's not, it didn't get everything on the first try. There were several visuals where I had to be like, eh, I don't get that one, like replace it with something else. But overall, like it's really, really impressive what it was able to do. This particular video on YouTube now is like the first time I really tried it on an actual long-form YouTube video. Now I personally don't like PowerPoint slides and things like that, so this is just experimental for me. I usually prefer like, here's my screen and follow along, here's what I'm doing, or you know, being up on the vibe board because it's fun. But I'm experimenting with all of this, and it's like, it's like pretty crazy what it can do today. Like here's an example where it made a mistake, right? Like you can see the gap here is overlapping a little bit with a line, so like if I was actually careful, I'd be like, hey, can you fix that? But you know, it's pretty cool. Okay, so let's... So yeah, there are pre-built hyperframe skills. You can install all of them if you want. Many of them are useful, so like this website to video is one of those optional skills. But yeah, let me just go to the optional prompt if somebody wants to use this. This one's really long, so I have to like explain it. I know it's going to be hard to see, but let me at least explain this, how the prompt works so you can make your own. So let's say you're feeding in a raw talking head video, okay, and we want to have an edit just like you saw on YouTube. So the first step is we're going to have Claude transcribe what you're saying in the video, and then clean it up. So we're going to remove false starts. False starts are when you're like, and in this video we're talking about, oh shoot, I messed up, and then you have to start over. And in this video we're going to talk about, and you're like, oh shoot, I messed up again. So those are false starts. You want to remove those. Remove stuttering, remove like repeating when you're messing up, remove filler words, and trim pauses over 0.3 seconds. It's like a generally good threshold. So it's going to transcribe everything, clean everything up, and then it's going to kind of organize the script into the key concepts. For each concept, figure out the strongest visual metaphor that makes it instantly understandable. Okay, and then we're going to use a consistent visual system. Obviously you can change this. I just set it as like light colored theme, and blue is your primary color. This is your type fonts. Again, this is all changeable. I'm just giving you like a template to use. So like just use this first, and then change the colors, change the font to your liking. And then these are just some parameters for motion, like no jitter. We want things that kind of like fade in and settle, etc. And then graphic roles. These are like the different things you typically want in a YouTube video. So for example, like big cards that replace my face that show metaphors, quotes, comparison steps, and titles. Transparent overlays can be over my face or near my face. And then one recurring visual throughout the entire video. So in the in the YouTube example, over here, that would be like this loop. Because I'm talking about loop engineering. Okay, so this is the recurring visual motif presence throughout the entire video. That's why it always goes back to this. And then sync. You want to align each visual or graphic to the time stamp when I'm speaking about it. Because like obviously, like if I'm talking about like loop engineering over here, I don't want like irrelevant graphics that don't help you understand what I'm talking about. And that's why we have to transcribe it initially. So like Claude knows exactly what you're talking about when you're talking about it. And it's going to insert relevant graphics at those moments. Okay, and then output mp4 at whatever was the aspect ratio. of the raw video footage. Okay, so if you're recording a short, it's going to output like a vertical short. If you're recording like a long form YouTube video, then it's going to output that. So if you are interested in this, take a screenshot of this prompt, drop it in the clod, and then give it an example of like a 10 second clip of you talking and let it figure out like what it's going to add to that video. So yeah, this is really powerful. This is what I call the next level prompt. Once you get past the beginner prompt, the beginner intermediate prompt, and the intermediate prompt, then definitely try this. It's really, really powerful. Okay, and then I think that's all I want to talk about today. There's definitely a lot of other stuff I could talk about, extra workflows, how to set it up in other tools. The full pipeline is transparent as well. You can actually open the text file for every single step that it did. Oh, okay, oh, this one's finally done. Okay, so now it's opening Studio to review it. Okay, so today we are going to learn about the health benefits of a high protein diet. Okay, let's go. Oh, man, that's sad. Okay, thermic effect. Okay, negative four, eat less without deciding to. Peptide is nature's, rebuilds what time steals. Okay, boom, boom, boom. Okay, okay. The protein files, okay, that was intense. I was really sad by this intro. It definitely hooked me where it said, after 30, your body starts eating itself. No, okay, but yeah, so this is cool. So this was a video it made on the first prompt. Remember, I said, give me a video about the health benefits of protein, and we wanted it to be Netflix-style, like boom, with a hook that definitely is very disturbing, and then it explained all these benefits of protein. You eat less without deciding to, meaning you're satiated. You blunts blood sugar spikes. I didn't know that. Okay, it rebuilds muscle and lean. Okay, some protein, case closed. Eat more protein on purpose. Damn, and this is how much you should eat per day. Okay, well, I learned a lot about protein in that. Okay, cool. I guess I'll just answer any last questions, and then we'll wrap it up, but I will send this out tomorrow with the prompts and stuff. I saw a lot of questions around the install, so I'll try to add more information there for setup. It did work for me multiple times when I just typed install hyperframes, but there are other ways to do it that are a bit more prescriptive, like if you were running into issues with that. Okay, cool. So yeah, if you guys have any questions, feel free to drop in the chat. I'm gonna stop recording now. So, okay. Stop recording. All right, so that part will go to YouTube. Okey dokey. Do you give it the MP4 and transcript or keep MP4 in folder? So, as long as you have the MP4, Claude can transcribe everything for you. You don't have to grab the transcript separately. So, let's say you have an MP4 of yourself talking, then Claude will know what to do if you say, hey, transcribe it. It will just pull an open source tool like Whisper to go ahead and transcribe it. Okay. Which days are you doing live sessions? So, I do this live stream every Friday, 2 p.m. Eastern time. I really don't decide what the topic is until Wednesday because I'm like, oh, what do I feel like learning this week? But if you have requests for topics, feel free to drop them in the chat. I'll always consider them and stuff. Okay, I'm gonna close this. Where did YouTube go? Oh, there it is, okay. So, yeah, if you have any last-minute questions before I eat ice cream, and it's high-protein. No, it's not high-protein ice cream. Oh, yay, your first video's done, great. How do we get the newsletter? It's just my website, sabrina.dev, yeah. It all worked, amazing, yay. Yeah, I'm sure most people won't make it through all four prompts, but honestly, as long as you make it to the first prompt, you can just run the other prompts later. Like, I will send this newsletter out tomorrow, you'll have all the prompts. So as long as you made it to the first prompt, you'll be able to run all the other ones. It just takes longer. And again, the hack is to just shorten the duration of the video, right, from like 30 seconds to eight seconds or 10 seconds. It makes a huge difference in how long it actually takes. Yeah, you can definitely create vertical videos. I've previously had livestreams showing how to make vertical videos. That's why today I changed it up to just focus on horizontal videos. But all you have to do, tell it 9-16, that's it, and it will like change it to 9-16, so. Can co-work, spin up, what can code do that co-work cannot? I do talk about that in other YouTube videos, but just in general, I wouldn't obsess over it. If you're pretty happy in co-work, then just use co-work. Co-work has advantages. For a long time, it was much easier to schedule stuff in co-work. Visualize stuff, like even in this example, we could visualize the video within co-work. It loaded it in the sidebar, kind of like it was an artifact. And you can't really do that in Cloud Code. You have to spin up the HyperFrame Studio preview to be able to see it. Um. Do you find yourself exporting HyperFrames to CapCut or other video editors to Polish? Personally, no, because I suck and hate video editing. Like, it's just a personal thing. You definitely can, right? Like, if you know what you're doing, you can totally just export it to CapCut or Premiere or whatever, and like add your own bells and whistles. But the current video, or my latest YouTube video, as of today, was 100% edited by HyperFrames. That's not to say it only took one prompt, right? I was also new to HyperFrames and I gave it feedback, like, oh, you missed this, you missed this. Now it's a lot better running it on the first try. But yeah, my YouTube video that's up from today is 100% edited by HyperFrames and it's pretty cool. Oh, yeah, so my newsletter is just Sabrina.dev. If you go to any of my social links, the link is there in my bio. Have you tried uploading a reference video for inspiration? Yeah, I actually uploaded my reference video, like the loop engineering YouTube video, as reference, and then had it edit a different video. And that was pretty cool because it actually worked and I didn't expect it to. So basically, Claude will be able to analyze an existing video and decide, okay, these are the colors they want, this is the style they want, based on the existing video. And then it's gonna try to edit a new video in that same style. So it's pretty cool, again, not perfect, but it'll get you like 60 to 80% of the way there. I want AI to edit all my videos. Yeah, I mean, it definitely can. And if this was too complicated, like obviously there are paid tools that will help you edit your own videos, like CapCut, SubMagic, tools like that, if you're doing shorts, so. Okay. This is, how do I get my newsletter? Oh, it's just sabrina.dev. How, step-by-step, how Blotato works. Well, I can provide a tutorial. Let's see. Oh, yeah. So here's an updated tutorial for how Blotato works, especially if you use Claude. This is the one I recommend, since you can just use Claude.ai, you don't have to use Claude Code or Claude Cowork. Okay. How long does it take to make full YouTube videos with HyperFrames? It's just, it depends how long the duration of the video is. And also, are you creating it from scratch or editing raw talking head footage? So like the 11-minute loop engineering video on my YouTube today, I filmed the raw footage of me talking, and then HyperFrames edited it, added all these fancy things, et cetera. And for me, because that was my first time using HyperFrames, it took several hours to be like, meh, like I was also experimenting with color themes and giving feedback on the visualizations it was making, you know, but it's like, but now that I've kind of given it all that feedback and trained it to do that certain style, it can do that style now very quickly from the first try. But so I recommend for anyone seriously into this, just like spend a couple hours and like just take one video. And just keep working on it until you really, really love it, right? And then tell Claude, or create a skill to remember all the preferences I talked about. Like the types of visualizations I like, the fonts I like, the typography I like, etc. Oh, yeah, this is the Blotato Claude video. Can you take a landscape video and have it put it into 9.16? Yes, but you don't really need hyperframes for that. So Claude can just do that with open source tools like FFmpeg and stuff. I just joined, do you have a tutorial for hyperframe? Yeah, this was the tutorial for hyperframe, so I just wrapped it up. But tomorrow in my newsletter I will send the full tutorial with prompts as well. So based on the feedback, I did see a lot of people get stuck just on the install step. So I will add a more explicit install step. This was the lazy way. Open Claude would say, install it yourself, Claude. There's the official way as well, which I will include. That does great upscaling for videos. Yeah, there are actually APIs and services that offer upscaling. I'm just blanking on the name of one, but I know they exist. You can have Claude send it over there, upscale it, and it will send back to you the upscaled version. For the advanced video for your face in there? Oh, I forgot. Am I sharing my screen? So for the next level prompt, it's basically editing an existing video. So let's say you have a talking head video for 20 seconds, and it's raw. There's stuff messed up and it's not perfect. You can still drop that into Claude in hyperframes and it will clean it up, edit it, apply visuals. You can even have it add captions, add royalty-free music. There's a lot of stuff that you can do with it. I just had to tell Claude that hyperframes is an open source video editor and it figured it out. Okay, that's a good tip. Maybe I'll add that here to the install. Install hyperframes open source video editor. Hopefully that'll work. Does it do avatar and voiceover? Yeah, that's the crazy part. It can. HeyGen is the company that made it. I'm pretty sure they made it so that you can programmatically make avatar videos and then edit them so they actually look good. For the longest time, the problem with HeyGen videos is it's just boring. Even my own avatar videos, it's just me there. Sometimes there's a green screen. There's not much going on compared to if you make a VO3 video with your avatar doing weird stuff. But now you can plug your HeyGen account into hyperframe if you want. Obviously, this costs money, so you don't have to do this. But if you want to plug it into HeyGen, then now you can have Claude create your avatar video, then edit your avatar video. It will add all this stuff. It can grab screenshots from the internet. Let's say you're talking about news. It can grab news footage or video clips, put it into the avatar video. Then you can publish it to social media with a tool like Blotato. Maybe I'll do that as a demo next time. We can just make avatar news videos with the avatar on the top and then cool footage or something on the bottom. You can totally do that with Claude. But it costs money to make those avatar videos. That's the most expensive part. When it comes to using HeyGen, does it cost to use your avatar? That's the most expensive part, is actually generating the avatar video. Also, HeyGen API, last time I checked, starts at $100 per month. I don't know if that's accurate anymore, but it probably is. It's actually quite expensive if you're plugging in to the HeyGen API. My newsletter, if you just go to my social link or go to Sabrina.dev I will go here. Sabrina.dev If you just go to Sabrina.dev, that's my newsletter. Okay, cool. How can I join your community? Is this the link? Yeah, if you are interested in joining my... Oops. It just kicked me out of... I think I just kicked myself out of the YouTube livestream. Oops. Mm-hmm Okay, and we're back Someone was asking how can I join your community? This is the link It's a free community for women who are building in AI or building AI enabled businesses So what are your thoughts on new laws about disclosing AI clones? I think people should disclose it like I don't I don't have any issue with that That's why I tell my audience like if there's a hat it's my avatar unless I'm dancing cuz like then that's probably me But many people thought also I was a robot dancing in my hat But yeah, I mean I am all about transparency I don't I don't see any issue with disclosing that it's your AI clone or AI avatar, you know And AI clones like they don't necessarily save you a lot of time like it still takes time to make good videos Write good scripts and stuff. Make sure it looks good. But they do scale a lot better, right? Like you can hand off a lot of the work to a team so that it's not on you all the time To film and film and film like that. That's the beauty of avatars It's not that like it takes you less work to make high quality content Probably like same amount of work, but you can outsource parts of it to a talented team I Do not have an open community yet, you know, it's definitely something I'm thinking about You know, like what like do I want it to be a general AI community? How do I combat spam? Can anyone join like I'm still thinking about all of these things? But definitely my women's community is served as like a really successful model for what a free community should be in my opinion And so now I'm just thinking about well, how do I do that? Like at a larger scale without Burning myself out and without hiring people. So Is it late to start creating YouTube long videos? Oh, definitely not. I think YouTube is awesome Like I don't I don't think YouTube is saturated or late at all. So What is your community but it's just for women who are building an AI so It's free to join and we have like trainings or workshops almost every single day And it's just I don't know everyone there is just so generous and I love learning from other women how they're using AI. So Okay. Well, um, all right. Well, I'm gonna go eat lunch now. Thanks everybody for joining and I will get this newsletter Since tomorrow again, I'll just clean up some of the instructions around installation. So hopefully fewer people get stuck there But yeah, thanks everybody for joining. So, all right. Have a good one. See you next week. All right. Bye