Claude Makes a New Kind of Video - Full Tutorial

0:00There's a new way to make videos with Claude and they are perfect for motion graphics, explainer videos, and just videos that don't look like they were made with AI. And Claude doesn't have a video generator, but it doesn't need one. It does it all through code. I'll show you how these work and exactly how to make them. Plus, I actually created a huge free database of 86 styles you can explore and use just by copying the prompt. There's simple ones, more elaborate ones, and some that are just really unique. And they are all customizable and have the option to sync them up to a voiceover and time them

0:34perfectly to the words. Now, first off, I want to explain what's new about this since I've been using Claude to create motion graphics for a while already using frameworks like Remotion and Hyperframes as many other people have. Those are toolkits you can install that give Claude a structure to build videos. This doesn't need any of that. Claude writes plain JavaScript

0:58that draws each frame by itself. JavaScript is the programming language built into every web browser. It doesn't really matter to know any of that, but I wanted to cover it. And I got most interested in this over the previous workflows I had because of a series of amazing posts by another creator named Kevin. You may have already seen this,

1:16but I'll show one really quick.

1:45That was the first one I saw that just blew me away. It's so unique and different from anything I've seen AI make before. It's not really something that would make sense in the types of videos that I I but it showcases the creative directions this can be taken in. And again, it doesn't involve any sort of text-to-video model. It's all created using code, including all of the

2:04sound effects. Now, I wanted to adapt this more towards YouTube explainer videos. So, I had Claude generate a total of 86 different styles. I listed out around 20 to 30 that I wanted, then let Claude come up with the rest. I also had it create its own database of sound effects to draw from, also using only JavaScript. This whole thing is completely free at the first link in the description. These each have a 15-second sample generation explaining how AI works. You can get a

2:34good idea of it that way.

2:46This one is a pretty useful style. And here's a cool 16-bit pixel style.

3:05And how about a chalkboard style? That's a useful one.

3:23Or how about we try one that's more unique? Here's cut paper diorama.

3:42There's that huge range from simple to really unique. So, I'm going to use this glassmorphism one, which is on the simpler side of these, but should be great for a visual explainer. And each of these have that explainer example with the sound effects included. Then you can click to see a shorter style clip which shows how it builds a scene. The explainer is more useful, but I generated all the shorter ones first actually and didn't want to just delete

4:05them, so I left the option to view them. And there's a couple other options here. You can select with voice over which will ask for a transcript. I'll show that later where you can sync up the whole thing perfectly to a voice over. Then without voice over just asks for the topic or story you want it to create. You can be as simple or as detailed as you want. I'll say how noise canceling headphones work. By default, the prompt does also include asking for a visual storyboard first, so you can get a good idea what it looks like before running the full generation. It will show images of each of the major

4:37beats that will be used. The examples give you a pretty good idea of how it will go, so I switch that off a lot of the time. Then just ask for edits afterwards if I need them. But I'll leave it on to show what it looks like. Then when I click copy prompt, it includes the full prompt to recreate the style and also the parts I added in of the topic. So when I go to Claude, all I

4:55have to do is paste it in and hit send. Now, this is what the storyboard looks like when it comes back. I think this looks great, so I'll let it generate the whole thing. But you could ask for any changes you want at this point. And here's what came back.

5:23[music]

5:32[music] That looked great. The style was really good. The sound effects went along perfectly. And since this is all code, if you want any changes, with most of them, it's really easy for it to fix or alter anything really precisely. Just ask. I do think it could have benefited from a voice over actually, so I'll show that next. But I do want to mention I used Opus for that, but you don't have to. I generated this one in Sonnet as

5:55well that I think looks just as good. And I also pasted that same prompt into Chat GPT and Astra gave me a good result, too. Although I think it is a little worse than Claude's. That's how easy this is to use and there are so many different styles in here. A lot of them are really, really cool. I may have gone a little overboard on this. It's the fastest I have ever burned through my usage and resets. That's why I was like, I need to make sure other people can use this instead of just me. So all those tokens I used get more use out of

