Visual Studio Code. This is my favorite way to use Codeex. If you go into Visual Studio Code, completely free, go into the extensions, download the Codeex extension. Click on it. Once it's installed, you are inside Codeex. I'm going to show you a few things here. We're going to build an app together. And the reason we're going to build this app together is one, so I can show you the three different models and how to use them, but two, also show you the new workflow, right? There's a lot of cool things in codeex, including the cloud agents. I'm going to show you how to use those and how it fits into this brand new workflow with these three new models. So today, we're going to build a productivity app. I want a full suite productivity app with canban organization, with a to-do list, with a calendar. We're going to build our entire own productivity suite. So we are inside codeex. Few things we want to do here that are important. We want to make sure at first here we are running locally. So that is good to go. Then we have the modes. We're going to go into chat mode. This is where I do the planning inside codeex is in chat mode. So it doesn't change any code. I'm in chat. We're going to select the model for plan mode. We are going to select GPT 5. 1. As we talked about on the last screen, just plain old 5. 1 without codecs is the best planning and creativity model I have ever come across in my life. So, we are going to select that. As for reasoning level, if you're doing a super serious huge monster app, you might want to do high. For this one, I'm going to do medium. This is not the craziest, most in-depth app, so I'm doing medium reasoning, but you'll change this based on what you're building out. If you want to build along with me, which I think is the best way to experience these videos I make, I'm going to put the prompt for this down below. I want to build a full suite productivity app. I want it to have a cananband board, to-do list, and calendar. I want to use Nex. js and Tailwind V3. Those are the two technologies we're going to use to build this. Very popular. Codeex is great at using them. I want it to look clean with a minimal design that doesn't look like an AI made it. Use local storage for now. We are on the plan mode, the chat mode. I'm going to hit enter. Please make a plan for this. And now I'm going to hit enter on this. Again, we're on the plan mode, which is the chat mode, and we're using 5. 1. You really want to use 5. 1 no codecs when it comes to the planning because it is so good at creative thinking and creative design. Look at that. And it moves real fast, too. That's great. So, let's see what we got here in the plan. In a second, we'll go into when to use the codeex models. Here's a solid practical plan. Scaffold the app. Install and configure Tailwind. That's good. Define a small token set. So, colors, one to two colors, neutral grays. I like that. This shouldn't look like AI. None of that blue and purple gradient. Establish a typography. That's good. That's interesting. I don't think I've had many AIs focus on typography before. So, that's really cool. These are the type of novel ideas that I've seen with 5. 1 the last couple days, which have been amazing. App structure. So, it looks like a dashboard. I like that. And has the data model and all that. Let's do this. I like it. If you'd like, next up, I can turn this plan into a concrete project structure and then start implementing it. Let's do this. I'm going to go straight into agent full access. So agent mode is where it has you accept step by step. Agent full access is it just goes hog wild and builds what it wants. I trust 5. 1 based on what I've seen so far. We are also going to switch to 5. 1 codeex which is their again coding model built for larger tasks. We're having it build this entire V1 out. So I'm switching to 5. 1 codeex and I'm going to say this plan looks great. Please build it out. And I'm going to hit enter and it is going to get to work for us. In a second after this builds out, we're going to start making some small tweaks and edits. I'm going to show you how we're going to use 5. 1 Codeex Mini for that, which is much better suited for those small tweaks. It'll save you money and it'll save you tokens. One great thing about this is more the $20 version of Chat GPT gives you a decent chunk here of usage for codeex. They also have a pay as you go plan for codec which works really good as well. So the pricing model on codeex is very nice. I know there's a lot of complaints uh with other tools when it comes to pricing models. Codeex very good pricing model. One of the other strengths as this builds out as well is going to be the cloud agents and I'm going to show you a good workflow for the cloud agents once this builds out too. So stick around for that. And as it's building, if you learned anything at all so far, make sure to leave a like. It means the world if you leave a like, subscribe if you haven't yet. We have over the last couple weeks become the number one vibe coding channel on all of YouTube. So, make sure you subscribe and turn on notifications because I live stream a few times a week as well. All right, looks like it is all done here. Let's give this a shot. This was all one shot. Looks like it built out all the files, all the components. I'm going to do control till day. We're going to do npm rundev. Let's get this party. So, I run 3004 cuz I'm building 29 different apps at the same time here. Let's see what this looked like and then we'll get into some cool editing and workflow and trick stuff we can do here. And boom. Here we go. This actually looks really nice. A couple things I want to note. Yes, there are some uh stylistic issues here when it comes to uh like the shape of some of these tasks. But I'll say one thing for sure. This does not look like an AI app. built this app at all. There is not one hint of blue or purple. There's not a single gradient. It's just a clean, simple aesthetic with pops of color. That is actually wildly impressive. I know a lot of people claim that I use a lot of hyperbole, but this is the stone cold truth. This might be the best oneshot UI I've ever seen an AI make. And yes, there are some broken things here, like the numbers on the calendar or something. Maybe if I expand the window, it'll look better. But from just a style, like a colors perspective, a taste perspective, this might be the best. Oh, there's some things with the colors, white on white. I see this a lot with AI, but outside that I like the black and white. Okay, so let's get back into this. Let's fix this is perfect. We have some things to fix. Now, let's switch to 5. 1 codeex mini in order to fix a lot of these smaller things. So, we'll start with the calendar here, right? So, I'll screenshot. This is important. Whenever you have bugs, issues, or things you want to fix, especially on the UI side, make sure you use screenshots. So, if you're on Mac, shift, control, command 4, which copies a portion of your screen and puts it on your clipboard so that you can just go in here and paste it. And then I'm going to switch to 5. 1 Codeex Mini, which is great for those small little changes. Watch how quick this goes. I'm going to say, "Looks like the calendar is all scrunched up. Please fix this so it looks nice. " And I'm going to hit enter. and we're going to see how fast this is. Should be significantly faster. That was one of the big improvements with 5. 1 as well. The smaller models, the instant model is significantly more faster than it was before. So, let's see how fast it could do this and if it could make it look nicer in one shot. All right, that took probably about 25 seconds to do. Let's see how it did on those fixes. Okay, let's pull this over and see what we got here. Boom. Calendar looking a lot nicer now. Now, instead of having like weird letters all over the days, they now have dots to indicate that there's an event on that day. I like it. It's all clean up here as well. The font looks nice. The colors of the font look nice. The headers and the subheaders here look nice. This is really well done. This was a really well done uh by GPT5 Codeex and Codeex made to clean up a lot of the issues here. Oh, I also like little things like the day view where it shows you the one event on the day. That's nice. We went over the three models and the kind of workflow behind them. Let's also talk about the cloud agents which is a feature that makes codeex very unique. Other tools have cloud agents but what makes codecs unique is the agents are actually integrated into the IDE experience. With the other tools like claude code for instance you spin up agents on the web. You have to go to a separate website to spin them up. What's interesting about codeex though is you have cloud agents integrated directly into the ID. So I can set up some tasks for the cloud agents and locally side by side all in the same environment which is really nice. So I'm going to go into run in the cloud here. I'm going to switch to the codeex cal environment which is the GitHub repository I put this code on. To use the cloud agents you need to make sure your code is on GitHub. If you never did that before, go on github. com, sign up, create a new repository, and then all you literally have to do is tell Codex commit this code to the new repository and it will do that for you. Once you have that on there, you can switch to the running cloud environment with your repository selected and we can start spinning up tasks that agents will do in the cloud. Now, the way I like to think about this is I like to give the cloud agent small tasks it can do on the side while I do main tasks locally inside my IDE. So, for instance, maybe I want to say add a dark mode to the app. Since we're on the cloud, I can just hit send on this. And now we have a cloud agent working on that small task for us. But now we can actually spin up multiple things here. So, I'm going to go back while that cloud agent's getting started. You can see it's starting to work there. And I'm going to say make it so I have a weekly view in the calendar. Right? And then actually what I can do here is I can say do two versions instead of one or you could do up to four if you'd like. And now what's going to happen is the cloud agent will actually build this multiple times and then I can choose which version I like the best. That's really cool especially for UI components. If you're ever building something in the UI, try to do multiple versions because then you can make sure you get the best version of it and get the best UI possible. And now while all that's running, I have one cloud agent building a dark mode, another new component with multiple attempts. I'm going back. I'm switching to my local environment. And then I'm going to go and start building out bigger features now. Now I can say build a full marketing landing page for the app. Make sure I am on codeex the regular version because this is gonna be a pretty big task. And I'm going to hit enter. And now what you see happening as we speak here, we have two cloud agents up on the internet building out small UI task for us. Some of them building out multiple versions. And now we're working locally with the local codecs to build out an entire marketing page. This is how you multiply your productivity. get the most out of these new 5. 1 codec models. Now, all we need to do while these are working is I can go here. I can switch to our cloud task. And once they're done, we choose the version we like the best. And then we can pull the code down to our local environment, test it, and commit it. It really is that simple. That's the workflow that's worked best for me for Codeex and these three new models. Now, as for Codeex versus Clawed Code, this