0:02 This has got to be one of the coolest
0:03 things that you've seen today.
0:05 Basically, Remotion now has agent
0:08 skills. And what that means is that we
0:10 can create entire videos like this one
0:12 by just using claude code. So, in this
0:14 video, we'll go through exactly how you
0:15 can do that. First, you'll want to
0:17 create a folder. Go inside of that
0:20 folder and once in there, type in bun
0:22 create video. As simple as this. Now,
0:24 here you'll want to select a template.
0:27 Select blank. Let me zoom out a bit. And
0:30 yes, I want to use Tailwind. If all goes
0:32 well, you'll probably see the enjoy
0:35 remotion message at which you'll type in
0:40 bunks skills add reotion-dev/
0:43 skills or just go with npx. Hit enter.
0:45 It'll ask you which skill you want to
0:47 install. So there's anti-gravity, cloud
0:49 code, codeex, cursor, gemini. I'll go
0:50 with cloud code. And I'll actually
0:52 cancel my installation since I've
0:54 already gone through this process. But
0:57 now that it created the project, let me
1:00 just type in bun I to install all of the
1:02 packages. All right. Now with all the
1:04 packages installed, let me zoom out.
1:08 Type in bundev. Wait for it to open the
1:11 localhost 3000 or whatever port is
1:13 available. You should now see something
1:16 like this. If yours opens up without
1:18 being inside of the composition, it'll
1:20 probably be just gray area. So, click on
1:23 my comp and it should open up this
1:26 interface. Now, we can go over to
1:29 Claude. Let me run it with dangerously
1:32 skip permissions. Okay, now it's time to
1:34 get creative. My prompt will be this. I
1:36 haven't tested this before, by the way,
1:39 but create a web window interface that
1:42 is opened inside of a YouTube video. And
1:44 then place in the name of my channel.
1:46 The video shows the Cloud Code terminal
1:48 interface and it starts typing, "This is
1:51 way too cool." So, as simple as this.
1:53 Um, let's actually take a screenshot of
1:56 how the claude terminal looks like. So,
1:59 has that as context. And now, just hit
2:01 enter and let's see what it builds for
2:04 us. It's been around 2 minutes now, and
2:07 it's the first time something happens.
2:09 But I feel like it's been creating a
2:10 bunch of different components. Let me hit
2:12 hit
2:14 Yeah, this is actually way too cool.
2:17 Just imagine where we'll be with this in
2:19 a few months from now. It's opening up a
2:21 bunch of different instances. So, let me
2:25 tell Claude don't run npm rundev as it
2:29 is already running. And don't use npm,
2:31 use button. Okay, but what should we do
2:34 now? I think I'm going to make it scroll
2:36 down and click on the like button and
2:38 subscribe like have that nice
2:40 interaction. So, I added make sure that
2:42 at the end when it's done typing this is
2:44 way too cool. It seems as if the user is
2:46 scrolling down inside the YouTube page
2:49 and it shows a cursor clicking on the
2:51 like button then on the subscribe
2:53 button. Oh, and by the way, for more
2:55 context, if you want to see how they
2:58 built this example, uh there's an entire
3:00 video that's actually in like 10x the
3:03 speed, but I mean you can you might want
3:06 to use it as a reference for prompting.
3:08 Uh by the way, those prompts are here as
3:10 well. But it's really about knowing what
3:12 you want to build and aiming towards
3:14 building something that can be kind of
3:17 drawn into a web interface. Not like uh
3:20 draw myself in a YouTube video like
3:22 produce my entire video for me. Let's
3:25 see how it's going with that. Seems
3:28 pretty cool. So it already presume that
3:31 the video will reach 2.5,000 views. Uh
3:32 seems like it's done actually. Let's
3:35 watch. So play it. Scrolls down. There's
3:37 a cursor there. the c. So, the cursor
3:40 really isn't clicking on the like button
3:42 nor on the subscribe because it's like
3:44 all the way up here. Let me take a
3:46 screenshot of this and send it over to
3:48 Claude. So, all I said is the cursor
3:50 should be bigger and it isn't exactly on
3:52 top of the buttons. Okay, it seems like
3:54 it changed the cursor's position, but
3:56 it's not quite there yet. One thing we
3:59 can do is just find out where are these
4:01 positions. This could be a bit tricky.
4:03 All right, so this is what we got. It
4:05 types in this is way too cool, then goes
4:07 over to the like button, kind of clicks
4:09 that. So, it seems like it dashes
4:11 through the like button and then goes
4:14 already up to subscribe. But yeah, we
4:15 could improve this in many different
4:17 ways, like just adding the other
4:20 thumbnails and videos here, making sure
4:22 this description is bigger, uh
4:24 correcting this cursor, like making it
4:25 bigger overall. But just the fact that
4:28 we built all this by talking to an AI
4:31 agent is absolutely fantastic. This
4:33 video isn't sponsored at all, but as a
4:35 content creator, I know how hard it is
4:37 sometimes to just build these type of
4:39 things. And just knowing that AI agents
4:42 can do all this for us already is pretty
4:44 amazing. So, make sure to check out
4:46 Remotion. Their link will be in the
4:47 description of the video as well as the
4:50 description to as well as the prompt
4:53 GitHub links and this expost. Thanks for
4:55 watching and I'll see you guys in the
