LongCut logo

Codex App + GPT 5.3 Codex Is INSANE! - Full Tutorial

By Astro K Joseph

Summary

## Key takeaways - **Codex App Mac-Only Launch**: OpenAI launched the Codex app for Mac OS, with no support for Windows or Linux yet. Download it from openai.com/codex. [00:57], [01:04] - **Free Access All Plans**: Codex offers free usage with 2x rate limits for a limited time, even on free or any ChatGPT subscription plans. Take it for a spin without paying. [01:20], [01:32] - **Parallel Agents Multiple Projects**: Codex allows running multiple agents in parallel within the same project or across multiple projects simultaneously. For example, one agent redesigned the UI while another created an about page. [06:08], [07:36] - **Voice Prompts Hold-to-Detect**: Use the hold-to-detect button to speak prompts, which transcribes them instantly without needing another TTS tool. Press and lift to input voice commands. [04:34], [04:44] - **GPT-5.3 Codex Modernizes UI**: Prompting GPT-5.3 Codex to redesign a finance tracker app resulted in a more modern look with gradients and animations that update in real-time. The front-end design capabilities are good. [04:44], [06:52] - **TestSprite MCP Tests & Fixes**: Integrate TestSprite via MCP to run full front-end tests with screen recordings; Codex then analyzes the report and fixes issues automatically. Out of 14 tests, 6 passed with detailed agent actions visible. [12:45], [15:05]

Topics Covered

  • Codex app redefines AI coding
  • GPT-5.3 Codex masters modern UI
  • Run parallel agents simultaneously
  • Codex integrates skills for domain power
  • TestSprite automates vulnerability detection

Full Transcript

All right. So, a couple of days ago, Open AAI just went ahead and launched the Cordex app on the Mac, right? So,

I've been seeing a lot of content on the internet where people are claiming that is cursor done, is codex better than cursor and anti-gravity. And again, just yesterday, OpenAI just went ahead and

launched GPT 5.3 Cordex AI model as well. And what they claim is that GPT

well. And what they claim is that GPT 5.3 Cordex is the most capable agentic coding model. Okay. to date. That is

coding model. Okay. to date. That is

what OpenAI is claiming. And today in this video, I'm actually going to try out GPT 5.3 Cordex AI model right inside of Cordex. And yeah, let's see how it

of Cordex. And yeah, let's see how it goes. And by the way, the whole naming

goes. And by the way, the whole naming convention around Cordex is actually very confusing because OpenA actually have a lot of different products in slightly different verticals and all of them actually have the word Cordex or

let's say name Cordex and I think they could have actually named it in a better way. And again, Cordex is nothing new,

way. And again, Cordex is nothing new, right? I mean, you could have accessed

right? I mean, you could have accessed it on the web and it was there. But

recently they launched their app for Mac OS and yes sadly it is only available for Mac OS and no support for Windows or Linux yet. Maybe in the future they will

Linux yet. Maybe in the future they will add the support. So first of all if you want to try out Cordex all you have to do is to just head over to openai.com/cordex

openai.com/cordex and you can just go ahead and download the same for Mac OS and install the same. So in my case I have already

same. So in my case I have already installed it. So there you go. Here I

installed it. So there you go. Here I

have opened up Cordex and this right here is the Cordex app. And yet another interesting thing is that as you can see it says try with free and go or enjoy 2x rate limits on other plans for a limited period of time. The thing is that even

if you don't have a paid uh let's say chat GPT subscription or if even if you're on the free go or let's say any other subscription well you can now use codex for free for a limited period of time. So you can take it out for a spin

time. So you can take it out for a spin and you know you can actually use it for yourself and get a gist of it and you can do all of that actually for free. So

that's the point. Now in this case I have already opened up Cordex and when you open Cordex for the first time this is going to be the kind of interface that you will see. So it is actually a two-tabed layout. So towards the left

two-tabed layout. So towards the left side you'll be able to find all the threads all the project that you have opened up. And towards the right side

opened up. And towards the right side this is where you will interact with the AI. Now to get started all you have to

AI. Now to get started all you have to do is to just open an existing project or let's say a blank project and you can just go ahead and open it up in here.

So, if you click on this add new project button right here, you'll be given the option to select the project and you can open it up. And there you go. The same

is added in here. And you have the option to add and open multiple projects. For example, if you want to

projects. For example, if you want to parallely work on multiple projects at the same time, well, Cordex allows you to do so. So, you have the option to open multiple projects in here. As you

