Codex Just Replaced 1,000 Hours of Video Editing Tutorials

One of the reasons why I think Codex is better than Claude Code is because of their built-in plugins. And one of the coolest built-in plugins that they have, in my opinion, is the Remotion plugin.

Directly inside Codex, OpenAI's new super app, you can generate motion graphic videos. Not only this, but you

graphic videos. Not only this, but you can actually use their new image model to create assets and then put them in your videos that you can create simply by typing. In this video, I'm going to

by typing. In this video, I'm going to show you exactly how to create motion graphic videos with Remotion inside Codex. And I'm going to show you how to

Codex. And I'm going to show you how to set up your project so that you can create high-quality brand [music] assets. I'm going to show you how to

assets. I'm going to show you how to create images and SVGs that you can place into your videos. And if you have a ChatGPT subscription, you have access to Codex and you can get started right

away. And if you like videos like these,

away. And if you like videos like these, I make them multiple times per week, so make sure to hit that like and subscribe button. Let's not waste any more time.

button. Let's not waste any more time.

Let's dive into the video.

Okay, so this right here is Codex. And

this right here is Remotion. This is

where I typed my prompt and this is where the video showed up. This was the result of a couple of prompts.

So, let's first talk about what is Codex.

And so, all Codex is is OpenAI's super app. And in my opinion, it is the best

app. And in my opinion, it is the best way, especially if you're not fully technical, to control Codex 5.4, the best general agent in the world, in my opinion, especially at really hard,

complex tasks, which I'm doing more and more frequently. And I think it is the

more frequently. And I think it is the best interface for AI agents. It is

OpenAI's version of Claude Code's desktop app. Claude Code's desktop app

desktop app. Claude Code's desktop app has Claude Code in it now. In my

opinion, it is much worse than OpenAI Codex. Claude Code also decided to have

Codex. Claude Code also decided to have a distinction between code and co-work.

In Codex, they're combined together. So,

if you ask for a work-based task, like a spreadsheet document or presentation, you have to do that in co-work for it to create the right artifact. But code is specifically for coding. In Codex, you

can just ask Codex for a presentation, right? You can just ask Codex for a doc.

right? You can just ask Codex for a doc.

It'll give it to you and you can open it up here on the side. The same way you can also open a video here on the side and you can create websites here on the

side and you can basically do anything or create anything that you might want to create on a computer inside Codex.

And so, that brings us to the question, what is Remotion? And so, Remotion is simply a way to create motion graphic videos with code. And I don't know if you've heard, but AI writes code pretty

well. So, all you have to do is type

well. So, all you have to do is type words in English, AI writes the code, and the video will render. Remotion is a plugin, right? You can see all the

plugin, right? You can see all the plugins up here. I type whatever I want in the video here, which is into Codex using the model GPT 5.4 extra high. It

generates some code and then it renders right here. And I can click this to

right here. And I can click this to export my video. So, why would you use Remotion instead of just using After Effects or Premiere or some other template software? Well, it's just a

template software? Well, it's just a difference of preference. One is a prompt interface, one is a manual interface that takes a long time to learn. And it depends on what you're

learn. And it depends on what you're working on. And also, AI is getting

working on. And also, AI is getting better over time, right? As AI gets better, it'll get a lot easier to do a prompt interface. Right now, if you're

prompt interface. Right now, if you're an expert, I still recommend using After Effects or other animation software. But

one really good example of when it is super useful to use Remotion is when Claude actually used Remotion to create like 20 launch videos in the span of 1

month. And so, Claude has been releasing

month. And so, Claude has been releasing these videos right here. When they first launching these types of videos, these were all created with Remotion. You can

create these little animations here with Remotion. And they got over 300 million

Remotion. And they got over 300 million views over the course of a month just releasing these Remotion videos for all of their feature launches. And they

literally were releasing one every single day. So, Remotion just allows you

single day. So, Remotion just allows you to create videos really quickly and you can do this in Claude Code or you can do it in Codex like we're doing today.

Okay, so earlier I mentioned that you can very easily download the Remotion skill or the Remotion plugin. How do you set this up? Well, I'll show you right now. And if you get confused by any of

now. And if you get confused by any of this at all, I created a Codex video.

This is a 1-hour and 40-minute video that covers everything inside Codex, but I think you'll pick it up pretty quickly in this video. So, what we're going to do here is we are going to go up to

