Transcript · 61,423 chars
Welcome to the complete guide to using cursor for business. This is going to be the most comprehensive guide to cursor on the internet and you don't need any programming experience to follow along. All you need is a computer and internet access. So this cursor course is going to be divided into three parts. In part one, we're going to discuss the basics of cursor and everything you need to know to start building like prompting models and much more. In part two, we're going to start building. We're actually going to be building an app, a landing page for that app, and an autonomous researcher, which helps us research useful things for our app. In part three, we're going to talk about advanced features like the Cursor mobile app, GitHub, and some other things that sound scary, but are actually easier than you think. And so, my name is Riley Brown. I've been using Cursor for the past two years, and they made some insane updates to both their models and their new agents view. And so I just felt like it was time to make the most in-depth guide on using cursor on the entire internet. And if you like videos like these, make sure to hit subscribe and that like button. It helps me out a ton and allows me to keep doing what I love to do, which is make fun educational content like this on the best AI tools in the world. Anyway, let's dive in. All right, everybody. We have a lot to cover today, but again, this is going to be divided into three parts. We first have the basics, then we're going to be building. I have a part 2.5 which will talk about some advanced topics specifically getting them on the internet and making sure that you have a good database in place for the app that you create and then we're going to talk about all the different advanced features that will help you use cursor effectively. So before I go over how to download cursor, I do want to talk about what is cursor? Why would someone want to use cursor? And if I had to put it simply, cursor is a tool that allows you to communicate with an AI agent so that it can build apps for you. So, I just entered in a prompt and sent it to this model right here, GPT 5.6 Soul, and I said, I want to build a little app that lets me track my calories. Simple app, run it locally, very minimal, make it simple. That's because I want it to just go faster. I want to keep it really simple just to illustrate the fact that you can type your idea to an AI agent. And here the agent asked me a follow-up question is what should the app be called? Call Track. And this is just a very simple app just to get my point across. And so after 1 minute and 12 seconds, cursor is done building. And it says Calotra is built and running locally, meaning it is running on my computer. We'll talk more about this later, but I can either click on this and open it in an external browser like Google Chrome, or I can rightclick on this and open it in the cursor browser. And here we go. We now have a very simple calorie tracker. And I can say pizza 1,00 and we can hit add. And so this is a very simple app. All cursor is is an AI coding agent that you can talk to and it can help you build basically any app that is just in your imagination. In order to download Cursor, you are going to go to, you guessed it, cursor.com. When you go to cursor.com, the page will look a lot like this. Here we're on cursor. And if you are on Mac and you show up from a Mac, it'll say download for Mac OS. When you do that, you're just going to click this button and you are going to download this and cursor will download to your computer. Since I already have this downloaded on my computer, you will need to just click on it, open it up, and then sign in with your Cursor account. If you don't have one, it will prompt you to create an account. When you finally get signed into cursor, your screen will either look like this or it will look like this. This right here is the IDE window or the editor window. This right here is the agents window. If you want to get from the agents window to the editor window, you can click this button up here that says IDE. And you can see here in the IDE window, you'll see this button that says agents window. This video we're going to be talking about the agents window. Okay. So, if you've never used cursor before, this is what your screen will look like right when you come to the app. You won't see anything pinned because you haven't pinned anything. You won't see anything in your workspaces because you haven't created any workspaces inside cursor yet. You'll see new agent, search, automations, customize. We'll get there in a second. But most importantly, you'll see this agents view. And so, when you create a new agent, you speak to your agent right here. The way that this tool is organized is you have your agent chats or sessions here on the left. But let's create a chat session. For the sake of this video, because Grock is unique to this platform, we can use Grock 4.5 highfast. Now, what I'm going to do is just say, "Hello, what model are you?" And so when we do this, it actually just created a chat session called model inquiry. If we scroll down over here and we scroll to the bottom, we'll see this new chat session called model inquiry. And here I'm chatting with the agent. If I want to change the name of the chat session because again you may have 20 chat sessions that you're working on in any given week and you might want to name it or pin it. You can rename it and you can say testing gro and let's go ahead and pin it. Right? But we don't want to lose this one. And so here we have testing gro pinned. This is our chat session. And so that is what an agent session is. And of course you can pin these agent sessions. Now I want to talk a little bit about workspaces. Okay. So if we were to press commandn that is the same as pressing new agent. This is just commandn. Now we are creating another agent which is a separate chat session. And you can see here it says no repo and this means we're actually not working in a workspace. If you are working on a giant project, let's say we want to create a website or an app later, I would want to create it in a workspace. And so what I'm going to do is I'm going to click create workspace and we're going to create new folder. And so now we're selecting an area on our computer, like downloaded on our computer, where we want to create this project. And so I'm just going to go ahead and create this on my desktop folder. And you can create it anywhere you want, anywhere that's safe for you. And I'm going to call this agent native. And we you'll see why I'm calling this agent native. This is just the name of my site and app that I want to create. And now I'm going to hit create. And now we have created a new project called agent native. And you'll actually notice here that the agent native workspace doesn't show up here on the left. And that is until we've actually created a session that would show up in the agent native folder. And you'll notice here by default it has this plan mode on. Help me plan my app and website called agent native. So, I entered my prompt. You can see here agent native now showed up here and it automatically turned on plan mode. Now, it's loading. And here we go. So, it just typed out some questions that it wants me to answer. All plan mode is is a mode that you can get the agent to enter to help you plan something. And this is useful when the thing that you want to do is really long or you don't have like a very clear idea of exactly what you want to build. Maybe you want to go into plan mode. The agent will help you think about something that you wouldn't have thought about already. Personally, I don't use this mode very often. In fact, if I ever want it to create a plan, I'll just say, "Hey, can you create a plan?" There's no need to go to plan mode because ultimately you are just talking to an agent. If you ask for a plan, it'll create a plan. If you ask it for some song lyrics, it'll create song lyrics. This is an agent. And so plan mode was created in an era where it wasn't as much like talking to an agent. It was more like talking to an AI that just built apps. Now it's a general agent. But if you do like using plan mode, you can type slash plan and you can enter plan mode automatically. Or you can press this plus sign and click plan and that will also enter you into plan mode. But again, I just ask for a plan if I want a plan. I don't really think about plan mode. I just speak to the agent like it's a human. And so I can just respond to this. But if I actually wanted to create an actual website, I may want to switch models. And so let's say that I wanted to use the Fable 5 model, which is more expensive. Or if I wanted to use GPD 5.6 6 soul which is the model that I use most of the time. I could very easily select this model and switch it. Right? This is just a model switcher. If you've used any AI tool, you can just select the model here. Now, if you don't see the model that you want to use, you can also go to settings and you can go to models and you can then scroll down and you can add any models you may not see here. There's also a view all models toggle, but these are generally older models that are unlikely that you want to use like they have GPT 5.6 Luna which you can add. They also have GPT 5.4 Nano. So these are some of the older models and most likely these models under this toggle are models that you don't necessarily need, right? They're not going to be the best or cheapest or you know the the frontier in any category. And so responding to the agent, agent native is my brand, podcast, and soon mobile app that helps people stay on top of the latest tools and strategies for understanding AI agents. I want to start with the landing page. Can we please create a landing page that looks like this? Let's say I wanted to create a page that looks like this. I can just take a screenshot of this page right here and I can copy this. And the same way I can type text into this prompt, I can also paste an image. Here we have a prompt. Here we have an image. And now we're going to run this. And so I'm going to say, please just create a site like this. Run it locally on my computer. I want that to say agent native. And I want it to be horizontally moving from left to right on the screen. So the AI agent is working and we can see our prompt. We can expand our prompt. If we click out, it'll go away. And so I like that about cursor. It has the prompts tucked away like this while it runs. And we can actually see what it's editing. We can see that it's editing four files, explored two files. It's performing one search. It's running three commands. Here are all the different lines of code that it's written or deleted. And so this agent native folder remember is in our desktop folder. So if we go to our finder, we go to our desktop, you can see agent native. And in this agent native folder, which is our workspace, here are all of the files that it's created. So the app that it just created, it wrote all of the files here for this agent native project. And now the app is run and we can run it here. Now it is running locally on our computer. When you use cursor by default, it'll run on your computer. And so if you click on this and you open this in your external browser, this will open your app. Okay, there we go. So now it's running locally on our computer. And this is the site or app that our agent just created inside Cursor. I mean, look at this. This is actually kind of cool. I like the the the graphics that it created for it. I think it's very nice. But when I use Cursor, I actually never use an external browser. I use the inapp browser. And so I will rightclick on this and open this in the cursor browser. And so what I'm going to do here is I can full screen this. And then I can close the side panel. And here we are. We're inside the cursor browser. And we can just look at our application or website. And then when we have a change that we want to make, I can actually just come down here and hit message cursor or I can press command I and it opens this up. This is a very fun interface. And so what I can do is I can say the top right image that has AI. I don't like that. I I kind of like the vibe that you have with the other ones. They're more colorful. Can you please change that one? It might take a little bit longer. I want to use a faster model. We can go back to Grock and we can just fire that one off. So now that prompt is running. And so this looks like a completely different interface. Like this is the doing the exact same thing as if it was if we were running it in this view, right? It's just here on the on the browser. When you close the browser, this moves right here. And you can just talk to it and you can give it a bunch of different prompts. Oh, there we go. It made the change. It added a new little photo. I don't even know how it's creating these. And I guess just for the sake of this example, we can scroll down on publish press. I like this. This is a good section right here. Let's We can go just like this. And so I can just paste this in. Yeah. Look at the photo. This is kind of what I want it to look like with like put a line underneath the native thing going across the bottom and then have the email thing and then put eight more blog posts. You can use the same images over and over again just as placeholders. Don't spend a lot of time generating new images. And so we can fire off this prompt here. And so we can see it working. And it's really cool. And you can fire off a bunch of things. and you can say, "Can you please make the subscribe button at the top like a blue color instead of red? It's too jarring." And so now we have two prompts working at the same time. Now, what I want to talk about is a really underlooked thing when it comes to learning these super apps. And this is the difference between queuing and steering. All of these AI super apps have this feature where you can either type in a prompt and cue it so that once it's done, this prompt that I typed will be entered in. Right? It's basically waiting in line or you can press this button to steer it or send it now. So, you're basically sending in the prompt while it's working. But it did do all of those changes really quickly, actually. And here the subscribe button is now blue. And we have this bottom section. So, what I'm going to do now is I do want to fire off one more prompt here. I'm going to press command I. Hey, I want to let you know that I want some more spacing beneath the um pro like where I put in the email. And then when the eight uh rectangles come in, I just want some more space between that. And I also want that like a to not be there. There's just like this giant black A. We don't need that. And so I can fire that off. And there you go. Grock put it where it needs to go. There's some more spacing. This is pretty good. And that took 10 seconds. Okay. So now I want to talk about another feature here. And this is one of the coolest ones ever, which is design mode. And so if I click design mode, all that'll happen is you see that this toggle design is now on. Now what I can do is I can select different parts and I can fire off prompts about it. Um for example, I think this font is a little too big. So I can just select it. Uh please make this a little smaller font. And so I can just fire that off. And it allows us. So I can say the G here is cut off on bottom. Please fix. And so we're just firing these off. And you can see here this one's queued up. I'm just going to go ahead. Oh, I think it's already finished with the other one. And remember, you can always full screen it. And then you can open up the browser again and then go back to the browser view. I don't This one's a little bit weird. Please put a different icon than the arrow here. Something that makes sense. And again, we're just firing things off. And this design mode allows us to get a little bit more precision. And there you go. it made the change. And so that is design mode. Okay. So we are most of the way through the basics section and I just wanted to give you a little taste of using cursor and we're creating a very simple app which is a landing page and we've used a couple of different models. We created a session within a workspace, the agent native workspace and when the agent session is within a workspace and it creates an app, it'll stay within that workspace with which is just a folder. Right? If we go back to our finder here, this agent native folder was created. This is the workspace that we created in cursor and the app is located inside that folder. We talked about the different models queuing and steering. We talked about how to download cursor. We talked about design mode and I just wanted to give you a little bit of the basics of using the interface and before we go to part two I do want to explain one thing which is transferring your skills from other super app or agent tools like codeex and claude code and if you use codeex what you can do or claude code you can use the same prompt hey I need you to give me instructions on where to see your skills I want to be able to add them um from another agent platform cursor so Please just give me a prompt that I can copy to give to cursor that will allow it to gain access to your skills and add them. For those of you who don't know, skills are a really useful feature inside cursor and other agent tools where I can press slash and I can have a YouTube researcher skill. I have a YouTube thumbnail skill. All of these are skills that I can reference by typing in slash and then typing in the skill. A skill is an instructions file that the agent will use when it's necessary. So you could have a skill called colorful images. And that skill could have the agent generate images in this exact style. And so if you ever ask the agent to create websites with graphics, it'll automatically just use that style if the agent deems it necessary. And since skill files are just little markdown files located on my computer, I can very easily tell cursor to go find them. And so when I I can copy this prompt here and I can go back to cursor. I'm going to say, hey, I want to download some skills um from codeex. Please list out all the skills that you could import into your skills here. And then I'll tell you which ones that you should import. And then I'm just going to paste in this prompt. Now what I'm going to do is I'm going to change the model. Let's go to GPT 5.6 soul and let's run this prompt. And it's done. It said all treat an existing SIM link to the exact codeex folder as already available. A same name folder or link pointing elsewhere will be reported as a conflict or untouched. Setup complete. It added 77 codec skills via symbolic links. And so one of the skills that I've added recently is Riley media. And here we go. We actually have Riley media which is a skill. I don't need to get into that. But the point is all of my skills that I would have on codeex or cloud code are now imported into cursor. Okay. So that is the conclusion of part one which is the basics and we covered it all including transferring our skills from codecs and claude code or any other AI agent tools that you use. And so now we are going to move into a more intense building session. and we're going to really start pushing cursor to the limits. We're going to be building multiple things at the same time. Now, we're going to make some progress on the landing page. So, we've already made some progress here. And so, we're going to be working on this landing page. And we're also going to create an app. So, we're going to be building a mobile app for agent native. And then we're also going to create a cursor canvas, which I'll explain in just a second. And it's just like a mini site that has a cursor domain that we can set up automation so that we can have it do research every single day and it will actually update a site and this will allow us to do research for our website and research for our mobile app and I'll show you how this works. All right, so we've created this landing page for agent native. Now I want to create a mobile app for agent native. And so in order to do this I'm going to press commandN which creates a new agent. I'm going to close the sidebar which you can open up right here. We don't need that. And what I want to do is I'm going to create a new project. And so I'm going to create a new folder or a new workspace. And this new workspace I'm going to put it in the same location as in the desktop as agent native. And I'm just going to call this agent native mobile. I'm going to press enter here. So now we're creating a new workspace and we're we see agent native. This is like our website and everything about agent native. Now we have agent native mobile. Now I'm going to say I'm going to just say hey I want to create an iOS app. I want this iOS app to be in swift. So I want you to create a Swift app. And for this Swift app, I want this to be in a a companion app to my agent native site. If you go into my desktop folder, right? If you go into my desktop folder, you will find a folder called agent native. And this is my website. I want you to create an app that has the same style and use the same assets, like the same images that are on that site. That should be the same images in the first tab, which is the learn tab. For this website, there's going to be three tabs. a learn tab, a tools tab, and an agent tab. I only want you to make the learn tab. And the learn tab should be very similar to the agent native site, which should be basically I can learn by clicking on those blog posts, which I haven't created quite yet. But that's what I want you to do. I want you to just create this Swift app. And then what we're going to do is I want to open it up in my simulator. Okay? Since I'm using a Mac, when you use a Mac, you can actually simulate an iPhone directly on your computer. And so, in order to download this, we can simply just create a new chat within Cursor. I'm going to say, "Hey, how do I download if I have a MacBook Pro? How do I get the simulator on my computer um and download Xcode? Please give me a very concise list with links to where I need to go. anything you want to learn, you can simply just ask cursor. So here's the steps. You're going to download Xcode and you can literally just ask this to cursor or any AI agent and you can open this up in a new tab. And here you can download Xcode and I already have Xcode downloaded. As you can see here, I already entered this prompt in uh a couple minutes ago and we're using Grock 4.5 high fast. for very big planning tasks, I might actually want to go with uh Fable 5. And so this model is more expensive, so beware. But I can just scroll back up and stop it. And then I can re-enter a new prompt with Fable 5 medium. I'm going to go ahead and I'm going to edit this. I'm actually going to change this to high. So this could actually be expensive, but I think it's worth it because I'm actually going to turn this into an iOS app and I may actually release it. So, I'm going to fire that off and I'm going to hit revert. And there we go. So, now it's going to start over, but we're using Fable. And my goal is to create the most insane iOS app anyone's ever seen. Okay. So, now what I want to do is let's just go ahead and add the tools section. I want you to please add a really cool list of tools that people can look at. And these are agent tools. And so, I want to have different categories. The first one is super app. The next section is going to be ancillary tools and I want you to please look at the skills that I imported from codeex and then look at your environment. I want you to come up with like 15 different tools that you could include that section some for hosting database etc. I will actually give you the ones that I use in just a second. I just want to create this overall tools section and then I also want to create the agents tab as well. This should be an AI chat and later we're going to set up a body of knowledge that this AI can read when answering people about how to use AI agents but choose three top models that we can select. Okay, as we'll get to a little bit later, we're going to be putting our websites on the internet and to host our app, we're going to be using Verscell. Another feature that Verscell has is they have this thing called AI gateway and it's like open router. Um, and it's very similar. It's just that I already use Versel for hosting. I might as well use uh Verscell for the AI gateway. And this allows us to have access to all of the models with one single API key. An API key, which we'll get to a little bit later. again allows us to like we could go to the OpenAI website and we could get the OpenAI API key and give it to our agent and say create a chatbt like app and use the open AAI API key and then it would create an app for us use the open AI API key and create a chat app that allows us to chat with chat GPT which is really cool but what if you want to use anthropics models or gro models that's why I'm using this versel API key here this allows s me to chat with all the different models. So, what I'm going to do is I'm just going to come to this API keys section and I'm going to go ahead and create an API key. Okay, so I've just saved this API key. I don't want this to uh be shown on screen because people can literally use the API key and then charge my account. You want to keep these secret. So now I'm going to say here is the API key. And then I pasted it at the bottom and now I'm going to run the prompt. So now we just fired off our prompt. What we're trying to do here is we're creating this tools page which doesn't exist and the agents page and we are going to allow our users to chat with an AI assistant and we're going to create that in one prompt and we've already created this in one prompt basically. So that is pretty insane how quickly you can create an iOS app and have it running on our computer. Okay. So, while this is loading, actually, I'm going to press commandN. And we're going to work in the same repo. And what we're going to do is we're going to create a canvas. And you can think of a canvas like a mini site within cursor. And cursor allows you to create these little canvases. You can type slashcanvas. And this allows you to create this little standalone site. So, I want a canvas. And I am currently creating the tools tab of my mobile app. And I want you to create a little mini site that does research and I want you to come up with the different categories like super apps which is cursor, codeex, cloud code. And then I want you to come up with other categories of tools that I could include in this. Search my YouTube videos. And since I've already set up a skill previously on codeex and then I imported all of my skills, I can use my YouTube researcher skill. use this skill when doing research and I want you to come up with all of my tools that I would create and create a little canvas for each one. It should explain it and your purpose is to be my little researcher site. And so I can fire this off. And so while our iOS app is being built, our research site is being created as well. And now we'll wait a few minutes for both of these to be done. Okay. So after 12 minutes, Fable, the model that we're using inside cursor, is done making changes to our app. We're making changes to the tools tab and the agents tab. Let's go check on the tools tab. Here we go. I don't love this dark. Actually, I like the dark. I wish it just stayed with the dark and wasn't I don't know how I feel about these the contrast here. So, when you have simulator running on your computer and you get the simulator by downloading Xcode, you can press command S and this will automatically take a screenshot. I just gonna go ahead and copy this to my clipboard and you can paste it right back into cursor. And so now I need to make the decision. I'm actually not sure. I'm actually not sure what design changes I want to make here. Can you please change this page to look better? Spend a lot of time on the design and make it look a little bit better, please. So, I'm just going to go ahead and fire that off. And while that's loading, let's go ahead and open this back up. And I can full screen this as well if I want to take a closer look at it. I kind of like it in this view here. We can select the agents tab. So now we have this agent. And now I can click on this. Now when you're editing an iOS app, one thing you might want to do is see what it would look like if the keyboard was out. So I can press command K and that will open the keyboard. And this is a very common problem. So as you can see here, the keyboard is being covered by the text. So, that's something you wouldn't have noticed because if you're using the simulator, you can type with your computer on the simulator. I can say, "Hi, hello. Let's test the model here." And we can see that we can select Grock 4.1 fast, GBT 5 mini, or Claude Haiku. Right? I did say to use the cheaper models. So, I can fire this prompt. And there you go. It's really fast. And I think this actually looks relatively decent. That's looking pretty good. Here's one other tip. When editing mobile apps or web apps, I use this app called CleanShot X. And so what this allows me to do is take a screenshot and then really in detail, I can like draw on it and add arrows just like this. So I can point to this right here. I don't like this subtitle. Um, I don't like this icon and I don't like this bar here. So I'm just going to go ahead and copy this. We're going to paste in a cursor. I don't like these three things, the subtitle, the line, and that icon. Please get rid of them. And then put [snorts] the model picker down below. Which means you got to make the text input area two lines high. This is a very common design pattern like for chat GPT's iOS app. Look how they do it. And make it like that. The model picker should not be on the top right. That's ugly. And we can fire that one off. Okay. Okay, so it's done with its previous one, which is this tools section. Let's go ahead and check on this. Okay, this is interesting. One thing I am going to fire off real quick is I'm going to go ahead and open this up. I don't like this line. I don't like either of these. And on this page as well, I don't like the line or the subtitle. Just have tools centered at the top. Actually, keep tools left aligned at the top. But these horizontal lines on the tools page, not needed. Okay. Okay. And this one only took 45 seconds. Went really quickly. I can open up the simulator. Here we go. So, here I know we don't have the official icons in here. We can add those later. But this is looking pretty dang good. We have tools, which are super apps, cloud code, codecs, cursor. I really like these cards as kind of like the the featured cards. And I think if we had the icons in here, it would actually be just insane. What we can do is we can go to the agent. There you go. We have this model picker. This looks really good. And I can say hello there. And I can fire that prompt. And this agent looks a lot better. This is just very well done. This app looks really good for my agent native app. And I can subscribe to the newsletter, which is pretty cool. Yeah, this is awesome. Okay, so this one is actually done. So remember earlier we fired off this prompt where I wanted to create some research material on the agent native tools directory which will actually help us add tools to this directory right here. We are doing some research on this and I got it to do some research and then it created this little thing called a canvas and you can find your canvases by clicking the plus sign. You can open a normal browser or it has like a special canvas one. And this one is called tool tabs researcher. If I click on it, here we go. We have all of our tools right here. And you can see here it did a lot of research. And this is really cool. Now, what I want to do is I want to talk a little bit about automations. And so this is a fun one. So I can come over to automations and I can create a new automation here. I can do it manually or I can simply ask cursor to create an automation. Hey, I want you to create an automation. This automation should scan my content as well as the nine other YouTubers that you think are in my niche for new tools. And these should be only videos in the last week every time you run because this automation should be weekly. And I want you to create a section at the top. The top section should be new tools mentioned. And these are new tools that people are mentioning and I want you to put those tools there just so I can see them every single week and I want this automation to happen and please put it at the top here. And so I can fire that prompt into cursor and this will automatically create the automation. Notice here we have zero automations but after it's done I should have one. And here we go. And we can actually go back to our agent native canvas here. And we can see the agent native tools directory now has this new tools mentioned section which has codeex browser, devon, claude browser, fable 5, gpt 5.6, versel, eve. Here are a bunch of the tools that people are currently mentioning. And as you can see here, done. The automation is live. And I already ran this week's scan by hand. So the section is populated right now and this will actually run every single week. So we just created an automation and this canvas page will actually stay up todate and if I come here and see the new tools mentioned this will update. So this is how you can create these kind of automated research papers with the canvas. Okay. So I'm going to pause real quick and we're going to talk about what we've done so far in this section. And as I said, we were going to be moving relatively quickly because we're building three projects at the same time. And part of getting good at using AI agents is multitasking. And the reason is that it just takes a while for AI to get done. So if you only work on one AI agent at the same time, you're just going to spend so much time just sitting there waiting for AI. So that's why I wanted you to kind of get in the habit of doing three things at once and then coming back. And now let's actually just think about what we've done. And so the three projects that we've worked on so far, we've created a landing page for agent native and that was this landing page that we created. And then we also created a full native iOS app that's running in a simulator. And we created this in three prompts. And that was this app right here with a learn tab, the tools tab, and a working AI features. And this literally works perfectly. It has great animations. Check this out. And it looks and the stream like come on. And then as you just saw before this we created a canvas which are like these little mini apps that are directly inside cursor and that one looks like this. Okay. So the next thing I want to talk about are plugins or in cursor they call it the customize tab. So if you go to this customize tab inside cursor we can see that we have one installed which is convex. We'll get to this a little bit later. What I want to focus on right here is we're going to click on browse marketplace. Here you can connect cursor to other tools, other apps. And there's so many different ones that you can add. And so many developers actually connect it directly to Slack and to Linear. And so they can just immediately go look into their tickets or messages from other people and just say, "Hey, what did people say to build? Build it." And it connects with the tools that you already use. And this is similar to Codeex. This is similar to Claude Code that you have these plugins that you can very easily add. Now, there's two main plugins that I want to talk about in this video that have very specific and important functions. And so, we're about to add two more plugins. And these plugins are going to be for a database. The way that I think of a database is it takes whatever it is that you're building and it takes it from a site to an app. If you go to some landing page that you create and you type something into it, the data that's a user would type into that site is not actually going to be stored anywhere. And that's kind of what I think of as a site where an app like Twitter or YouTube, if you leave a comment, it can you can see who left the comment because that data is actually stored in a database. So what I want to do is I want to add our first plugin and that plugin is going to be Convex. And so Convex is a database provider that I believe is the best with cursors just really good at controlling convex and creating a database for an application. So what I can do here is we can go to our iOS app and I'm going to say please use and we can type at convex I want to make authentication and database. If we go back to the drawing board here in order to save the data as the right user, we need authentication. So authentication is like signin, right? You need to sign into the app. That's when you see signin with Google, right? That's how you know which user is signed in. And the database is just where the data is stored. So database is just is basically the data is being stored. And so when the user signs in, you're signed in as user 00001. And when user 00001 posts, the data is stored. Whether you post an image, whether you are using the AI, right? If we want this data to be saved, we need to know which user is actually typing these messages in. And we need to know which user the AI is responding to. And so all of that is going to be stored in the database. And you might think that sounds confusing. Don't worry, AI will just do all of that for you. And so users should be able to sign in with their email and password and then um all the data that they use like uh I want users to be able to save their favorite tools on the tools page. So please have the little like bookmark thing by the tools so they can click it and it should go from like light gray to black when they do that and that should save to their account. And then also I want all of the chat data to be stored in the database as well. And so I can fire that prompt off. And now it will add the database. This will likely take maybe 5 to 10 minutes, but this will automatically create a new database inside Convex. And if you don't have a Convex account, you can just go to Google and sign up. And it's very easy to connect your account. All you have to do is go to the customize tab, find Convex, and then install it, and it will automatically have you sign in directly into Convex, and you'll you'll be ready to use it. Okay, I [snorts] think it already tested it for me. So, I might be signed in. Okay, so I can sign out. Let's go ahead and sign out here. And I'm going to restart the app. If I go to tools. Okay, I can sign in. I can create an account. I'm going to put in my email and password. Okay, so now I'm going to go ahead and sign in. Okay, so now we're signed in. Let's see. Let's go. Hello there. Let's see if this works. Hello. Now, if we were to, let's say, sign out and then let's go ahead and sign back in. I'm going to put in my email again. I can sign in. Let's see here. If we go to agent, there we go. So, the data still persists. And let's go ahead and check the data in Convex. And since we use the Convex plugin, I can say, "Hey, I actually want to take a look directly at the database on Convex. Can you give me the link to see that?" And now it's getting the Convex dashboard URL. And here we go. So I can se click on this link, open it in an external browser. Convex is loading up. I do need to sign in. And here we see health. But what we want is data. So if we click on data, here we go. We now have all the database tables. And if we click on user, we can see the email right here. And here it has password hash. So, it's kind of it makes the password more secure. Here's sessions and we can see the different sessions created. This is a session every time you create a chat, I believe. And then here's the chat messages. So, it's stored right here. And each of these messages are stored with the user ID. So, every time this user messages the agent, it puts that there. And so, that's why it'll only list the chats from that user. And we can actually customize this a little bit more. Notice here that it's just like one giant chat session. Maybe that might be the best. But for the sake of databases, I want to show you how you can actually add in the chat page. I actually want a little history icon at the top right. Please add that. Then what I want you to do is allow me to see previous conversations I had with the agent. So each user can have multiple chat sessions with the agent just like chat GPT. Please add that feature right now. And I will test it. And we'll fire that off. And now [snorts] it should make that change to our app. And then this will kind of change how the data shows up in our app because we'll have multiple sessions we can toggle through. And let's go ahead and check this. If we click on this little icon that's brand new here, I can hit new chat. I actually don't know if we're signed in. Let's see. Okay, so we are signed in. I'm just going to type hello there. This is one chat I am testing. So now it responded. Now if I hit new chat. Hello, this is chat 2. We can use a different model. So now I'm going to go to the history. Okay. So now we see our chat histories here. So you see these are all saved to the database inside convex. And just one more time to illustrate the point. Let's go look at the convex database. And as you can see here, we see more chat sessions obviously and it's the same user ID. But here we see a new one which is called conversations. And remember, we created two more conversations. Each one got its own ID. And there you go. This was added to the database. Everything is being stored. And now other people could sign in, create multiple chat sessions. All of that data would be stored in Convex. And we set it up with one single plugin and a few prompts. And that's how easy it is. And I know that this might be confusing to you. Um, but this could be a whole video in and of itself talking about databases. But you just have to rely on AI. And if you want to dig deeper, just ask cursor. Just say, "Hey, can you explain what these tables are, what this means?" And so your job as someone who's building an app with AI and trying to add a database. Your job is to test all the different things like sign in to an account, do a bunch of chats, sign out, sign into a new account, and you're trying to basically test it to make sure that it all works properly. And if something doesn't work properly, then tell the AI agent cursor. Basically, that's how you should test it. Okay. So that covers database and you can do this for a web app or an iOS app, any type of app, a desktop app, anywhere you want a database, you can use convex and very easily set that up. The next thing I want to talk about is hosting. And so this is when you get an app or a site that you have going from your computer running on your computer to running on the internet. Let me show you what I mean. So in cursor, this is running at this little location right here, right? We have this location right here which is where it's running. And you don't need to know what this even means because when you talk to cursor you say can you please run this locally and the app will run on your computer. However, if you want your friends to see the app uh and you want it to go on the actual internet, you need to host it somewhere. And in order to host, we are going to be using another plugin. And so if we go to this customize tab, what we're going to do is we're going to go to browse marketplace and we're going to type in Verscell and we are going to hit add. And this has been added. And you can see here once it's added, it'll say 29 tools enabled. That's because I have added my account in the past. You will likely have to connect it to your actual Verscell account and there will be one screen before this. But now if we go back to our agent native web app and we type at versel, we can see that there's 29 different tools. So now what I want to do, please create a brand new project for this and get this on the actual internet. Please, I want you to send me when you're done, I want you to send me the link to Versel um of it actually hosted on the internet and I actually want you to open it in the browser as well. And so now this will take a little bit of time, but it will actually deploy the app to Verscell, which means put it on the internet. And there we go. We now see this link right here. We can go ahead and open it up. And there we go. We see agentnative site, bice.verell.app. This is kind of a random domain, but here we go. This is actually on the internet. You could go to this site on the internet right here, and you will see this website. It is actually on the internet. And now I want to do something fun. So I'm going to go ahead and say, "Hey, I want you to look at the iOS app project, the agent native mobile project. We added a convex database there. I want you to sync those databases together. So it's one database and I want to be able to sign in to the same account on the iOS app as the web app. So please create that right now." So look deeply into that project and just create this flawlessly so the databases and stuff works together. I also want you to add the an identical chat tab that we added on the iOS app so I can chat with the same AI agent. And yeah, I want that to be an identical process and all of that data should be identical in the database. So this one's a little bit harder. I actually don't know if this is going to work on the first shot, but we will see. So the this landing page is going to turn into an app now. And this means we also need authentication. The same authentication as the other one. Now it is going to work. We'll see how this does. And here it says one shared identity system, one convex deployment, chat history across web and iOS. I'll inspect both projects first, then wire the web app into the mobile app's existing backend and off rather than creating a second system. Very cool. Okay, so this one took a lot longer actually and I believe it's done. And so let's go ahead and check on this site. So I'm going to go ahead and open this up. I'm actually going to open this in the cursor browser. So we are on the agent native site. And so I'm going to try and sign in with that same account that I had earlier. This is the same email that I signed in on the iOS app. And I'm going to use the same sign in here. And now we're signed in. If I go to my history, we can see the other chats. Look at this. And I can create a new chat. I can switch the model. Hello there. I want to learn about AI. And there we go. We are now signed in to the same account, right? Because if I were to open up the um let's go ahead and open up the simulator here, we can see. Okay. Okay, so this one doesn't stream like the iOS app, but if I go back home and I open up the simulator, I'm going to go back to learn. Go back to agent. If I look this up, hello there. I want to learn about AI. We have this web app that's now on the internet hosted on Verscell and the backend or the database is synced up in perfect. So it is perfectly synced up. As I do more chats here, this gets saved here. and these tools section, I can save them as my favorites and this will also be stored in the database. Now, I don't have a tools section on agent native. So, I'm going to go ahead and add that. You see the tools section as well. I want you to add that. Um, and so instead of agent at the top, when I click that, it should take it to a tools page on the website. It should be very similar to the iOS app. Uh, the same tools, same categories. And so, we can fire that one off. Okay. Okay. So, I'm going to go ahead and open this up in the browser. And so, we have tools. Now, I'm not the biggest fan of this. Okay. So, this is not bad. And obviously, we haven't added the icons yet, which I will do. I just don't want to have to go through and get the logos, but we got agent native. We have a tools section. Wait, how do I get to the chat? How do I get to the chat? Oh, that was the agent. Okay, sorry. Yeah, please put the agent in the top bar. I didn't realize that was agent uh the agent chat. Please put that back in the top bar next to tools. Okay, so now I can go ahead and open this in the cursor browser here and we can click agent. And now we have it. And there you go. We have now created an iOS app. We added a database and then we created a web app, put it on the internet with Verscell. the database was convex and then we merged the databases together and we did this just by asking AI. We said, "Hey, can you please set it up through the same convex database? I want you to basically make them a web app version and an iOS app version." And it works perfectly. All you had to do is prompt AI. Now, the last part of this section, which is building, before we get to a ton of other advanced features, we're going to do like a lightning round through the rest of the features in cursor. I do want to talk about GitHub. So what I want to talk about now is actually saving our work inside cursor. And so for this we are going to be using GitHub. And GitHub is an app. You can almost think of it like Google Drive for developers. And when you sign up, what you could do is you can create a GitHub repository. And when you hit new, you can basically create a new GitHub repository. And so I could name this Riley ios agent native, right? I could create a project and we can make it a description. We can make a description um agent native iOS app. And we're basically creating a folder on Google Drive but for code. And I need to choose um my profile and we can create this repository. And so this creates this empty folder that I can copy. And now all I need to do is go to cursor and we can go back to our iOS app here. And in the iOS app, I'm going to say, hey, I created this new repo for the iOS app. Can you please push the code here? And I can just paste this link right here and we can run it. And if you have not yet signed into GitHub, what it will do is it will actually prompt you to sign in with GitHub when you do this. Um, and if you it doesn't just say like, "Hey, help me connect cursor to GitHub." And Cursor will tell you exactly how to do it. And it'll take like 20 seconds. And so now it's checking out this project. And you can actually make these GitHub repositories either public or private. And I'm just going to say keep this repo private by the way. And look at that. It says that it is done right here. And now what I want to do is I want to come over to GitHub. Now I'm going to press commandR to refresh the browser page. And there you go. Now you see all these files here. And the GitHub repo is now updated. Okay. So I showed you how to do it manually where you can go to GitHub, create a new repository and paste the link or you can just ask cursor, hey I need you to create a new GitHub repository for the web app for agent native and call it agent native web app and for this one make it private. I want you to create the repository and then when you're done um send me a link to that repository and repository just means like it's almost like a Google Drive folder but for developers. And now this will allow the code to basically be saved and you'll be able to revert your changes much easier to a previous version if you do this and you should actually update it a lot more often. Okay, so it's done and if I right click on this open actually we can open this in external browser. Here we have a new repo that is for the agent native web app. Now, this is now saved to the cloud basically with your project. And if you were to work with other people, getting to understand GitHub is incredibly important. And so, this is also really important for the Cursor iOS app, which we'll move to in the next section. Because in order to use the Cursor iOS app, which in my opinion is one of the coolest ways to code or vibe code from your phone, you actually need to create a GitHub repository. like you have to use GitHub. But before we get into the iOS app, let's just review what we talked about, right? We created three apps in this project. We built a mobile app and we created a web app. And the web app was hosted on Versel. And the mobile app, we did not send it to the app store. That's out of the scope of this video. That does take a little bit longer. And I'll make a cursor for iOS app video later. Um, but you can probably figure it out with cursor if you ask, "How do I get it on the App Store? But what we did do is we added a database to the mobile app and then we connected the databases together. We basically added the database to the landing page and we connected that together. And for this we created two or we used two plugins the convex plugin and the Verscell plugin. And in part one when we first created the web app we also talked about design mode about how you can create granular edits to the app which is a really fun way to edit web apps within cursor. And then we also talked about the canvas which is just a useful fun feature for ephemeral or shortlasting apps that you want to send to your team or something like that. Now I want to move on to part three which is cursor advanced features. Okay. So right now we are going to use cursors iOS app. You can download this and sign into your same account. Um and you can find this just search up the cursor iOS app and you can download it to your phone. And [snorts] so notice here at the top it says all repos. And so if we click on all repos, we can create an agent. And here we can select which repository we want to edit. And so remember what we named the web app repo. We named it agent native web app right here. So we can click on this. And what I want to do here is I'm just going to speak into it. Hey, I want you to please explore a different design for this app. I don't want you to um push anything to Maine yet. I want you to explore a new web app style and please send me screenshots of this and um if I like it, then we'll approve it. I just want to see some exploration here and um come up with a new visual concept for this. and I can stop recording it. And there you go. We have our prompt. I am going to change the model. And for this, we're going to use 5.6 soul. And I can fire this off. Now, we set up the project on GitHub. And we're basically, it's a bunch of code in a bunch of files that's stored in the cloud. Right now, it is setting up a computer in the cloud. and it's going to rewrite the code for this app based on our prompt and then it's going to actually run the app in the cloud and then it's going to test the app and it's going to send us screenshots and so that's the direction cursor is going. They are setting up these cloud computers where you can send off prompts and the AI will actually edit the app and then run the app and test everything for you. It can even send you screen recordings like videos of it using the app and you can provide feedback and then you can say okay I like the changes please um create a PR. This takes a little bit and so you can watch it as code as if you were using cursor or you can just put your phone away right you can put your phone away and you can wait for it to be done and then once it's done coding you'll get a notification and you can open it up and you'll be able to see all the changes it made. So, let's wait a few minutes for it to complete. And you can see here in the dynamic island at the top, we see this little check mark. So, I'm going to click on this. Look at this. It fully explored a completely new style intelligence in motion and it literally sent us screenshots. So, this is running in the cloud and it took screenshots and now it's sending them to me. And this is basically how I can code from my phone. And when I think it's ready, I can just click marked as ready. And so now we just sent the AI in cursor to like create a new branch. Basically, that's what happened. And what you can see here is you can see that we actually have two branches and we also have one pull request. And so if I click on the two branches, I can see that cursor updated it three minutes ago. This is the new branch that it created and there is a new pull request. And this pull request, it even added a summary of the pull request. And so if I were to merge this pull request, this would basically commit the changes into main. And then the web app would no longer look like this. It would look like this. This right here is what it would look like. But I think this looks ugly. So I'm actually not going to commit these changes. But this gives you an idea of how you can use the iOS app to fire off your different ideas. It'll create a new branch. So you don't have to worry about it updating anything. And you can just tell it to send you screen recordings or screenshots. And that's how you basically build from your phone using the Cursor iOS app. Okay. So that is the iOS app. Now let's go ahead and talk about side chat. So if we go back to cursor, what you can do here is if we're talking to cursor right here, if the agent is working, right, this is just a dummy prompt. If I go slashside and press enter, this will allow me to talk to a side agent. This agent can't edit apps like this agent can, but it allows me to ask questions. Hey, what's one thing that I should add to the app? And we basically have this side conversation while our main agent is running. And uh this is a very similar feature to some like cloud code and codeex. Speaking of cloud code and codecs, I know a lot of developers, especially the ones that I work with at my startup, we actually uh use cloud code in cursor all the time. And if you want to get access to cloud code inside cursor, you can very easily open up a terminal and you can open it up like a new tab just like a website or just like a browser or the canvas and we can just type in claude and now we have access to claude code with fable 5 running directly in the browser and that is just a fun thing to do. You can get access to the terminal. This is a really advanced feature. understanding how to use a terminal besides cloud code is a really difficult but the cool thing about terminals is AI is really good at using terminals and you can anything you might want to do in a terminal you can just ask AI to do it and then finally the last thing that I want to talk about because I have been using Fable 5 and GPT 5.6 soul a lot. I do want to talk about costsaving. So the first thing that you should do uh if you want to save money is you should either use auto mode you want to or you should use Gro 4.5. It'll basically take your prompt and decide what the best model is. And it will basically balance between quality and speed. And this is recommended for most tasks. For most tasks, you know, you don't need the most intelligent model. It can just get the job done. If you only use Fable, you're going to spend so much money on this. And I do recommend using Grock because Grock is an incredibly affordable model for how good it is. And I expect the cursor is going to do a lot of subsidizing with the Grock models. And I think Grock is going to get 10 times more intelligent. And I expect the prices to be very competitive with the other Frontier models. So I would avoid using Fable 5 and GPT models, right? And I would use the Grock models in auto if you want to keep the costs down within cursor. And they're also much faster. Auto mode and using Grock 4.5 is significantly faster. And that's just kind of my final recommendation. Anyway guys, that kind of completes the cursor complete guide. I hope I got your brain going a little bit thinking about the different things that you can build, the different models that you can use. We talked about cursor, how to download it on cursor.com. The other tools that we discussed that you can use with cursor and almost guaranteed that you need to use is GitHub. We talked about database providers and hosting like Convex and Versell. We built three different apps. We built a landing page. We connected the databases. We I showed you the iOS app. You can literally spin up cloud agents from your phone and it will build the app in the cloud and it'll even take screen recordings and screenshots and send it back to you. And then it will create a PR which you can review on GitHub and you can decide whether you want to merge it into your main project or not. And this is kind of an overview for those of you who aren't technical who want to actually learn to build apps. There's no better tool to do it than cursor in my opinion. I hope you got a lot from this video. If you're still here watching right now, please like and subscribe. It helps me out a ton. Leave a comment below. I want to know what I missed. What should I cover in the next cursor video? Thank you guys so much for watching. I'll see you here in the next one.