can see here, I have an AI app, we have an app, and also finance tracker. So,

all of these are individual projects that I have opened up in Cordex. And now

after I select a project towards the right side as you can see here it says let's build and again I can find the selected project and towards the bottom you can find a input area and all you

have to do is to just give your prompt in here and hit enter and the AI gets to work and of course we do have this model selector uh drop-own menu and if I select the same I can find the newly added GPT 5.3 cordex and that is what

I'm planning to use. So I'll select the same and you have the option for selecting the reasoning effort. So here

we have low, medium, high, and extra high. Okay, to keep things fast and

high. Okay, to keep things fast and simple, I'll just go ahead and maybe let's say put it as low. And next step, you can go ahead and give a prompt and hit enter. And you can start working on

hit enter. And you can start working on the same. And you actually have the

the same. And you actually have the option to work on a project locally within your computer or you can actually spin up a cloud instance and let's say connect to GitHub repo and you can just go ahead and give a prompt and ask the AI to do something on a remote repo as

well. So both options are there and as

well. So both options are there and as you can see right now we are in the local project. But if you want to let's

local project. But if you want to let's say connect to a GitHub repo and work on the same well you have options for that too. And this right here is actually a

too. And this right here is actually a finance tracker app. So towards the top I can find the option to open terminal and I'll simply run npm rundev. So this

is basically a simple finance tracker app I created just for demonstrating how codex work. So this is pretty simple. So

codex work. So this is pretty simple. So

you add a transaction. Let's say some amount. Okay.

amount. Okay.

You add some income and there you go. Everything is

beautifully visualized in here and everything updates in real time and we have this onepage simple finance tracker app that I created. And next up, let's just say you want to make some sort of changes to this particular app or you want to add new features or you want to

do just about anything. Well, in that case, first of all, all you have to do is to just add that project in here. So,

as you can see, the same is selected and maybe I can close this one. And after

that, you can go ahead and start by giving a prompt in here. So in this case, let's just say I want to change the entire style of this particular app.

Well, in that case, all I have to do is to just give a prompt in here. And

towards the bottom, you can also find an option that says hold to detect. So you

can keep pressing the button and speak whatever you want to. And as soon as you lift the finger, everything will be transcribed. So you don't have to use

transcribed. So you don't have to use yet another TTS tool for that. So I

basically use that one for this one. Can

you please completely redesign our finance tracker app to make it look even more modern and add some really good animations and stuff?

a basic and simple prompt and now I'll select GPT 5.3 cordex and reasoning maybe I'll put it in medium and again if you select high or extra high the time it takes to complete and go through thinking process is going to be

extremely high so you'll have to wait for a long time and again you also have the option for enabling plan mode so before you actually let the AI do anything if you want to go through a planning process and you want to share

your inputs and you want to see how A is planning to implement everything well you have the option for enabling plan mode but for this one I'll actually just disable tablet and now I'll click on the send button and right now we are working

in local so whatever changes that this AM makes it actually happens right within locally within our machine so that's one more thing and as you can see it says I'll upgrade the app UI to a more modern visual style and add purposeful animations across key

sections and then run a quick build and test check to confirm everything still works so Cordex has actually found out that it is a nextjs app and all right so it will take some time and again you can find exactly what uh you know files the

a is going through and you can find all of that in In which case I'll wait for the AI to complete this task and we can go ahead and analyze the result. We can

take a look at the diff view and you know just take a look at the output. So

let's just wait for it. So as you can see GPT 5.3 cordex is still working on the same and it is actually doing a lot of stuff behind the scenes. And the

thing is that you have the option to run multiple agents in parallel even in the same project. For example, let's just

same project. For example, let's just say I want to add a new about page or a new feature or anything as such to this exact same project. Well, I can just go ahead and let's say create a new thread.

And I can simply go ahead and say, can you please create a new about page in the /about route and include the same as project.

Okay. And now I can hit enter. And as

you can see right now, we have like two agents running in parallel doing completely different things. And as you can see, this will go ahead and add a new about page to the existing uh route.

All right. And if I click on this one.

Okay. So, seems like it is now running the build test. So it should be done.

Okay. So this right here is the updated look of our finance tracker app. And to

be honest, it actually looks way better than earlier. The animations, the

than earlier. The animations, the gradients. Oh, did you see that? This is

gradients. Oh, did you see that? This is

