Master Cursor AI In 13 Minutes (You'll Be Unstoppable)
By Zinho Automates
Summary
Topics Covered
- Plan First Like Professionals
- Agent Builds Multi-File Apps
- Custom Rules Enforce Your Style
- @ Commands Unlock Superpowers
Full Transcript
In the last couple of months, I've tried so many AI coding tools, but cursor is on a completely different level. And
here's the thing, most people are using Cursor completely wrong. They treat it kind of like a chatbot when it's actually way more powerful than that.
Cursor can build entire applications with multiple files in just a few seconds. It explains code so you
seconds. It explains code so you actually understand what's happening. It
fixes bugs just by looking at screenshots. And it can search the web
screenshots. And it can search the web and pull in documentation to add features that you've never built before.
It's kind of like having a senior developer sitting right next to you and building everything with you and teaching you at the same time. So guys,
in today's video, I'm going to be showing you seven features that will unlock 85% of Cursor's power. And we are going to be building a real project management app together. And by the end
of this video, you'll know exactly how to use Cursor the right way, even if you've never written a line of code before. And if you want our complete
before. And if you want our complete cursor prompt library guys and also the exact project management template that we are going to be building today then guys what you need to do is join the
free school community down in the description below guys check it out guys we already have such a lot of people that have joined recently and I can guarantee you you are going to love it but I know guys let's get over to the PC
so that we can get started. Okay guys,
so now that we are on the PC, the first thing that you going to need to do is download cursor from cursor.com. Okay,
so you're going to install it and then just remember guys, it is free to start.
And once you do that guys, you're going to create a new folder on your desktop and it's going to be called project management app. Okay, then you're going
management app. Okay, then you're going to open cursor. You're going to go to file and then to open folder and you're going to select that folder. And this is going to be your project home. Okay,
cursor needs to know where everything lives in order to give you the best results. Okay, guys. So, now that we
results. Okay, guys. So, now that we have the setup done, I need to mention that before we start building, we need a blueprint. Super super important, guys.
blueprint. Super super important, guys.
And this is honestly, it's where most people just keep going wrong. Okay, so
the plan feature creates a stepbystep road map for your entire project. So,
this is what separates the beginners from the professionals. So professional
developers don't just start coding. What
they do is they plan first and then they code. Okay. So you're going to open your
code. Okay. So you're going to open your cursor agent and then you're going to toggle it to plan mode on the bottom left of the prompt box. Okay. So now we are going to tell cursor what we want to build. And here is the prompt. I'm just
build. And here is the prompt. I'm just
going to put that in. And this is the one that you can get from the free school community. Link is down below.
school community. Link is down below.
And now guys I'm going to hit enter. And
then I want you to watch what happens.
So now cursor is actually analyzing the request and it's thinking about the best way to structure the entire project. So
guys, I want you to take a look at this.
It's now creating a structured plan with different phases. It's listing out all
different phases. It's listing out all of the files that it's going to create for us and it's even suggesting the text stack. Okay, so now let's read through
stack. Okay, so now let's read through this entire plan together. So phase one, it's the project setup and the project structure. So this is the foundation and
structure. So this is the foundation and then phase two is the board and the column layout. We are creating three
column layout. We are creating three columns. Okay, it's to-do in progress
columns. Okay, it's to-do in progress and done. And then phase three is the
and done. And then phase three is the task card components and also more phases like editing. So you see how it broke it down, how it broke down our big
idea into so many manageable steps. This
is exactly how professional developers actually think about things like these.
So they don't just look at the whole project and then begin to panic. What
they do is they break it down into small pieces to make everything easier on them. So now here is where most people
them. So now here is where most people make the mistake. So they look at this plan and they try to build everything at once. Then what happens? They get
once. Then what happens? They get
overwhelmed and then they give up. So we
are not doing that. We are going to be following this plan step by step, one phase at a time. And you are actually going to see how easy this actually is.
So we are on to our second feature and that is the agent. Okay, which is kind of like having a team of developers that's working for you at the same time.
So it can create and edit multiple files simultaneously. So following our plan,
simultaneously. So following our plan, let's start with the foundation. So
we're building phase one and phase two together. So here's my prompt, which you
together. So here's my prompt, which you can copy from the free school community link down below. And now let me explain why this prompt works so well. So I'm
being specific about the text stack by using React and Tailwind. Okay? So I'm
telling it exactly what structure I want. So three columns with specific
want. So three columns with specific names. I'm listing out the components
names. I'm listing out the components that I need. You see because being specific is everything when you are prompting cursor. So hit generate and
prompting cursor. So hit generate and then look at what's happening right now.
Look at these files being created automatically. This would take me an
automatically. This would take me an hour to set up manually. But before we accept anything we have to review. Okay.
So review what cursor is giving you.
Never just blindly accept the code.
Always take always just take a second just to quickly look over everything.
Okay. So guys let me just click through each file to make sure that everything is right. Okay. So app.js js this is our
is right. Okay. So app.js js this is our main application board.js the container for our columns column.js is the individual columns so to do in progress
and done task card.js is individual task cards inside columns and then task form.js is the form for creating new tasks. So this is a professionalgrade
tasks. So this is a professionalgrade setup. So let's accept all of the
setup. So let's accept all of the changes. And there we go guys. So all
changes. And there we go guys. So all
the files are populated in our project right now. And as you can see guys, we
right now. And as you can see guys, we now have a working React app with three columns in just 2 minutes. This is the power of cursor agent. So now guys, let's talk about the ask feature. So ask
is when you want to understand something that's going on. So you can simply just highlight any section and you can ask cursor what is this code doing? So look
at the explanation panel. Okay. So it's
actually telling me exactly what the code does without touching the code. So
let me show you another way to use this.
Okay. So highlight any component and then simply just ask is this following the app to best practices? What could be improved? And now that I asked that
improved? And now that I asked that guys, you can see it's giving me suggestions. It's adding prop validation
suggestions. It's adding prop validation and it's extracting logic into custom hooks, improving our accessibility. So
this is how you actually learn while you are building so that you can just get better at using cursor for yourself.
You're not just generating code, you are now understanding why and how all of it works. So you now know how to learn and
works. So you now know how to learn and understand code not to just generate it and that is absolutely huge. So now guys we are getting on to the next feature and that is custom rules and commands.
Okay this is a hidden feature that most people don't even know exists. So custom
rules lets you tell cursor how you want to behave across all of your projects or just in specific projects. So it's kind of like setting ground rules for your AI
developer. So let me show you quickly.
developer. So let me show you quickly.
So go over to your settings and then to rules and commands and then there you'll see two options. Okay, that is the user rules and the project rules. So user
rules applies to every project that you work on. Project rules only apply to the
work on. Project rules only apply to the current project that you are in. So let
me give you an example. Okay, click on add rule for project and I'm going to name these genderable rules. Okay, so
now in this box I can type any rule that I want cursor to follow. So, let me type this. Always add comments to explain
this. Always add comments to explain complex functions. Use descriptive
complex functions. Use descriptive variable names. Follow React's best
variable names. Follow React's best practices. So, there we go guys. Now,
practices. So, there we go guys. Now,
see what I just did. So, now every time cursor generates code in this project, it will automatically follow these specific rules that we just laid out.
So, I don't have to repeat myself every single prompt. And let me add another
single prompt. And let me add another rule in. Okay. So, never use inline
rule in. Okay. So, never use inline styles. always use Tailwind CSS classes.
styles. always use Tailwind CSS classes.
So now cursor knows to always use Tailwind instead of inline styles. This
keeps our code consistent at all times.
Okay. So now let me show you user rules.
So these are global rules that apply to every single project that you work on.
So you're going to click on user rules and let me add one. Okay. Always use
functional components in React not class components. Okay. So now in every act
components. Okay. So now in every act that I build, cursor will default to functional components and I never ever have to specify that again. This is
incredibly powerful because it means that cursor learns your coding style and it adapts to how you want to work. Oh
yes and guys and don't let me forget to mention this. This is the best part. So
mention this. This is the best part. So
you can create custom commands too. So
commands are kind of like shortcuts for common tasks that you do. So let me create this one. Click on add command and then I'll name it optimize code.
Okay. So now I can define what this command does and I can review the selected code and I can optimize it for performance and readability. Okay. So
now whenever I highlight code and I run this command then cursor knows exactly what to do. So you can create commands for anything. Error handling, unit unit
for anything. Error handling, unit unit tests, converting to TypeScripts, whatever you do repeatedly. What you
should just do is make it a command. And
it's going to save you so much time. And
that's also going to stop you from repeating the same instructions over and over. Once you set it, cursor will
over. Once you set it, cursor will remember. And now guys, our PL
remember. And now guys, our PL management app now follows consistent coding standards automatically. And
that's going to take us perfectly into the next feature, guys, which is inline editing. And that is the fastest way to
editing. And that is the fastest way to make targeted changes. So it's way faster than explaining everything in chat. So you're going to go to
chat. So you're going to go to taskcard.js and you're going to highlight the entire task card component. And then you're going to
component. And then you're going to press K. And you're going to type in
press K. And you're going to type in make this card look modern with a shadow, rounded corners, and add a colored left border based on priority, red for high, yellow for medium, and
green for low. Okay. And then guys, you can hit enter. And now your browser will display any changes that you make directly in the code. So, here's the magic moment. Okay, you can be vague if
magic moment. Okay, you can be vague if you want to. You can highlight the entire board and just type in make this look more professional. It understands
context and it improves it. Better
spacing, better layout, better colors.
Our project management app now looks professional, guys, and it looks like it's ready to launch in just under about 10 minutes. That's pretty cool. And now,
10 minutes. That's pretty cool. And now,
guys, getting on to the next feature.
This is where you feel like a 10x developer. So as you type, cursor
developer. So as you type, cursor predicts entire blocks of code. It
understands your project context and it suggests code that actually makes sense.
So what you're going to do is you're going to open a code file and you're going to type c.
Okay. And now I want you to watch this before you even finish. Cursor is
suggesting the rest for you. It's
predicting what you might want to edit.
So what you're going to do is you're going to press tab to accept and your changes will be made. Now guys, here is a pro tip for you. If the suggestion is wrong, just keep trying. Don't don't
accept it. Cursor learns from the choices that you make. The more you use it, the smarter it gets for your specific coding style. Okay guys, and now we are getting on to the last feature to master cursor and that is at
commands. So at commands gives cursor
commands. So at commands gives cursor superpowers. So it can reference files,
superpowers. So it can reference files, pull in documentation, and search the web. Okay, so you're going to open the
web. Okay, so you're going to open the chat. You're going to type in the at
chat. You're going to type in the at symbol. And guys, just take a look at
symbol. And guys, just take a look at these options, guys. Now that is insane.
And this is just one of the cool things that you can do on cursor. And now guys, you completely understand. So I'm
wondering what are you going to create on cursor? And there we have it guys.
on cursor? And there we have it guys.
Take a look at our finished project management app. It's a board layout with
management app. It's a board layout with three columns. To-do, in progress, and
three columns. To-do, in progress, and done. We can create tasks, edit them,
done. We can create tasks, edit them, and a clean modern UI. This looks like a real product. So here's the workflow
real product. So here's the workflow that we used. the plan, compose, chat, ask, inline edit, and then use tab completion and at commands. And guys,
here's the real power. This process
works for any idea. E-commerce store,
same process. Social media apps, same process. Fitness stacker, the same
process. Fitness stacker, the same process. The only limit, to be honest
process. The only limit, to be honest with you guys, is your imagination. You
didn't just copy code. You learned to think like a developer. that business
idea that you've been sitting on, you can actually build that now. And guys,
we are living in a time where anyone can build software. The barrier isn't coding
build software. The barrier isn't coding anymore. It's having the courage to
anymore. It's having the courage to start. So guys, you just proved that you
start. So guys, you just proved that you can do this. So the next thing I want you to do is check out the first link in the description below, guys, and go and join the free school community. Guys, in
the community, we share all of our templates. We share everything. And
templates. We share everything. And
also, you're going to be joining a community filled with a lot of other people that are on the same path that you are. And guys, I guarantee you, you
you are. And guys, I guarantee you, you are going to love it. There's over 8,000 builders currently in the community, and I want you to be one of them. Guys, like
I said, the link is in the description below. It is completely free. And also,
below. It is completely free. And also,
guys, what feature would you add to this app? Drop a comment down below to let me
app? Drop a comment down below to let me know. Hit subscribe. Give this video a
know. Hit subscribe. Give this video a like. Send it out to your friends.
like. Send it out to your friends.
Loading video analysis...