How to Use AntiGravity Better than 99% of People

Google's anti-gravity is a game-changing AI coding tool if you use it the right way. People are using it like a chatbot,

way. People are using it like a chatbot, but I found a system that builds [music] way better apps 10 times as quickly. And

in this video, I'm going to show you the hidden features of anti-gravity so you can build faster. I'm going to show you how to build AI [music] apps so you can build anything and make them better quality than your competitors, even if

[music] you've never coded before. And

if you don't know who I am, I'm Jack Roberts. I built and sold my last tech

Roberts. I built and sold my last tech startup with over 60,000 customers and now I run a 7 figureure [music] AI automation business. So if you haven't

automation business. So if you haven't already, grab that coffee and let's dive straight in. Anti-gravity is huge. It's

straight in. Anti-gravity is huge. It's

Google's new coding app. If you think about it like this, Microsoft Word is for documents. Microsoft Excel is for

for documents. Microsoft Excel is for spreadsheets. Anti-gravity is for

spreadsheets. Anti-gravity is for building software. Now in anti-gravity,

building software. Now in anti-gravity, you also get access to Gemini 3, which is the most powerful AI design tool on the planet. You get access to claude 4.5

the planet. You get access to claude 4.5 sonnet which is an incredible powerhouse. You get codes for this and

powerhouse. You get codes for this and you also get chat GPT models in there as well. You're also going to get access to

well. You're also going to get access to native systems for your AI agents that are going to give you an incredible advantage and much more that people don't know as Mr. Beams Mr. Burns excuse

me is scheming there in the background.

Now to get ahead of 99% of people the best way to do that is to show you all of this knowledge by building an app.

So, we'll build an app together so you can learn all these principles. And by

the end of the video, you'll have it fully functioning. And to do that, we're

fully functioning. And to do that, we're going to use a four-step framework called Flow. Before we can start frame,

called Flow. Before we can start frame, we have to go and download anti-gravity, which you can do anti-gravity. Google

and just simply download it for Mac OS.

And when you open anti-gravity, it will look a little bit something like this.

And let me explain how this works. This

thing on the right hand side is where we chat to agents. The middle bit is where we see code. And on the left hand side, you're going to see all of your files. I

want you to think of this as you're working in projects. So, let's open one together. You're going to come down and

together. You're going to come down and click on open folder. You are then going to create a brand new one. We're going

to call this one something like we'll call it Teddy. That's cool. Okay. So,

you create a folder and this is the workspace for your cool coding app, right? Then click on simply open. And

right? Then click on simply open. And

now we have our Teddy thing here. Okay.

Which is great. So Teddy's going to be here. The files appear on the left and

here. The files appear on the left and we can chat to it on the right hand side. So within our flow framework, the

side. So within our flow framework, the first F stands for frame. So frame is basically we want to be specific about the problem we're solving. Albert

Einstein famously said, "If you give me an hour to solve a problem, I'm going to spend 55 minutes on the problem." So,

we're going to build today an app. Hey

there, Claude. I'm going to give you an overview of an app I want to build. I

want you to challenge my thinking and help me refine the problem. I want to build a bills dashboard for my home.

It's going to track all my expenses.

Then, off the back of that, it's going to able to give me a beautiful, gorgeous dashboard and UI, and it'll help me in my decision-m as as a principal. So, the

idea here, guys, is that we speak with Claude on the idea of what we want to build. I like Claude because I think

build. I like Claude because I think it's really good at this kind of this kind of back and forth. And then what we're going to do once we've been really specific on this is we're going to take the output from that and then head back over to anti-gravity. Remember, the

better and more specific we can be with our initial prompt, the way better the app is going to get. And I won't miss a step out because it's the difference between a Joe app and a pro app. Now,

look, it's come back and it's asked us some questions. So you basically come

some questions. So you basically come through and you just answer some of the follow questions from Claude. So once

