This content provides a comprehensive guide on effectively utilizing Claude Code, an AI coding agent, in conjunction with the Anti-Gravity IDE to accelerate software development and build high-quality applications. It emphasizes practical application and demystifies advanced features for users of all skill levels.
Mind Map
点击展开
点击探索完整互动思维导图
Claude Code is the most powerful coding
agent on the planet if you know how to
use [music] it correctly. I use Claude
every single day in my business. I have
thousands of people learn it, but most
people don't leverage its full
capabilities because they massively
overcomplicate things. [music] And in
this video, I'm going to show you
exactly how to master the 95% of Claude
Code that actually matters and how to
use anti-gravity to make building with
Claude Code even easier so you can build
faster to a better quality even if
you've never touched Claude Code before.
And if you don't know who I am, my name
is Jack Roberts. [music] I built and
sold my last tech startup with a 60,000
customers and now I run a profitable AI
automation business using [music] Claude
Code. So, if you haven't already,
grab that coffee and let's dive straight
in. In this video, here's exactly what
you're going to learn. You're going to
learn pricing to help you save you some
money, how to set it up, how to launch,
optimize, and also store your projects.
I'm going to show you hacks for
performance that most people don't
mention. And we're going to cover
prompting, bug fixing skills, and also
MCPs, which stands for model context
protocol. It'll be super easy for you
after this video. And we're going to
cover parallel agents, also to publish
your first site across two levels of
difficulty using Google's number one
coding agent, anti-gravity. And you'll
also get access to these guides for
short codes, starter pack, nine Claude
Code workflows, an executive prompt
dashboard, Claude AI skills, and also
connecting Claude as well. All the links
will be available for you down below in
the description. So, let's start with
how to set Claude Code up. I've also put
timestamps down below and so feel free
to skip around if you never seen them.
Now, there's two ways to use Claude
Code. You can use it for free with an
anti-gravity with limitations or we can
join one of the plans. So, to use Claude
Code on your terminal, you're going to
want to grab the pro plan, which is
around 20-ish dollars per month. Then
what I recommend that you do next is go
over to google.com and actually download
the Claude Code app, which you can
download from this page. I'll put a link
down below and let you use it. Now, the
second piece of software that we're
going to be using here is Google's
anti-gravity. And this is the great
opportunity to explain the difference.
So, Google's anti-gravity is an IDE. It
looks a little bit something like this.
And all it is, it's an environment, an
integrated development environment. That
basically means that we can chat with
Claude Code on the right-hand side or in
the terminal. We can see all of our
files on the left-hand side and we can
publish things. It's just a way better
user interface and it's got some real
cool hacks and features that make it
easier to use Claude Code. And it also
makes installation of Claude Code
really, really easy. So, the first thing
I'd like you to do is go ahead and
download Google's anti-gravity. And just
so you know the power of this, by the
way, if you take for example this app
here, which is connected to my
community, I have coded this within one
day, all with Claude Code. I basically
just said the things I wanted, it would
build it. We've got the stats down here
on the left. We've got pretty much
anything we want in this application.
And I built this within 24 hours. That's
how powerful Claude Code actually is in
terms of what it does. It's super duper
impressive. So, what you're going to do
is come over and download anti-gravity
after you've got your Claude
subscription. But even if you don't,
with the Google account, you can
actually use Claude for free. So, there
are three ways that we can access Claude
within anti-gravity and I'll also show
you the terminal. So, what we can do on
the left-hand side is you can click
here. Now we have access to these
models. You have Gemini 3.1, which is
Google's premier model, and we have
Claude Opus. Now, when we say Claude
Code, really what we're talking about is
the ability for Claude to develop and
create code and do various different
things for us. So, a little bit of
housekeeping and then we can actually
show you how you install it. So, the way
this works, now I know this can look a
little bit overwhelming, but I promise
if you stick with this, it's going to
make perfect sense. So, the left-hand
side, anti-gravity works in a folder
environment. So, what we're going to do
is open a folder here like so and give
it a random name. So, I'm coming down
here to new folder and we'll call this
one Claude Code Together. All right, and
create this new project and click on
open. Now, effectively, we're creating
files within this particular project.
Now, we need to actually go ahead and
install Claude Code on our laptop. So,
we can do that by coming here and say,
"Hey, install Claude Code."
And what this will then go ahead and do
it for us. Now, alternatively, we can
use something called the terminal, which
is this. You can access this by command
plus space and typing in terminal. And
then when you do that, this will open.
Now, this really is code, so there's not
an AI in this. And effectively, what you
can do here is come down and type in,
once you've installed it, Claude. And
then you can actually chat with Claude
in this environment. And you can pick
the folders and it gives you some
different access and functionality. But
it is way easier to use an IDE if you're
getting started. So, if it isn't
installed, anti-gravity will just go
ahead and install all the components
that you need. Now, there are three ways
you can use Claude Code within
anti-gravity. One is here on the
right-hand side. The second one is you
come over here to your extensions on the
left-hand side. Think of these like the
Chrome Store within Google Chrome. And
what we can do is install this one here,
which is great. And we install that. And
once that's installed, what that
basically means is that whenever you
have something open, you can click this
and it's a bit of a nicer user
interface. So, I could say, "Hey there,
what model is this?" Right? And you're
effectively chatting with Claude in the
side here, which is great. And you can
have a little conversation with us and
you can tell us, "Hey, this is going to
be Claude," which is great. The third
place we can use Claude Code within it
is if you come here to the terminal, you
click on new terminal, and then
basically that thing that we just saw is
available here. And all you can do here
is you do forward slash Claude. You say
his name and he appears magically. So,
one cool thing I just want you to
understand right now is that if you use
you are using Claude with an
anti-gravity here and you can actually
use it for free to get started, but
you'll have less limits.
There are some functionalities that are
not available within here. For example,
if you wanted to use Claude Code on your
phone, down here I can do forward slash
remote control.
And now I can actually log in with my
mobile, right? But for example, over
here, you're not able to do that within
the interface. So, there are some
features if you want to use that, we'll
use the terminal. To make it easy, we
can right click on this, come over to
come down to panel position or line
panel and put this on the right-hand
side. I'm ready to rock and roll with
this. And what we could do if we want to
have several Claude's running at the
same time, we just literally click on
this plus button and all of a sudden
this is a new terminal and we just say
Claude and we can have as many as we
want to. So, just to recap at this
stage, we've downloaded anti-gravity,
we've accessed Claude, we know how to
use it in many different ways. And now
you've got that downloaded, now you're
ready to pretty much, if you want to,
start building your first project. Now,
before you can build your very first
app, there's five things that you need
to master about Claude Code and
anti-gravity. And the great news is that
anti-gravity makes this super easy. The
first one is that when we chat with
anti-gravity and Claude Code, and just
for reference, anti-gravity is the jet,
the kind of fighter jet, and Claude Code
is the pilot. For example, we can switch
that pilot out from Claude to Gemini or
a different model if we want to. And as
I said, remember there are two ways you
can use Claude. One is within the
anti-gravity ecosystem. Alternatively,
you can come up here to terminal and
click on new terminal.
And if I just type in Claude, he will
appear. Now, for simplicity's sake,
we're going to focus in on using Claude
Code within the anti-gravity terminal
because that is a lot easier to learn as
a beginning and some of the stuff in the
terminal is a little bit academic. The
only difference is that in the terminal,
it uses less power, so it's less
overhead on your computer and it also
gives you access to some different
features, like I said, like things like
remote control. So, what I'm going to do
as I explain these features is I'm going
to briefly explain how it would work in
the terminal for you, but we're going to
focus in on anti-gravity so you get the
full breadth of understanding. So, first
thing to understand is the mode. So,
whenever you start off any project, what
I found really helpful is you want to
begin either in fast or planning mode,
which is really cool. And also, if you
click Claude Opus here,
you can see you've got a thinking. So,
switch between those two things. And
then if I'm in the terminal, if I do
shift and tab, I can actually switch
between plan mode and normal mode. So, I
would go for plan mode at the beginning
of a project when I want to spar on the
idea. Remember, these are 500 IQ models.
I don't mean technically 500, but the
idea is that it's really good at
executing. We just want to make sure
that it's executing on the right thing.
Now, the next thing that we want to do
is have understand the difference
between global and local rules. So,
think that we're building a project,
maybe we're building a website together,
which we're going to do in a second,
right? There are such such things as
global rules. Now, this is stuff that no
matter what project you run, whether
it's a website or we're building an app
for the government or whatever it is,
these rules apply everywhere. And then
we have local rules, which are just
confined to the project. So, if we're
just building a website, they'll just be
here. So, the way that you set those is
you come up here to these dots and you
come down to customization, okay? And
then you're going to come over here,
you've got rules and you've got
workflows, all right? We're going to
look at rules. And what we're going to
do down here is we're going to add in a
click on this one here or add a brand
new one if you want to. And I've got
some I've got some information here,
okay? So, Jack likes the color blue and
gold, never forget. But more
importantly, I might say, "Hey, whenever
I ask you a question, I want you to
think around corners. I want you to
challenge my thinking. Always think
about the intent behind the question.
Don't be a sicko fan. Always focus on
building gorgeous and beautiful
responsive stuff." So, these exist
within the global ecosystem. So,
whatever project I'm using now to build
with Claude Code, it will know that,
right? So, I come off this for example
and we say, "Yes, we're happy to save
that." And I come back to the agent and
I say, "Hey there, dude, what is my
favorite number and my favorite colors?"
Okay? It should know that information.
So, give that a second. It should say
blue and gold and 87 if it knows that.
Awesome. So, now whatever project I'm
in, it has that in its global memory.
Now, likewise, on the left-hand side,
it's local memory. So, I might say
something like, "For whenever you're
building something in this project,
always make sure that the design is
gorgeous and blah blah blah." So, these
are going to be design specific things
that we're going to include as we go
through the video. And this brings us to
a very important part of coding with
Claude Code and that's what we call
context rot. So, the idea is that these
models have a great context window, a
couple of hundred thousand. It can be a
million if you're using different
features. But, the point is that after
it reaches about 50% of that number, it
starts to hallucinate and the
performance gets worse. So, if you're
using that with an anti-gravity, all
you're going to do is click on brand for
a brand new window and restart the
conversation. The general advice is one
window for one task, then refresh it. If
you want to, you can give it a prompt
that says, "Hey there, I'm going to move
this over to a new window with a fresh
context. Write me a summary document
that explains what we've been doing so I
can take it to the next conversation."
That's what you need to do if you're
with an anti-gravity. If you're using
the terminal with an anti-gravity or
just on your computer, what you can what
Claude will actually do is automatically
refactor its memory once it gets to a
certain point and so you can keep it
within the terminal, but it's always
good practice to open up a brand new
window. Now, this leads us very nicely
onto something called commands. So, if
you're building with the terminal, you
can be really specific. So, what you can
do with the terminal is you can do
forward slash and give it a command. So,
I could say, "Hey, remote control." and
it does it. But, honestly, what's really
cool about anti-gravity if you're not
using a specific feature is you can kind
of just explain it in natural language.
So, for example,
one of the things that you should always
do for every project here is something
called Git initialize. GitHub is a place
where we store documents. It's a We call
it a repo. In other words, a repository.
So, if you think that we're building a
project here, we want those files to
live online somewhere in a very secure
environment so that we can host it and
effectively, we can have websites online
and apps and things like that. So,
that's where the where the files
actually live online. So, what's really
good practice for everything that you
build is to create a repo. So, you can
literally say to anti-gravity here,
like, "Hey, Git init." or in plain
English, "Hey, create a GitHub
repository, please, for this project."
Now, the coolest thing about this is
that if you don't have the right
credentials or connections, anti-gravity
will explain that to you, open up open
up tabs, and help you sign in so you can
literally connect everything. Maybe it's
your first time, but I just say, "Great,
we need to connect it via what we call
the CLI, which is command line
interface." and it will let you connect
that for us automatically. And you can
see, I'm already connected here to It's
Jack, so it'll do that for us straight
away. I'm just to show that as an
example, I said, "Hey, disconnect me so
I can show you how it works." So, it's
got this bash command, Git auth login.
Again, you could enter that into the
terminal or here. So, I'll just say,
"Hey, dude, sounds good. Open up the
GitHub CLI and let me let me sign in."
And this is literally how it works with
all this stuff. And what it means is you
can now chat and use Claude Code with
plain English to pretty much download
anything that you want to, which is
great. So, as you can see now,
anti-gravity is running that command on
the right-hand side. And as you can see,
it says, "Hey, here's your one-time
code." So, we're going to copy this,
make sure it's correct, come back over,
and as you can see, it's now asking us
to connect. So, if you don't have a
GitHub account, just connect that. And
once you click continue and you connect
these two together, you can effectively
do anything. So, we're going to enter in
the code that we got, click continue,
and then now we are fully connected and
we can authorize GitHub. It's worth
calling out, by the way, as well, but
again, you can do this in the terminal,
but anti-gravity can work you through
everything. And on the first document,
I've got these Claude shortcuts that
explain everything that you can do
within Claude Code. So, as you can see,
you've got all these different commands
that you can use within Claude Code. Or,
if you want to know what these are, you
can just speak to anti-gravity in
natural language. Wonderful. So, now
we've learned some of the basics of how
Claude Code with an anti-gravity
functions, what I'm going to use these
to build a beautiful website all within
anti-gravity using Claude Code. Now, to
do this, I always begin all of my
projects with this framework, which is
called the BLAST system master prompt.
Effectively, what it does is a series of
steps that we want the entire model to
go through whenever it's building
anything. Now, the way this begins is it
creates all the different folders for
us, task plan, findings, and Claude.md.
It's then going to go through five
different stages for our build. It's
going to create the blueprint where it
understands everything that we want.
It's then going to look at the links and
how we can interconnect with different
things. It's going to architect the
build to build a minimal viable product
that we can actually use and integrate
with. Then we go on to the S part of the
BLAST framework, which is stylize and
refine the UI. And then we've got the
trigger. And then we've got loads of key
operating principles for that specific
document. So, again, this will be
available for you down below in the
comments. So, feel free to grab this.
What we're going to do is come down here
and I'll copy the whole thing, come over
to anti-gravity, and literally just
paste that into the description, and
then it will initialize, create the
projects for us, and then we can do
something really cool. So, what I
thought would be great to do in this one
is to actually build a website as the
first level of difficulty, then we can
take it to a complete new level
afterwards. So, for example, if I come
over to this website right here,
which is building the world's perfect
website. So, again, I'll put a link for
this for you down below. But, this is a
great, really easy way to get basically
code for your website. So, it'll build
your perfect website. What is the
website for? So, I'll say something
like, "Hey there, this is for a design
agency that is selling websites to help businesses