create a new project inside Codex. And

this is because we might create a ton of videos and we want this organized in a folder. And we want to be able to create

folder. And we want to be able to create many chats within this folder and that's why you create projects. So, we're going to go ahead and create a new project and we're actually going to create this in the desktop folder. We're going to

create new folder and now we're going to say Remotion project. And then we're just going to press open. And then

you'll see your project start over here.

So, what we can do is we can press this create a new chat. And you can literally go to Google, type in download Codex, and you can download it directly to your computer. You what you can do here is

computer. You what you can do here is you can go up to plugins and then you're just going to go to plugins. And what

you're going to do is you're going to type in Remotion. And then you're going to download this and you're going to be good to go. It's going to say, "Are you sure you want to download?" You're going to hit yes and you're ready to use Remotion. Now, once you create a new

Remotion. Now, once you create a new chat, let's go ahead and test this with something very, very simple. I want you

to create a and then you can press at Remotion video. And this should just

Remotion video. And this should just say, "Hello world" in black text on a white background, right? Let's get this

up and running and then we can start making really complex videos. Boom. And

so, just like Claude Code, the AI agent is going to work and once it's done, it'll run it locally and then you'll be able to open it up here in this side

browser. Before anything gets run, this

browser. Before anything gets run, this kind of opens up in this summary and you can see the prog- the progress, you can see the artifacts, and you can see the sources. So, this worked for about 2

sources. So, this worked for about 2 minutes and we got this response here.

And what you're looking for is this localhost link. This is running it

localhost link. This is running it locally on your computer. And if you click on this, boom. The Remotion plugin automatically opens up and you can almost think of this Remotion plugin as

like a mini app that's running on your computer. And whatever you type here

computer. And whatever you type here gets updated here. All we asked for is a hello world and this is what we got. We

can hit play and nothing happens.

Literally just loops saying, "Hello world." We can say, "Please make the

world." We can say, "Please make the hello world jiggle and make it say, 'Hello, comma, from Riley.'" I promise

we're going to do more exciting stuff. I

think it's important to be boring at the beginning just to give you the little taste. Okay. Hello world. There's a

taste. Okay. Hello world. There's a

reason why when you start coding that you start with a hello world project.

You just got to make something exist and then you can make the things better. You

can let your imagination go after you understand the fundamentals. And while

that was loading uh for 51 seconds, I closed the sidebar just to show you that if you have the sidebar ever gets closed, then you can just click on this.

There you go. We have the change. It

says, "Hello from Riley" and it now jiggles. Okay, now what I want to do is

jiggles. Okay, now what I want to do is I want to do some basic vocabulary. And

what I want to talk about right here is I want to talk about this right here.

So, this right here is a composition. We

have now created one composition, which is this hello world composition, and we can ask for it another composition. And

so, what I'm going to do, I'm going to say, "Please create another composition that has the Codex logo and the Remotion

logo." And what I'm going to do is I'm

logo." And what I'm going to do is I'm actually going to do find the logos on the internet. Okay, so I just downloaded

the internet. Okay, so I just downloaded them off Google Images. This is the Remotion logo. This is the Codex logo.

Remotion logo. This is the Codex logo.

Now, what I'm going to do is I'm going to go to our Remotion project and we can just hit open in finder. So, now we see that the project folder is open. It is

at desktop Remotion project, which matches Remotion project. And you can see here that the agent has created this folder called hello world video. So, now

what we want to do is we just want to drag those two images into this folder and they are called codex.png and remotion.png. So, now we can at mention

remotion.png. So, now we can at mention Remotion and you can see here Remotion

PNG shows up. at Codex PNG. There we go.

Please put these on the screen dark gray background with text in Instrument Sans

Instrument Serif font uh with text that says AI-powered

video motion graphics. Then add a little animation beam that connects them. So,

we can run this and what it should do is it should add a new composition that'll show up right here and then the timeline will be different. And I'll show you how

to create more scenes in the timeline in just a second. Okay, so it is still thinking and still working, but you can see here it added AI motion graphics.

Check this out. Watch what happens when I click. Boom. Now we see some stuff

I click. Boom. Now we see some stuff show up here. I'll explain this once it's done generating. Okay, so it is done and let's take a look at this. Look

at this. This is pretty cool. Right? We

have these two logos sending a beam to each other and so this is kind of like they're you're kind of connecting them.