you've answered some of the questions that Claude's asked cuz we've asked it to challenge our thinking to help get to a better problem. We're going to say to the bottom we're going to say I would like you to design for me an SOP a maximum of 500 characters that I could

give to an AI to develop this one page app. Now we send it off to Claude and

app. Now we send it off to Claude and then Claude will give us a prompt and then we head straight back over to anti-gravity. Now once we're back into

anti-gravity. Now once we're back into anti-gravity you can see on the right hand side this is where you can talk to your project. So we have planning and we

your project. So we have planning and we have fast. We're going to go with the

have fast. We're going to go with the planning agent so it can think which is I recommend you do at the beginning. Now

this takes us very nicely onto the second L in our flow framework which is layout. So once you've pasted this in

layout. So once you've pasted this in we're going to get some inspiration for design. You can find many different

design. You can find many different websites from this. I've got a whole bunch here that I I often reference my community. I'm going to come and double

community. I'm going to come and double click into one on dribble where you can enter in information and get like bulls dashboard. So just giving you a very

dashboard. So just giving you a very quick TDR overview. You can give anti-gravity images. I'm going to simply

anti-gravity images. I'm going to simply copy this image and then we're going to head over to anti-gravity and just simply paste that in. Now, we send this one off. And crucially, one of the

one off. And crucially, one of the things that we can do here, guys, on the left hand side under the design section of the layout section is we can actually upload brand guidelines and images that we think are really cool. So, if you find a website links great or maybe

you've got brand guidelines, you can drop it into your files really easily.

So, for example, if I get brand guidelines for my text speech startup, I bring over, I can drop it in. What we

can do now is add these brand guidelines within it. And then we can also add a

within it. And then we can also add a file on the left hand side which will reference uses how it's supposed to do those rules. So what we can do is on the

those rules. So what we can do is on the left hand side click on new file and we can call this something like gemini.md

which is cool which just stands for markdown and then we can actually write a list of instructions about how it's supposed to design everything that we want. We can specify font typography

want. We can specify font typography anything that we like. And in addition to that guys you can also upload images and logos that you want to use by just simply uploading it onto the left hand side of your layout. That could be the

logo of your brand, your clients, or whatever that you would like to do that.

You simply drag and drop it over. As you

can see, I've got it here. I just drag it and bring it over. So, think about the layout section is you can kind of predefine all the layout things on the left hand side, which is very cool. And

you can see it now almost like tabs you get on a browser. You can see all these things here you can cross off. So, what

I want to do actually now guys is create my own brand guidelines in here because sometimes PDFs can be too large. So,

what we can do on the left hand side is again you can add any file you want to.

I'll just call these ones brand guidelines, which is cool. So, we come down here, just type in this, and this is a great way for you to learn how to create new files that you want to. Okay,

we've got brand guidelines. Fantastic.

We click on it, and you can just enter in all of the guideline information that you would like. Beautiful. And then

we've got a logo, we've got different things. Now, I want to draw your

things. Now, I want to draw your attention to this middle bit here. Okay,

this is where all the tabs appear. Now,

this really nicely brings us on to the third section of our flow framework, which is orchestration, where we basically build everything out. Now,

here's the thing I want you to pay attention to is that we have what are called artifacts in this, which a lot of people miss. And essentially what

people miss. And essentially what happens here is you can see it's given us an implementation plan for our app, a goal description, a user review, proposed changes. Now, what's really

proposed changes. Now, what's really cool with anti-gravity is you can actually do annotations if you want to.

So say for example here we've got styling. I might want to add a comment

styling. I might want to add a comment to that. So I can click on comment on

to that. So I can click on comment on this line and say hey I want you to use the provided brand guidelines in the styling. Okay. Bam. I can add that

styling. Okay. Bam. I can add that comment and basically now Gemini will take this through and do it different bits and pieces and then I'm going to actually go ahead and proceed with this.

And then we have our task list which is a different kind of artifact. And once

again I can then add whatever I want to.

