3 Steps To Build ANY App with AI (ask, plan, agent)
Let's learn how to use Cursor AI📅 2025-11-11
Transcript
[00:00] Let me show you how you can effectively use the agent plan and ask mode and execute any type of workflow to build out anything you want in your application. I don't care what you're building. We can build it now. Welcome back, y'all. In today's video, we're going to be checking out a very, very simple workflow that I want you to start using. I've been playing around with Kirsty for the last week. I've been having a lot of fun. How much fun are you having, Corbin? I mean, I am literally spending 10 hours a day on this platform just building, building, building, and all these different little methodologies, little tips I'm going to be showing you this week on this channel. You're going to be like, "Oh, this is cool. I can add that. So, in
[00:30] this video, we're going to check out this very simple workflow. Right now, what you might be doing when you jump over to Cursor AI or whatever app builder you're using is you might jump straight into agent mode and be like, "Hey, build out my landing page." No good. Don't do this. So, to effectively show you how this workflow works, workflow works works workspaces. I'm going to actually fix something in my platform here, thumb. You were wondering what is Theio Corbin. This is part of a bigger series on this channel. Check it out. How to vibe code from complete scratch, no experience. If you've never coded in your entire life and you found this video, then congratulations. You are going to be able to code now. Point being though, right now my platform if I
[01:00] upload a nice little thumbnail that's me I'm smiling that's me in Bali and I went ahead and you know say like add hat everything works everything looks good but what I did and I can maybe jump into another video about this topic is essentially I upgraded a thing called tailwind CSS in my project which broke some of the overlays I used I mean by overlay is that if I come over to this project I'm like you know what that hat looks like trash zoom into the hat trash I can simply hit delete but what you'll notice is that the entire overlay is black and No opacity. I want opacity here so that the user can see the
[01:31] underlying software behind it. So I hit cancel here and this is what we're going to be solving today. First thing that you want to do when building out a new feature or maybe a bug fix in this context is give context. So for me I'm just going to screenshot this. I'm going cancel here and then coming over here the very first step in this workflow is ask. So for me I know the specific reason why this is occurring and this happened when I upgraded the tailwind CSS from V3 to V4. Another way of saying this is like let's say you have Stripe integrated. They pushed out an update. Now you're going to the most recent version of the Stripe integration. There's maybe things within the code
[02:02] that breaks that become more apparent when you make an upgrade. Long story short though, all I want you to care about in the ask process is whatever you want to build, whatever you want to fix. This is where you give information. So let's say you are you have no clue why this happened. You're just like, why did this happen? You would simply just put something like I noticed now the pop-ups have no opacity. I don't have to identify the issue. But what we do here is first we talk to the model. I'm going to use composer one in today's video. So, if you want to know what model to use for what, check out this channel. Did a whole other video on it called something like the number one AI model for vibe coding or just developing. What's going to occur here is you're
[02:33] going to get a bunch of information. I want you to actually read this information. I know some of y'all just might be jumping through. Uh read the information. You you can just skim it. Okay? You don't have to read it completely. Just like a little bit like, okay, this is what this means, but obviously we can see here files with module overlays critical. It notices what incurred here. So, scroll down here. Typically, at the end of these outputs, we'll get a summary of changes, which is always nice. And it will identify what the issue was. So, mono overlays, the opacity is not being identified correctly. And look at this. The main issue is that the mono overlays after updating those, the pop-up should show the correct opacity again. Since you're in ask mode, switch to agent mode
[03:03] if you want to apply these changes automatically. So, don't do that. Don't switch to agent mode. Now, with this information, go to plan mode. Make a plan for it. Hit enter. So, the reason we're going to have this intermediary step here of making a plan for it is this is going to give you better code when doing more complex task is what this is allowing the AI model to do is it knows what to fix. But essentially, we're just giving it a user manual that not only can re-review, eg, it's right behind me. Like, look at all this information. If this looks all confusing, just ask the AI model, explain this to me like I'm 10 years old. So, it's super simple for you. The
[03:34] idea is that now that we've identified the plan, we have the relevant task to do. It's a machine, y'all. It's a robot. If it's a robot, you think the robot's going to want ambiguous creative like, hey, do no, no, no. It wants like one, two, three. What do I do? That is how we make really good code of robots. We tell it what to do. At a base level of this, what are we doing in code? We're quite literally telling it to do a very specific thing, a very specific action in software, but it's a file, it's Python, it's JavaScript, it's whatever. To-dos. So, once you get your to-dos, we
[04:05] can add to this. We can keep going in plan mode. But once we're ready and everything looks good, all we have to do is hit build. And this will instantly take you to agent mode. And what you'll notice is now it's approaching this in a very methodical way. Boom. Boom. Boom. Now we also have the context of the original plan and why that's important. And what you'll notice is that the original plan is a MD. This is not actual code being written. This is just text. Think of it like Google Docs. You added a Google Docs to your Yakasa. You added a Google Docs. Now you can look at the text. That's how you want to think of MD. This is not a file that is
[04:36] actually read by the code in the sense of I'm running a function, but the AI model can use this for data for context. Basically, long story short, it can use it for the plan, right? And for us to edit the plan. should notice is that once it's done, it will show all the relevant files changed. It executed. And now we will see if it works. I will drag in that amazing photo. Absolutely beautiful. I'm g add a hat. See if the hat's better. So, we got our hat again. But I absolutely hate my hat. So, I'm going to come down here to delete. And there we go. The overlay situation has been successfully solved. Now, one thing you might be asking yourself right off the bat, and also we can check out the
[05:06] other overlays. Look at the feedback. Beautiful. Is Corbin, how did you know it was called overlay? That just comes from my experience. But if you don't have that developer experience, simply just ask the model, you know, come over here to ask mode, be like, "Hey, I noticed you changed the opacity on the pop-up. What do we call this in code? Like, how do I reference this in a more developer way?" And the reason you want to reference certain things in code in a more quote unquote developer way, like we actually have to use the jargon is that the code itself will be able to be like, "Oh, this is what that person means." So instead of you taking a shotgun and shooting a pumpkin, you're
[05:37] shooting that same pumpkin with a sniper. Pinpoint. I know. I know what it wants. the overlay. It's not the the color looks a little not there's no opacity. Be specific with your answers. That just about does it in today's video. So, make sure to leave a like. It's completely free. I'll see you in the next. Did I just show you one of the simplest cursor AI workflows that you'll ever use in your entire life? But then you're going to be like, "Wait, Corbin, this actually is giving me way better code and I'm actually learning way more type of video." And I don't care what you're building. We can build it now.