6:24them. So yeah, it's all free at the link in the description. [music] And you may have noticed when I pasted it into Claude, it was the little pasted text attachment. That's because the prompt is really long. This is what the whole thing looks like. I do have some guidance built in, but the most important part is it includes all the actual code that was used to create the example video. That's why these can be so consistent and why it gets just as good of results out of Sonnet as it does Opus. If you just send the video itself as a style reference, Claude and Chat GPT can't watch it. All they do is take

6:59screenshots and analyze those to piece it together. So a lot gets lost in that process. Since these are made from code, it includes all the code. So it has that base and just makes modifications instead of writing it all from scratch. Much more consistent. And as you copy these prompts, you can modify anything you want. Just ask to change the color palette or things to move slower. Ask for any customizations to these. Just explain that in your prompt or through iteration after it comes back. Then if you end up with a new custom version you like, ask Claude to turn that into a skill so you don't have to come back to

7:30this database every time. You can just call the skill instead. Now I'll show how to use this if you have a voice over. I typically use my own voice, but I'll use Gemini 3.8 flash text-to-speech for this demo. You can also use 11 labs or any method of making a voiceover. I'm in Google AI studio to use this. There's a model selection on the right. Hit audio, then Gemini 3.8

7:56flash TTS, then create new dialogue. Then there's a big list of voices to choose from. I'll listen to a couple. Observe how the metaphor develops across the third chapter. Observe how the metaphor develops across the third chapter. Let's solve this quadratic equation using the quadratic formula. I completely understand how frustrating that billing issue is. Let me pull up your account right now and adjust the

8:18charge. That one sounds good. I'll paste in the script. Then there's some more customization options. Got a few style options. I think narration will be good for this one. Then there's all these options for tags where you can add breaths and laughs and other sounds throughout. It will add the tag right into the script and they usually sound great. That's more for dialogue scenes though. I don't need any in this. So I'll click run. Then pretty quick I can

8:42listen to that. Stars begin as huge, cold clouds of gas and dust. That's sounding great. I'll download it. From here we still need a transcript with timestamps. Some tools like 11 labs can give you that with your generation. You can also use transcription tools. There's free ones online or local options or you can ask Claude to use those transcription tools itself. I will drop the file in and say, "Give me a word level SRT transcript for this that I can copy paste." It works best with the word-by-word timings. If you only ask for an SRT transcript, it will give you the timing by line instead of for

9:19each word. That works well too and I do that for longer videos, mainly because these word-for-word ones will be gigantic for those. But for these shorter ones, having it down to the word is nice. Once I have that, all I do is pick a style. This flat vector science looks awesome. Should go go with this topic. Then I'll toggle it to with voice over. Then, I'll type in the topic, how stars are born. Then, I'll copy the transcript from Claude and paste that in. And I'll switch the storyboard off for this one. Click copy prompt. Open a new chat in Claude. Paste and send it off. Hey, that's all finished. And

9:53you'll see the option on the right to load voice over. You can click that and select the file or just drag the voice over in. Then, it's all ready to go. You could upload the voice over file at the same time you send the prompt to, but I wanted to make sure it still worked if you forget to do that since I forgot the first time I tested it. So, it's easier to just drop it in now. Let's check this

10:12one out. Stars begin as huge, cold clouds of gas and dust. Gravity slowly pulls the cloud together. And as it collapses, it spins faster and heats up. When the center reaches about 10 million degrees, hydrogen atoms start fusing into helium, releasing enormous energy. That's the moment it ignites. A new star is born, and it can shine for billions

10:46of years. That turned out amazing. It honestly blows my mind how easy this is now. That was the entire process. And if you're using this for videos, you'll probably want to spend some time refining a style that you like that fits with your aesthetic. Like the one I use, I based off of this background I have with all

11:04the blue and amber dots and lighting. But there's so many cool styles to start from in here or just to use as is depending on what types of videos you need. Again, that style atlas is completely free at the link in the description. I hope you put it to good use, and I'll see you in the next one.