on animations and polish. I may want to add a comment and say, "Make sure the animations are particularly gorgeous and interactive. Okay, whatever I want to, I

interactive. Okay, whatever I want to, I can add comments." And so we have this back and forth now. And that will really improve the quality of the output that you get from anti-gravity. Now, whilst

this is working, I'm going to show you something that's really exceptional here. And one of the features that

here. And one of the features that really makes anti-gravity stand heads and shoulders above everything else. So,

you can see now we've got the ability here to proceed, and it's asking for our approval, which we grant it. And we can close this down at any time we want to.

So what I want you to do now is you see up here guys, you've got open agent manager. If I click on that, okay, path

manager. If I click on that, okay, path doesn't exist. That's absolutely fine.

doesn't exist. That's absolutely fine.

What you're going to see now, this is a really cool thing. This is think of this like you have a hundreds and hundreds of agents. Now on the left hand side, we

agents. Now on the left hand side, we have all of the different projects that we're working on. So thumbs is a project I was working on. Anti-gravity was a project I was working on. You can see them all here on the left hand side. And

what you can do with this is create multiple agents that do different things in your project at the exact same time.

And the way that you do that is you hover over the workspace and you click on plus. And this will actually be a

on plus. And this will actually be a brand new agent within Teddy. So I might have an agent now, but I want to research what the best practices are.

Hey, I want you to do some deep research on the best practices for bill management. What are the kind of core

management. What are the kind of core five metrics that you need to know? Find

that out for me. Okay, whatever it is, right? I can send this one off to send

right? I can send this one off to send this guy. I could add another agent that

this guy. I could add another agent that does something different like um what are the most successful platforms that sell bill management software? What are

they and what features do they all have in common? I want to know the 20% of

in common? I want to know the 20% of features that get the vast majority of the results. Bam. So now we're firing

the results. Bam. So now we're firing off multiple agents that are going to do different research. They can all come

different research. They can all come and create documents. I when you're finished, I want you to create a document called research.md or

competitors.md and save it in the project files. Awesome. again. And

project files. Awesome. again. And

what's going to happen now, these three agents, as you can see on my left hand side, guys, are all running off in parallel. And you can see the agents

parallel. And you can see the agents doing search on the web, which is amazing. And you can track all of this

amazing. And you can track all of this stuff. So, you're going to have two

stuff. So, you're going to have two windows in anti-gravity. You've got your agent dashboard view, which has all of your AI agents, and then we've got the other view. Okay, if I come back to

other view. Okay, if I come back to editor, which is the basic agent thing that we're using here, which is really, really cool. And you can switch between

really cool. And you can switch between the two by clicking open agent manager.

There also two different tabs. So, if

you have multiple screens, I recommend that you do that. You did really, really well with that. And guys, we're just scratching the surface on this tutorial because it's that there's such cool stuff on this. Now, let's check this out. So, we've got this stuff happening

out. So, we've got this stuff happening over here. I'm going to come back over

over here. I'm going to come back over to the agent manager. Now, check this out. So, you can see this inbox thing,

out. So, you can see this inbox thing, guys. This is where all of your agents

guys. This is where all of your agents that are running forth and doing incredible things for you, your think of it like a a universal inbox. So the idea here is that when the agents want help with something, they will literally come

and say, "Hey, um, can you come and sort this out?" Now, what's happening here is

this out?" Now, what's happening here is that the model is opening up a Google Chrome window, which you want to set as your default browser for this to actually test it. So this blue thing here, and this is one of the coolest

things about anti-gravity, is it can test it dynamically in a web browser. So

when we build our apps and things, it can open up, it can click on forms, it can try the UI. It's really good at what we call self-fixing, self-healing its own workflows. So, it does this for you

own workflows. So, it does this for you autonomously and you don't need to do anything about it. How amazing is that?

You can do that in other platforms like cursor, but fundamentally this is what makes this so cool. So, as you can see, this one is finished. So, you can open this up and take a look and you can see all the stuff that it's done, which is amazing. So, you get all of the