Now let me show you how we can quickly make changes. But the first thing that I

make changes. But the first thing that I want to do is I can see that it actually rendered the video. If I click on this, it actually shows the full rendered video. But we don't need to do this

video. But we don't need to do this every time. I'll say I'll tell you when

every time. I'll say I'll tell you when to render uh from here on out. We don't need to We're going to be making a lot of

different changes. So we can run that

different changes. So we can run that prompt. Don't do anything for now. So

prompt. Don't do anything for now. So

now I want to do is I want to talk about vocab for a little bit. I will take a screenshot of this.

So this right here is the timeline and this is a scene inside your timeline.

And of course you can hit play and do all of the normal things and here's where you render. Notice here that the AI can just decide when to render it and send me an MP4, but you can also render

it yourself by pressing this button right here and you can actually decide the settings on how you want to render it. It's It's the same as if you were

it. It's It's the same as if you were exporting it on Premiere Pro or CapCut.

Additionally, we have something up here called assets. And so I'm going to click

called assets. And so I'm going to click on this assets folder and I believe that the two assets are going to be one and two, right? These are PNGs which are

two, right? These are PNGs which are assets which are different than code.

Everything else is code, right? This

laser beam is code, this text is code and the background is code. The assets

are going to be the little assets that you add to your app and in this case we added these PNGs with no background which the AI added to the scene. And so

we can verify this if we click on assets. There you go. We see Codex and

assets. There you go. We see Codex and Remotion. If we go back to compositions

Remotion. If we go back to compositions and click on this, we are back. Now what

we can say is Please, can you get rid of this line? I

don't like it. Now notice how it's like, "Okay, what line like am I talking about?" In In this case it would

about?" In In this case it would probably get it, but I'd love to be overly prescriptive. It just saves me a

overly prescriptive. It just saves me a lot of time in the long run and this is also because I use CleanShot Pro. It's

super easy to just like take a screenshot, open this up and I can very easily just like label the line. And I

can just paste it in and the AI will see that I'm literally pointing at this line right here. Please make the scene last 2

right here. Please make the scene last 2 seconds longer. Then when it's done,

seconds longer. Then when it's done, please have the logos animate off the screen to their uh respective sides. So

the Codex logo should disappear left, the Remotion logo should disappear right and then I want the text to slide down to the center of the screen and then

animate into full guide. And so I'm going to add quotes here after full guide. And now we're going to run this

guide. And now we're going to run this prompt. So this one's a little bit

prompt. So this one's a little bit longer of a prompt. And again, we're running this. We're using Codex. We're

running this. We're using Codex. We're

using GPT-5.4.

Reasoning effort extra high. It is the best right now in my opinion. Okay, it's

done. It worked for about a minute and 2 seconds. And by the way, this is going a

seconds. And by the way, this is going a little bit slower or faster because I'm using the fast mode. It is twice as expensive, but I spend a lot on AI and

this is something I'm perfectly willing to spend money on. So what I can do is I can test this. Let's take a look. So

here the beam is gone.

Okay, so here this is a good guide. This

came down.

And then full guide came on here. And so

you'll notice here there's actually 30 frames per second. So right now we're at 4 seconds exactly and these are not, you know, decimal points. These are frames.

This part right here. And so we can actually reference a specific frame. So

this is like at 4:17. I can I can say 4:17.

At this frame when AI-powered motion graphics turns to full guide, I was hoping the text would literally change from AI-powered motion graphics to full

guide as if it was being like backspaced and then retyped, not like having it fade out and then the other one fade in.

Find a way to like maybe reorder the letters into it. Use your best judgment and find the best animation for this.

Also, I just wanted the line between the two logos to disappear. I like the little ball that was being shot from the Codex logo to the Remotion logo. So

please re-add that.

And remember, if you hit command enter, this will steer it into the conversation. This does not mean queue

conversation. This does not mean queue it up for once it's done with this. It

steers it, so it basically adds this to the current session. And so now it's going to do both of these things in one swoop or, you know, one edit. All right,

after 2 minutes it is done. Let's give

it a look here. Let's see. So now we have the little ball going across. Dude,

let's go. And now we can say hold the full guide for another 2 seconds. Can

run that. I want it to hold this at the end for 2 seconds longer. It ends too early. Okay, so it's done. Let's just

early. Okay, so it's done. Let's just

skip right here to the end. Let's see.