actually sick. Okay. So the front end capabilities like the design capabilities of GPT 5.3 codex is actually good is what I would say. I can

now add a new transaction. Let's say

$56,000 rent.

Rent add expense. Mhm. Everything is

updated. So everything is happening in here. Freelance

here. Freelance job.

Okay, there you go. This right here is the current state of our app. We have

this animations and stuff going on, which is exactly what we asked uh Cordex to do in the first place. So all right, so it is still working on the same. So

basically the idea is that you just go ahead and open a project and then you create a new thread and give a prompt and start working on whatever stuff that you want to. And again you have the option for running multiple agents in parallel. And not just that you can

parallel. And not just that you can actually go ahead and run multiple agents across multiple projects. So in

this one we actually running these two uh agents in the same project. But if I want to let's say uh do something on the app project or a app well I have the option and seems like the

about page is done. Let's see. Okay. So

this right here is the about page that the second agent that we spun up created. All right. So this right here

created. All right. So this right here is the current state of the app. And

this is basically how you use the app.

by the way and waiting for approval. So,

do you want me to run the NexJS production build outside the sandbox so turbo pack can complete? Well, I'll just click on no and just complete it. So,

that is basically the flow and next up towards the top, you can now find a couple more options and right now we are actually running it locally within our computer and the project lives in our computer, right? But as I mentioned

computer, right? But as I mentioned earlier, you have the option for making changes to a remote GitHub repo after you connect and after changes are made.

Well, you can click on this button right here and you have the option for committing or let's say pushing the changes or even creating a PR. So all of that options are there. So if you connected let's say a GitHub repo, you can do it and you also have the option

to run this in the web as well that is Cordex web. So that option is there. And

Cordex web. So that option is there. And

if you click on this button right here, you'll be able to open this project in other ids and tools like cursor, anti-gravity finder terminal Xcode.

So whatever apps that you already have installed on your computer, they will appear in here and you have the option to open it up. And after every changes are made, so towards the right side, you have an option that says toggle div panel. And if you click on the same, so

panel. And if you click on the same, so as you can see here, we have a diff view and you can find all the files to which the AI has made changes to. And you'll

be able to find everything highlighted in green and red obviously similar to every other tools. And you can also find all the unstaged files and staged files.

So you can find complete details in here. So that option is also in here.

here. So that option is also in here.

And next up towards the top left if you look you have two options that is automations and skills. And if you want to, you can actually give superpowers to Cordex by adding external skills. That

is to say, you can add external capabilities or let's say external skills to Cordex to make it even more powerful for a specific domain or use case. For example, in this one, let's

case. For example, in this one, let's just say if I add this Figma implement design or Figma uh skill, what happens is that the AI or Cordex will have much better understanding as to how to implement things related to Figma in a

much better way and it will have additional context and skill and depending on exactly what you're trying to do or accomplish. You can go ahead and add all these skills. You have the option for creating a skill, adding a custom skill or you can just go ahead

and add any of the skills that are already in here. For example, let's just say you are using Sentry in your app for monitoring and stuff. Well, you can just go ahead and add the sentry, you know, skill in here and Cordex will have a

much better time understanding how sentry works, how things should be done and all that. You basically get the point, right? Similar to MCP, by the

point, right? Similar to MCP, by the way. And if you click on automations,

way. And if you click on automations, you'll be able to create automations that are scheduled to be run at a particular time in a particular thread.

Well, you have the option to configure all of that in here. And you even have a couple of templates in here. And you can create a new automation as well. So, all

of those options are in here as well. So

this is basically the overall flow of using GPT Cordex the Cordex Mac OS app.

So all you have to do is to just download and use it straight away and that should be it. And next up yet another cool thing is that Cordex actually comes with MCP support too. So

if I just put the / simple in here as you can see here we can find even more tools and one of them is MCP. And today

in this video, I'll actually show you how we can actually test the project.

Whatever stuff that you created using Cordex to make sure that it doesn't have any security issues, any vulnerabilities or front end issues, anything as such, I'll show you how we can run a complete front end or backend test using

Testbrite. And for that, first of all,

Testbrite. And for that, first of all, I'll just head over to testprite.com.

So click the link in the description below and head over to testprite. And

Testbrite is actually a AI powered software testing agent that you can use right inside of Cordex to test your application. So in this case, we created