amazing. So, you get all of the overviews here. You can just open it

overviews here. You can just open it when it's done. If I want to check out the personal finance dashboard prototype, that's all complete. we can

manage everything from our inbox. Now,

let's head back over to the editor for a moment. So, we're here and it's asking

moment. So, we're here and it's asking us to accept our changes, which we'll proceed with, which is absolutely fine.

And again, it's working through the personal finance dashboard task list.

It's going through everything. We've got

the walk through. So, it's asking us for basically it's just saying, hey, look, here are the interactive features.

Here's everything that I want to do. And

if we don't like it, there's a second thing you do in annotations, guys, is I can review this. And let's say that actually what I want underneath this. So

I can just do this and I can say hey above this I would like a graph that's connected like a kind of stocks share that shows month-on-month performance

and I want one as well for my assets and total savings so I can see exactly how my investments are growing over time and underneath I'd like a drop-own view with logos for my subscriptions would be

perfect. Okay, beautiful. And we add the

perfect. Okay, beautiful. And we add the comment and then we have this back and forth. You can close down these quite

forth. You can close down these quite simply to do everything that you want to. So, as you can see now, you're

to. So, as you can see now, you're reviewing all this stuff. You can

improve things. It's a really great collaborative way to fix things as you kind of go back and forth with it, which is really freaking awesome. So, now

we've done that. We close on this task.

We can close down the competitors.mmd.

We've got the index, which is great. And

all these things are happening for us in the background, which is ace. So, we

come back over now to open agent manager, which is cool. And we are going to bring this one over and head over to our inbox, which is ace. So, once it's designed the app, guys, I like to ask it to open up in local host. Hey there,

dude. I'd like you to open this up for me in the local host. And for the logo, I'd like you to use the logo provided to you on the left hand side in the files.

Awesome. So then we basically back and forth with anti-gravity to get to do things. So again, we now have multiple

things. So again, we now have multiple agents. A little tip on that by the way

agents. A little tip on that by the way is think of your agents like employees, which is exactly what they are. We can

have 10, 20, 30 of these all running in parallel across multiple projects simultaneously. And all you do is manage

simultaneously. And all you do is manage that inbox to make sure they're all doing the same things. One thing I have to show you as well on the agent manager guys is you have this playground where you can kind of think of this as your notepad, right? You got your big

notepad, right? You got your big beautiful notepad. You can play notes on

beautiful notepad. You can play notes on it. Just use as a bit of a test

it. Just use as a bit of a test environment to build different things and then when you want to actually go ahead and put something in a workspace, you can open it up in there. But in this I can effectively manage all of my

projects simultaneously with the anti-gravity which is its biggest and one of the most impressive features out there that you see guys if we come back over here now you can see in our inbox it's now asking us for approval. So, do

you want us to do this? We just simply say yes. So, in practice, you just sit

say yes. So, in practice, you just sit there, you manage it, and you approve different things. So, let's come back

different things. So, let's come back over and open the editor and have a look at everything that it's doing. And it's

now working for us in the background.

Now, I want to bring you very nicely to another feature within anti-gravity that not a lot of people actually know about.

So, let me show what this is. So, you

can see here, if you click on these dots, you're going to see a couple of things. You're going to see MCP servers

things. You're going to see MCP servers and you're going to see customizations.

And we need to talk about MCP servers.

MCP stands for model context protocol and it's basically just a unified language that a lot of apps have agreed to talk in so that apps and AI can effortlessly communicate with one

another. So the idea here is that we can

another. So the idea here is that we can connect anti-gravity to air table to Versel to GitHub to lots of different platforms and apps using this universal

language without having to worry or faf around a million different variables.

Let me show you what I mean. But if you click on MCP servers, what is really cool is you have this full list of MCP servers in anti-gravity. That means that

once you connect it to anti-gravity, you can use this in all of your projects. It