So it goes from here to here, backspace, full guide. Bang. So

we just created that. In a couple of prompts we created this motion graphics video. And yeah, so you're starting to

video. And yeah, so you're starting to get the hang of it. Let's dive into some other cool stuff here. Okay, so I want to talk a little bit about organization

and how to create consistent assets. So

I want to show you here that you can see here that this shot right here. So this

I have this like cool animation in the background that you can actually see by going up to brand assets and we can actually find it right here. So we have

this background cool animation. Remember

this is just code. This is called a Lissajous figure, fun fact. And we're

using this for a brand asset and we're also I also created this background gradient. And so I created this

gradient. And so I created this composition called brand assets and here we have all the logos that we might want to use. We have a dark gray gradient, a

to use. We have a dark gray gradient, a blue gradient, a gray figure, a blue figure, a red figure, a green figure and then we have some other cool types of

things that I might want to use. And

what this allows me to do is just ask the agent for specific things. And you

can see here that this is called a red figure, right? So if we go to red figure

figure, right? So if we go to red figure right here, we can very easily just ask the agent for a red figure. I can say, "Hey, there's a red figure in brand assets. Just use that." And so then we

assets. Just use that." And so then we can create new videos that all have the same background. And so since we have an

same background. And so since we have an iPhone mock-up, I was able to ask the agent, "Hey, can you create another iPhone mock-up for this part?" And one thing we'll get to later, you notice

here there's this green thing. You can

ask the agent to add music. And so here you can see that there's music. And

we'll talk about that in just a second.

One thing that you can also do is you can actually open up this full screen mode which I actually do really like and you can even close this side panel so it's literally full screen. And so now

we can actually really we can start to add more scenes to this. So we have full guide.

And now um I'm going to outline the steps really quick. Okay, so I just typed out my prompt and I want to break it down real quick. Firstly, I included one screenshot which is just the Codex

user interface and this is just a reference to the agent. I'm going to screenshot this because I'm going to do an in-depth analysis of this prompt real quick. So what I'm doing here is I'm

quick. So what I'm doing here is I'm basically saying I want to create new scenes after this. So I want to create new scenes and here I put scene one,

scene two and scene three. And then I also said maintain the background throughout. And then I said type into

throughout. And then I said type into Codex input. So we're going to type into

Codex input. So we're going to type into the Codex input and then I said it's in the image. Don't use the image I gave

the image. Don't use the image I gave you. Simply use it as reference, right?

you. Simply use it as reference, right?

This image is referenced in this part of the prompt. And then I said this text

the prompt. And then I said this text should be typed in, right? Create a

launch video for Remotion and Codex integration. So we're basically creating

integration. So we're basically creating the video that we're creating now. So

it's kind of meta.

And then show the Codex logo in scene two and then a loading animation. And

then in scene three it should show the video rendered of what we created so far. And so basically it's going to take

far. And so basically it's going to take the video that we're making, put it on a TV in the final scene and show that it's rendered if that makes sense. So I'm

going to go ahead and enter this prompt here. Okay, so I entered the prompt and

here. Okay, so I entered the prompt and you can see here we can actually toggle this on and we can see what the AI is saying and again we can always toggle back and we can see the exact prompt

that we used right here. And in this full screen view we can only see what the AI is responding, but this allows us to kind of fully immerse ourselves into whatever it is that we're creating. And

while that's loading, I'm actually going to go to suno.ai.

And what I can do here is I'm just going to type in relaxing funk launch video instrumental.

And we can hit create. And we can actually, yeah, change this to instrumental.

[music] All right, that's not bad.

I like this one.

Okay, so we can just click on download.

We'll download the MP3 file. Now I'm

going to go back to Codex and what I can do here, I'm going to open up this project folder and so here we see this song slow funk lift. I can drag this

into this folder right here. And now

what I can do is I can say at slow funk lift, please add this song at 75%

volume throughout the whole thing. And now it's going to add that really quickly and then we can see how it did. And you can see here it

added one, two, and three sequences.

Sorry, these aren't scenes. These right

here are called sequences and we'll take a look at this. This actually doesn't look too bad. You can see here that it added this like green line right here so we can see that the slow funk song is

actually in our app or or in our video.

We'll take a look at it right when it's done. Okay, so everything's done. Let's

done. Okay, so everything's done. Let's

take a look at this. I'm going to go full screen for this. Let's take a look here. We can lower this. Let's see.