application. So in this case, we created a simple finance tracker. So let's just go ahead and try to run a test like a front end test or back end test to make sure that everything works. So first of all, click the link in the description below. Head over to testpr.com and sign

below. Head over to testpr.com and sign up for a new account and log into my account. And once you're logged in, all

account. And once you're logged in, all you have to do is to click on this button right here that says test locally. And next step, you can click on

locally. And next step, you can click on this quick install button right here.

And first of all, you will have to create an API key. So you can click on this create a key option right here. and

then click on uh this button right here that says new API key and you can create a new API key. So in my case I have already created one and I can head back and I can click on this option right here that says other ids and you'll be

able to find a bunch of information in here. Next up, you can open Cordex and

here. Next up, you can open Cordex and then click on settings and then click on settings again and I'll select this option right here that says MCP servers and then click on this option right here

that says add server and next step you can give it a name something like let's say test sprite and after that you need to copy the command that is npx and paste the same in here and copy the

arguments that is this part right here in double quotes right so you just copy that and paste that argument in here next up and environment variables. You

copy the API key like this, paste it in here and you head back to your API key section, copy the API key and then paste it in here and you can just go ahead and click on save button and test sprite MCP

will be added and as you can see the same is added in my case. Next up, I can head back to uh Cordex and I can actually go ahead and ask the AI to run a front-end test. And for that, I can actually go ahead and let's say create a

new thread and I can simply say please run a full front-end test u using test sprite.

So there you go. As you can see, it has opened up this test sprite testing configuration page. And here we need to

configuration page. And here we need to configure a couple of details. So as I mentioned earlier, you can do both front end and backend test using test sprite.

But for this one, I'm actually only doing front end test. So front end is selected. So codebase if you your app

selected. So codebase if you your app has a user login option then you can enter the account username and password in here so that the agent can use those credentials to login to the account and

the development uh port is localhost 3000 and you also have the option to upload a prd. So in this one actually I created a simple uh MD file so I'll select the same and now I'll just go

ahead and click on the continue button.

So it says test pry requires a code summary dojson file in this report. So

I'm creating it from the app code and then continue the automated run. Okay.

So let's just wait for it. All right. So

there you go. As you can see it says generation is in progress. Please keep

your local app server running while we generate your test cases. This may take up to 15 minutes and thanks for your patience. And okay, as I can see test

patience. And okay, as I can see test sprite has planned around 14 different individual tests to be carried out. And

the same is in progress in here. So

there you go. I can find it in here. And

now it will take up to 15 minutes. And

now all you have to do is to sit back and wait while it's done. All right. So

the test execution is now complete. And

if I head over to this MCP test section right here, I'll be able to find the test result in here. So I can maybe open it up. And as you can see, out of 14,

it up. And as you can see, out of 14, only six of them passed and one is still in progress. And you'll be able to

in progress. And you'll be able to filter it by pass, failed, or in progress. And first of all, let's just

progress. And first of all, let's just go ahead and try to let's say open one of these test that was passed. And if I click on the same, the interesting thing is that I'll be able to find a screen recording of the AI agent actually

performing the test on the screen. So if

I click on the play button, there you go. As you can see, it is that AI agent

go. As you can see, it is that AI agent mouse that is actually moving and clicking on all these buttons and doing all these actions. And yeah, as you can see, I just went ahead and ran a full test and I have a complete report in

here. And not just that, I have access

here. And not just that, I have access to the screen recordings of exactly what the AA agent is trying to do and what exactly is the problem. I have like the summary of the problem and all that. And

now the thing is that I can open cordex and open the same thread and I can simply go ahead and give a prompt something like this based on the test report given by test sprite can you please identify all the issues and then

fix it and then I can click on the test send button right here. And now what happens is that based on the test report given by test sprite it will go ahead and analyze the entire report and fix it for us. And as you can see cordex has

us. And as you can see cordex has already started working on the same. So

as you saw this is Cordex and Cordex is now actually free on both free and go plan and you can actually go ahead and make use of it right now and paired with GPT 5.3 Cordex model the kind of results that we could actually expect out of it

is actually good and again the UI capabilities and all that from my brief usage I'm actually impressed is what I would say and if you want to get the best of both world make sure to use GPT 5.3 Cordex model right inside of the

Cordex app and yes sadly it is only available on the Mac and if you want to try it on the web you have the option and that's pretty much all I wanted to show you in today's video. I hope you guys found this video useful.

Loading...

Loading video analysis...