is so freaking cool. They've got uh PayPal, they've got Pine Cone, they've got everything. So within this MCP

got everything. So within this MCP store, you can obviously grab anything that you want to. But let's say that we want to do GitHub. So I've already installed GitHub, but I'm going to remove it just to show you what the process looks like. If you click on

manage MCP servers, you can see I've got three here. Context 7, which is one I

three here. Context 7, which is one I recommend that everybody adds cuz context 7 is basically the latest documentation of how you connect to anything. It's very very cool. And then

anything. It's very very cool. And then

we've got GitHub and then we've got Superbase. So what I'm going to do is

Superbase. So what I'm going to do is come up to GitHub and I'm going to physically remove it. Now when you select that one, it'll ask you for a token which you can head over to GitHub and physically grab that token. Now one

of the reasons we want to add GitHub guys is because this will enable us to actually deploy the project later when we're finished. But if you come over to

we're finished. But if you come over to your github.com, it's free to create an account. And GitHub is just a place

account. And GitHub is just a place where we're going to publish our apps.

It's going to store all of the files and then we can basically host it here. So

the idea is right hand side if you come over then to settings. Once you create an account on down bottom left hand side, you're going to see developer settings. Cool. And then you're going to

settings. Cool. And then you're going to see OOTH apps actually, excuse me, personal access tokens and then click on fine grains tokens because they are fine as hell. As you can see, here's one that

as hell. As you can see, here's one that I created earlier which is cool. and

then click on generate new token and then obviously enter in your password.

Again, this just connects this to anti-gravity for us. We give it a name like test one two three but obviously this is to be used in Gemini. Cool. Come

down and then what you're going to do guys is add in permissions. So that I personally like to do this is I like to add in all of the permissions down here and then I restrict them in um Gemini itself. So only add the ones that you

itself. So only add the ones that you think it's going to need. But once

you've done that, you're going to get a full code. And then when you come back

full code. And then when you come back over here, you just simply enter in that code and then save it. And then you're going to add in all of your apps and they will appear for you on the left hand side. Now, as you can see, it's

hand side. Now, as you can see, it's saying that it wants no more than 50 tools enabled. The reason for that is

tools enabled. The reason for that is cuz it requires context windows. So what

you would do is you'd come down and remove the things that you don't think it needs. I typically use about 21 that

it needs. I typically use about 21 that I activate. But just go through the list

I activate. But just go through the list for everything you have for Superbase, for context 7, for any app and restrict those access to try and keep your tool count as low as possible. So that's

awesome. But if you want to add an MCP that doesn't exist, you're going to click on this view raw config. And here

guys, you'll see the raw configuration for your MCP. So context 7, for example, is one that doesn't exist within the MCP store. And if you want a very simple way

store. And if you want a very simple way to do this, you can just copy all of this like so. And then head back over to your language model of choice. could be

Claude, could be anybody, and just ask it to add in for you your MCP, and then paste it back into this MCP_config, which is just the global marketplace of where all of those things uh live

basically. And once you've done that,

basically. And once you've done that, you'll see that your manage MCPS will appear automatically for you. On the

left hand side that you can enable and disenc.cloud

disenc.cloud settings, personal the left hand side, I click on MCP access. And as you can see, what we're going to do here is click on the access token. And I'm going to refresh this one right here. And then

this is the MCP line that we need to add into our files. All we do is we simply copy this like so. Come down here and click copy. And when we're back in

click copy. And when we're back in anti-gravity, click on view rule config.

And then guys, at the bottom, we just simply add in the NA10 MCP. And if

you're not confident of how to add that in, you can just copy the code, chat to your language model, and ask it to add it in. But when that's done, we come up

it in. But when that's done, we come up here, we click file, and we just simply click on save. And then we can shut this down like so. Now if I refresh this, if it's worked properly, we should see NA10