here. We can lower this. Let's see.

[music] [music] Ooh, let's go.

Ooh, there you go.

[music] So literally it put the video that we made, it exported it and then put it in here. This is actually awesome. Let's

here. This is actually awesome. Let's

add a few more scenes. I want to add four more scenes real quick. I'm going

to type in my prompt. I'm going to take a few minutes to think about it. Okay,

remember keep the background consistent throughout the rest. Remove the glows like the the background like glowing behind the TV. I actually don't like that or like

TV. I actually don't like that or like reduce it to barely anything and then keep the background the same throughout the rest. The first thing I want to show

the rest. The first thing I want to show is a scene that shows social media platforms. Maybe show three different social media platforms and then show that we're getting a ton of likes, like

hearts or and then yeah, show that and then show quick pan to another scene where it shows revenue increasing, then switch to another scene where it shows

views going from zero to 1 million and then say the last scene, scene four that I want you to add is like show the Remotion and Codex logo again and then

have the text on it say launch your video today and then what I want is for the final scene, scene five for the

logos to fly out again and then put OpenAI Codex. Just those that text at

OpenAI Codex. Just those that text at the center of the screen to finalize it.

That's the final part.

It's a long prompt. We'll go ahead and enter that in. Okay, it's done. Let's

give this a try.

So let's see.

[music] [music] Okay, this is pretty good. Pretty good

so far. Remove the background [music] gradient that looked kind of ugly. I

like it. Ooh,

let's go. This is a fire shot here. Look

at this.

There we go. We don't have the the correct icons for Instagram, TikTok, and YouTube. We need to get that but I'll

YouTube. We need to get that but I'll add that in just a second.

[music] Okay, not bad. We can change this so I'm just going to start going like this. I'm just going to literally

circle this right here.

I'm just going to say, "Please get rid of this little arrow as shown here. Just

make it the line. Make the line green."

And then I'm going to say, "Also, I want the actual icons used."

And so I just grabbed the logos off the internet. We're going to drag them into

internet. We're going to drag them into the Remotion project once again and I can cut YouTube.

YouTube.

There we go and ATT.

Okay.

Please use these logos. Okay, while

that's running it looks like this was fixed. This looks a lot better so the

fixed. This looks a lot better so the logos should be replaced here. Let's

check out the rest.

Nice.

Nice.

Launch your video today.

Okay, so here I want to combine these.

So right now on the second to last sequence it says launch your video today and then it switches to a new sequence, right? Switches to a new sequence that

right? Switches to a new sequence that like has them stop jiggling. So in this new sequence it like changes the icon like the icons stay the same but it like

has them reappear and then they are not jiggling. Instead I want it to just be

jiggling. Instead I want it to just be the second to last scene should be the last scene and then they should be jiggling and then they should fly off the screen and then the text that says

launch your video today should fly off the screen at the same time and then the OpenAI Codex text should appear exactly as it does. So then it will be a lot

smoother. Okay, we'll fling that one in

smoother. Okay, we'll fling that one in there as well and it's still working but look at this. Here we go. We can see Twitter. I know Twitter is no longer in

Twitter. I know Twitter is no longer in existence. It's X now but we're just

existence. It's X now but we're just doing this for fun. I mean this is coming together pretty well. I mean

we're creating this video pretty quickly.

Okay, it's done. Let's check out this last part. So it's right after this

last part. So it's right after this scene right here.

Ooh.

I mean come on. Let's go. And then now to export the video we just hit render.

I just do it the H.264

and yeah, let's just render this video and we can see here that this is rendering the video right here and this means actually turning into a video that you can export and you can upload onto

Twitter or something. And what we can do here is we can see this right here. And

now once we're done we could very easily just drag this up into Twitter and we could launch our launch video. And look

at that. We have our launch video just like that.

Anyway, we covered a lot in this video.

We dove into Codex. We covered adding images and different assets to our video. We generated a song, added it to

video. We generated a song, added it to the video and I think it came out really well for you know seven to eight prompts. If we spent another like three

prompts. If we spent another like three hours on this I'm sure we could have made it just absolutely insanely good but I think this is pretty solid for the sake of this video. I hope you learned

how to create engaging content for social media and these really do well on Twitter. But thank you guys for

Twitter. But thank you guys for watching. I'll see you here in the next

watching. I'll see you here in the next video. Peace.

video. Peace.