on the left hand side. So give us a hot second and NA10 will appear as our new MCP server, which basically now means our projects and apps can trigger NA10, which is insane. And would you believe

it guys, the NA10 MCP has appeared automatically. And you can obviously

automatically. And you can obviously within here have that grain level access to activate and deactivate whatever we'd like. Now the other thing that we can do

like. Now the other thing that we can do here as well if we wish is you see down here you got this thing here. Click on

customizations. These are kind of like cool project notes. So you have rules and you have workflows and you can make these global or you can make them um basically for the workspace. So as you can see as well in the background now it

is making some changes to the app and it's looking quite good to be fair. I

really like the look of this. We need to obviously get a bit of a dark mode for the logo but you kind of get the idea with it. So within anti-gravity you can

with it. So within anti-gravity you can add in workflows. I've got one here which is for debugging which is very cool. And effectively what that means is

cool. And effectively what that means is you can then add like system level instructions to it whenever you want to.

So for example, this is one from a claude repo which is a very very simple way of how to debug stuff. I'll put it all down below. So you can just lally copy it. To do that all you do is click

copy it. To do that all you do is click on workspace. You can give it one like I

on workspace. You can give it one like I don't know let's call it lemon for the argument sake. Lemon debugging.

argument sake. Lemon debugging.

Obviously we need to have all uh together no spaces. Beautiful. Click on

enter with that and just say use this to find lemons. Okay. and then enter in all

find lemons. Okay. and then enter in all the information that Jack gives you in the description. Okay, beautiful. Then

the description. Okay, beautiful. Then

when that's done, guys, we just simply to come up, we're going to file, we are going to click on save, which is ace. As

you can see, we've got it down here on down here. Right now, what's really cool

down here. Right now, what's really cool is if you ever want to use that specific thing, what we can do when we're chatting to the models and then when you come back in the chat window, guys, you can l come here and just type in lemon

debugging or debugging, whatever it is, and just say figure out the issues. So

that's how we can give it these instructions to call upon universally across all of our systems. So if we have like a great way of debugging everything, we can physically just call upon it all the time and not have to

have Gemini to do all the heavy lifting for us. And the reason why this works,

for us. And the reason why this works, by the way, is because that repo that covers all that stuff, which again I'll pull it up for you right now. And I'm

pulling it back up because it's good to you just to see the button clicks where everything goes. The reason why this is

everything goes. The reason why this is so cool is because they've identified what the biggest most common issues are when debugging this stuff. so it can easily come through and figure it out and give it a very clear system to do

that. So this is really cool guys. I

that. So this is really cool guys. I

like the look of it. I think we just need to change the background to be dark and wouldn't it be really cool if we could then have a conversation with a chat model within it to make it a little bit easier. Hey, this is really cool and

bit easier. Hey, this is really cool and very very decent. Just come back over and give it that information. I'm going

to say something like, "Hey, looks really cool. I would like you to first

really cool. I would like you to first of all make the background dark and then I'd like you to add in a chat box. And

then when you've done that, I want you to create a GitHub repo with this and I want you to publish it. Call it whatever name that you want to and I want to be able to talk to chat GPT within the app about all of the information on the

page. Okay, very very cool. And then we

page. Okay, very very cool. And then we hit enter on that. So we just simply spot back and forth with anti-gravity.

And then this publishes the changes dynamically to GitHub, which basically means whenever we make changes here, it will reflect on GitHub, which is important, and I'll show you why in a second. One little hack I want to show

second. One little hack I want to show on my left hand side as well, guys, is you have these kind of tabs. So this

lets you search the code. The one

underneath is really cool. This is the source control. But the one that you

source control. But the one that you might find most interesting, you may not know about is this extension thing on the left. So this is kind of like the

the left. So this is kind of like the Chrome store, the Apple marketplace for anti-gravity where you can effectively search for and bring in different plugins that do various different things. There's stuff where you can do

things. There's stuff where you can do semantic search. You got Ruby LSP which

semantic search. You got Ruby LSP which is really cool. Whenever you need something in particular, you can do this. They've got a series of um

this. They've got a series of um recommended ones. You can have a play

recommended ones. You can have a play around with it and I'll be including a lot more in the videos showing the use cases, but this is effectively where you add it in. You can obviously see how many that they've downloaded, their ratings. It's very, very cool. So, let's

ratings. It's very, very cool. So, let's

come out and check out what this looks like in local host. By the way, local host just means that it's running on your laptop in the cloud. Everything you

ever access is running on a computer, a CPU somewhere in the world. When we

self-host it on our or we run it locally, all that's meaning is the CPU usage on your laptop is powering this thing. And when we host it ourselves, it

thing. And when we host it ourselves, it means that we kind of earn it. Now,

check this out. This looks cool. So, we

build an app that we're happy with. I

think this is really cool. And by the way, it's followed the brand guidelines perfectly. That's how freaking cool it

perfectly. That's how freaking cool it is. And then when I come over to GitHub,

is. And then when I come over to GitHub, we can see that it's actually been published live and it is ready to go.

Now, one other thing that you need to know, and it's a really cool thing here actually is that within this, you can actually change the model that you're using. So, if you come down here on the

using. So, if you come down here on the right hand side, you can see Gemini 3 Pro. If I click on that, I can choose

Pro. If I click on that, I can choose from these models. A quick like TLDDR Gemini 3 Pro. amazing at design. Anytime

you're using an inbuilt feature within anti-gravity, use Gemini because the models are typically optimized for its own software. So if you're using like

own software. So if you're using like Claude code that's good at claude related things. Then you've got Claude

related things. Then you've got Claude Sonet 4.5 the thinking and the open 4.5.

My personal experience is that Claude is incred is better at the copy number one the natural language. If you're saying, "Hey, write me articles. Write me

website copy." Use claude for that. And

GPT is like just think of that as like something where the AI couldn't possibly get it wrong. It's a it's a lot like this kind of basic stuff that you want to do and you don't want to spend tokens, use GPT for that. But that's how

I typically use it. Design, I'm using Gemini. And anything to do with Gemini

Gemini. And anything to do with Gemini or anti-gravity. And then if it's like

or anti-gravity. And then if it's like code review, I typically tend to lean on Sonet 4.5 for that. And that very nicely leads on to the final step of our flow framework, which stands for world, which is taking the app that we built and

publishing it so the world can actually see it. Now, to do this, we're on the

see it. Now, to do this, we're on the actual GitHub, right? But we're going to host it somewhere. There's a couple of websites you can do for this. The one

that we like to use a lot on the Jack Roberts YouTube channel is Vel. I should

call out, by the way, quick FYI. If you

want to learn a lot more about anti-gravity, I just released in our classroom under the AI automation section a full anti-gravity course that will go through everything step by step.

If you want that extra layer of support and the community, I'll put a link down below so so you can check that one out.

So in versel, we're going to connect that to GitHub so we can see the repo.

Now if I click on I click on add new, I click on project like so and we're going to see the glider finance dashboard there. All we do is we click import.

there. All we do is we click import.

This brings it over the framework preset usually pre-populates. Then you click on

usually pre-populates. Then you click on deploy. And essentially what this will

deploy. And essentially what this will do now is publish it onto a domain. This

is the exact same system that some of the vibe coding tools like bolt.new uses

and it's dead dead straightforward. Now

you triangulate this value thing now right where effectively we have over here we've got Versell, we've got GitHub and then we've got anti-gravity.

Anti-gravity updates GitHub and GitHub updates Versell. So it's an

updates Versell. So it's an instantaneous thing. It's so cool. And

instantaneous thing. It's so cool. And

then we have our fully functioning app ready to use to share with people and kick some butt. Now, this will get you ahead of 99% of builders. But if you really want to actually monetize this for your business, you need to know how to turn those viewers into buyers, which

you can learn by watching this video right