Try Similarweb for free to validate your next idea: https://similarweb.partnerlinks.io/0531nbl05w92
Use code SKILLLEAP20 for 20% off the first and recurring payments on all subscriptions
I go step by step to show how I use Google Anti-Gravity to build real apps without writing any code. This is perfect if you're brand new to building apps or want to try vibe coding.
I show how to install Anti-Gravity on your Mac or PC, explain the key settings, and walk through building two different apps: a simple habit tracker and a more advanced AI brief generator.
I also share how I plan out features, use follow-up prompts to improve the apps, and save everything to your computer. If you're not a developer, I show how this tool helps you still build useful projects and how to publish them with GitHub and Vercel. Plus, I compare other tools like Google AI Studio, Lovable, Emergent, and more, so you can pick what works best.
👉 Join the fastest-growing AI education platform! Try it free and explore 20+ top-rated courses in AI included Introduction to AI Agents course: https://bit.ly/skill-leap
Оглавление (5 сегментов)
Segment 1 (00:00 - 05:00)
Google Anti-gravity is a newer platform from Google that could create just about anything that you want without writing any code. It could build entire websites. It could build simple apps, more advanced apps, even AI powered apps. And it all starts with a single prompt. Now, this platform is built for a couple different types of people. It's built for developers, but it's also built for vibe coding. So, if you are non-technical, which this is the video I'm making for you, this is going to let you create real apps without really ever looking at any code, but it's also designed for developers to compete with things like Cursor and Windsurf, really popular AI apps that are designed specifically for developers, too. Now, in this video, I'm going to cover some examples to show you exactly how to get started and use anti-gravity and some tips and tricks along the way, even if you've never coded before or if you are brand new to Vibe coding, too, which is the whole art of basically creating things without knowing how to code. Now, this is an app that's going to run on your computer. So, if you have a Mac or PC, you could install this app here. As I'm recording this, you could actually do this completely for free. They do have paid upgrades, but they have a completely free version that lets you build quite a lot of different things here. So, go to this website, anti-gravity. google, and download this to your Mac or PC and then go through the installation process. There is one setting here that I want to show you that's important to set up here. So, I'm going to set this up as a fresh install here, but you can import, especially if you're a developer and coming from these other popular tools like VS Code or Windsorf, for example. I'm going to choose dark mode here. This is the setting I wanted to show you. Anti-gravity has something called anti-gravity agent, which is going to be the bulk of this video here. And it's asking you how much control you want this to have. So, these different settings actually change how the code gets reviewed. So, this one will ask you to review things and then you'll have to check it on. So, this is the option they recommend. But if you wanted to be able to do even more, you could choose this option, agentdriven development. So this will always just move forward. It won't ask you anything any type of policy that it needs to review. So if you are brand new to VIP coding and coding in general, you may want to choose this version and give a lot of control to the agent. This one is going to ask you pretty much everything that it's doing to ask you permission before it moves forward. So, this is the one I'm going to choose for this video, but again, this is an option I would also recommend if you just want the AI agent to do all the work for you and you don't have to review along the way. And these settings here, I'm going to leave all on the default setting. I'll go to here and you will sign in with the Google account here that you want to use. Once you open Anti-Gravity, this is the homepage that you're going to see. And there's actually three different surfaces. And I'm going to focus mainly on what's called an agent manager. But on the very first page, you'll see this, which is a traditional IDE, which is really designed for developers. So you could open a folder of code on your computer. You could click this right here. This will let you bring things from GitHub, which is typically a place where developers store their code. So you could clone that and then make alterations to it. But that is not what I'm going to focus on in this video. In this video, I'm going to focus mainly on the agent manager. But the IDE, if you come from things like VS Code, that's going to be very familiar to you. Now, the agent manager, and you'll see something else on the right side here. This agent panel is where you can type in a text prompt and have anti-gravity actually create things for you. That's what I'm going to focus on mainly. And if I click it right here, which you could also get to it from right on top all the time, it will open up another panel here. And this panel will let us create things with a simple text prompt that we're going to use plain English for to create. I'll close this for now. And then there's a third thing here which you'll see this Chrome option right here. It says open browser. Well, this opens a local browser here and it will test things on Chrome. Okay. So, this is a really cool agent that goes and make sure your app's working, clicks on things, signs up for things. So, we're going to see that in action as well. For now, for our very first example, I'm going to jump into the agent manager here, and I'll make this one full screen. So, the agent manager has two important sides to it. One is called a playground, and the other workspace. Now, the playground is an independent workspace here that is great for starting a project or just getting prototypes. I always start here. And you could see right here when I'm starting out, it's asking me, do I want to start in the playground or the workspace? Playground lets me quickly come up with ideas. And then if I'm liking that idea, I could turn it into a workspace, which makes it a real project. So to get us started here, I'm going to start with a simple habit tracking app. And then we'll build something more complex and realistic as a real app here for our second example.
Segment 2 (05:00 - 10:00)
And this is the simple prompt I'm going to use to build a simple habit tracking app. and users will be able to add different habits, mark them as complete and save everything to local store. This is a simple way that it saves it directly to your computer here. The design should be minimal and clean with no extra features. Now, there's a couple options you'll see down here. So, planning, let the agents plan before actually doing anything. This is one of my favorite ways to use it because you'll see how it's thinking through its process. If you want something fast, this will just go ahead and do the task for you. But I like to almost always see the plan first and then you have different AI models to choose from. Even though this is designed by Google, they actually give you access to other coding large language models too. So you have access to claude and GPTOSS which is this is the open source model from OpenAI here. And if you upgrade with the other plans, you get even more access to things. As of right now, Gemini 3 Pro is one of the best AI coding models available and so is Claude Opus 4. 5. And you'll see inside of anti-gravity, you'll see different Gemini 3 Pro models. So you'll see one that says low or high. This is the amount of reasoning they're going to do. If you want something fast, you choose flash. But right now, this is obviously always going to change because they release new models all the time. All these companies are going to have the newest models that are going to get rolled out to these type of platforms. So, always choose the best one and then if you want a cheaper version, especially when you upgrade to a paid plan, you could always switch between these models. And I'll go ahead and send this out for now. Now, one of the very first things you'll see, especially when you choose the planning option here, you'll see that it creates a document for itself called an implementation plan. And it'll show you exactly what the goal is and all the different steps that it's going to have to go through in order to achieve that goal. If it's your first time, you'll just press proceed here. But as I've used these type of VIP coding tools more and more for about a year and a half now, I oftentimes look at the plan and if I don't like the plan, I see something that's off, I change it right away with a follow-up prompt. But for now, let's proceed with this plan. Now, these things are called artifacts. There's the implementation plan, there's a task plan. We'll dive a little bit deeper here into what artifacts are in our very next example. Okay, it looks like our app is ready. And as I mentioned, this opens up Chrome for itself and it's doing the testing right here. I'm actually not writing anything. I'm actually hands off the keyboard. The AI anti-gravity is doing this right here by itself. It's using this browser is checking that it could add task. It could check off tasks here. And it's local here. There is no website, right? This is just local on my computer. But it's open up this browser on its own. And you could see the different things that it's doing. And when he needs help, it's telling me agent needs your input. So, I'll go back here and based on my setup when I first created this account. It is asking me if he could do this task. If you pick the automated option, it would have done it by itself. But usually, I like to just make sure it's going in the right direction. So, I'm not wasting a lot of time if I don't like where it's going. So, I'm going to press confirm on that. And when everything is done, it creates another artifact called walkth through and shows you exactly all the things that it's done. and it shows you a little video here showing the app in action. So again, this is a super simple app just to get us started. But you could see this is exactly how it should work based on my simple prompt here. So we could go on the left side, do follow-up prompts and build on that. Now before I build anything with vibe coding or even when I'm working with a team of developers, I always like to start with research. And usually I use a website called Product Hunt. You probably heard that one before. Product hunt is usually the place people launch their new ideas. So they'll post it here and people could test out new ideas. Now I like to go to the weekly leaderboard here so I could quickly see what's working for people and what's hot right now. And sometimes I go back a few months. So I'll go back to November of last year for example and see what was trending to see if it's still working today. Then what I like to do is use another tool. This tool is called Similar Web. This is a tool I've used for maybe seven or eight years and they're actually the sponsor of today's video, too. This really will give you a very solid foundation of what ideas have real traction. Similar web is a competitive intelligence tool that shows you exactly how any brand grows online. This will show you the different traffic sources, what channel they come from, and even AI visibility, too. So, if you are a marketer marketing a new product, if you're an agency owner or if you're thinking about launching any type of app, this is actually what matters because you want to do this part before you go and buy code or create any type of app because guessing and putting it out there that can get expensive, right? And data is much cheaper. So, let's take this website here that I found on Product Hunt. This is how I like to use
Segment 3 (10:00 - 15:00)
similar web. I'll come here and I'll type in that website right here. Just from the first glance here, I could see the traffic, how many people are visiting the website, what country they're coming from, their monthly visitors here, and I could see the trend over time, too. So, is it going up? Is it going down here? Geography is very important. So, if I'm building a product in the US, but I'm seeing most of the traffic come from India, maybe this is not the right fit. I could see the channel overview. Maybe they're spending a lot of money on paid ads, right? So, if paid ads is 80 90%, well, maybe that's not a good fit for me. I want to see organic and direct traffic. And here's another very useful option right here. It says add websites to compare. And I could compare three different or even more websites side by side and see how they compare here. And this shows me a lot of useful data here. And when I'm doing advertising too, if you come under advertiser overview, you could see their recent ads across different platforms here too for all these different competitors. And here's one of my favorite tabs here, AI brand visibility. This will show you your brand visibility when it comes to different AI tools. Right now you could set a duration of time and then you could choose your AI tools and it will show you the percentage of brand visibility on this tab here and you could see that across different topics. And then you have prompt tracking. So this is really interesting. This will show you all the track prompts whether your brands are mentioned, the related topics and the citations used. So this is obviously really useful. You have citation analysis here and you have sentiment analysis here. And you could see if your brand is mentioned positively, neutral, or negatively again across different LLMs here. So, it doesn't matter if you're a creator, marketer, entrepreneur. If you want to make smarter decisions, check out Similar Web. They're offering a free 7-day trial, and I'll put a link in the description so you could try it out for yourself. Okay, now let's jump back into anti-gravity here and let's create something that's actually shippable, something we could put out into the real world. And before I do that, let me show you the first app we created was created inside of the playground. So when you do that, you can't actually deploy the app. You can't put it out in the world. All you have to do is come up here, there's this little folder right here. So if I click on this, it's going to let me move anything from the playground into the folder. Once you move it into the folder, it becomes a real project. And I'm going to save this to my desktop. So I need to choose a folder here on my desktop. And I need to create a folder for this project. So we'll call this habit tracker and we'll go ahead and create that project. So then this could sit on a folder. I'm going to say allow and trust this author. Now if you look on the left side here, you'll see that it moved from the playground into a workspace project where again I could do everything I've done in the very beginning of the video, but now I could do it as a real project that sits on my computer. The reason why you do that is when you want to make this go live, you would then typically use something like GitHub and publish that code onto GitHub so you could show this in the real world. Now, this is where anti-gravity is a little bit more technical when it comes to publishing. We'll talk about that in a bit here, but for the vibe coding part, it's definitely on par with some of the simplest apps that are out there right now like Emergence or Lovable. For this next example, instead of building it in a playground and then creating the workspace from that, I'll just start as a workspace. Open workspace. And we'll go ahead and create a new one here. Open new workspace. And I'll create a new folder here on my computer. I'm going to call this AI brief generator. I'll explain this idea in a second. And we'll go ahead and open that. And I'm going to say trust this author. Now, when it writes code, it will directly write it on my desktop here on that folder. Now, here's the problem I'm going to solve for myself, but it's very relevant if you work with any type of customers and clients because a lot of times, especially clients, in my case, brands will send a lot of different emails, right? The brief they send us could be vague. If especially when we're working with agencies, they have to rewrite things for us or we have to have a lot of back and forth to figure out what's going on. We're going to build something that actually saves time and helps us smooth out this process. So the idea here as I mentioned is called AI brief generator where I could paste a rough brand email and any note they send us and this will turn it into something that is a professional creator brief. Again I'm going to use the agent manager here and I'm going to paste this prompt right over here. And this prompt is actually created by Google Gemini. I just opened another tab in Gemini. I described what I'm trying to do and I just said give me a prompt I could paste to anti-gravity. So I don't even write any prompts that I type in any vibe coding tool here. I just copy and paste directly from Gemini. And you are an expert product manager, UX designer, and AI prompt engineer. I want you to build a web app called briefly. The target users are influencers, marketing agencies, and brand managers. So I'm trying to solve
Segment 4 (15:00 - 20:00)
my own problem, but I might as well put it out in the world because a lot of people are going to have a similar problem if they are in one of these buckets here. And I kind of explained in detail what I want. So if you want to read through it, pause it over here. And as always, I'm going to choose planning. I almost never choose a fast option unless I really don't care and I'm just mocking something up in the playground. But if I'm really trying to build something, I'm going to choose planning so I could see the actual plan that it's going to put together. And I'll walk through it in more detail. And in this case, we'll keep it on Gemini 3 Pro. Okay. This time, let me actually go a little bit deeper on what you see here on the right side. You could actually see something called artifacts here that you could open up and these are generated to show you exactly how this agent's working. There's actually three really important ones here that I like to look at. The very first one it likes to create for itself is a task list. So my prompt asked it to create something from scratch. So he created this entire task list for itself that includes a planning stage, implementation stage, and a verification stage where you could open up that browser and do the testing. Again, if you're not technical, this helps you just understand how these apps get made. So I love to look at this. In the last year and a half of VIP coding, I've learned a lot about how apps get built in the background by just looking at some of these type of things. Now you have an implementation plan. So, this actually spells out some of the things that it's going to do, including the goal. Make sure you're on the right page here with it. Any type of project setup that it's going to do, any type of styling. Well, in this case, I could already tell it's going to create this in dark mode. Well, that is going to be good for this case, but maybe I didn't want that. So, it's important to briefly look at these couple different artifacts. It'll have other ones too, but the third most important one is going to happen at the end, which is that walkth through documentation that typically comes with that video too that shows you your app in action. But for now, I'm going to proceed after I looked at the task list and the implementation plan here. And I'm going to let this go to work. So, it only took a few minutes here to create this app. And it's created that walkth through artifact, which is our third most important artifact after the implementation and task plan here. And if I look through it, I could see that video anti-gravity actually testing that app for us. I could see that it has an input box here. It goes and paste the email that we got and it puts it here and it generates a brief that you could quickly copy here. But I didn't give it a lot of different things to do in the initial prompt. So I want to build on this. The way you do that is with a simple follow-up prompt. And I'm going to actually see this time if it's going to do some of the work without me spelling it out. So I said this is good, but I want a much more robust app that feels like a real dashboard with other functionalities. Okay, so the second version does look a lot better. It does look like a dashboard here and it has a homepage. It has a history page. It obviously still has ways to go, but let's test the core functionality here. I'll just paste this fake email here and see if we generate a brief. Yes, it organized everything into a campaign brief here and the export option that works too. Okay, so a lot better. But you could see these type of VIP coding projects usually are not going to be good enough in the first or second prompt, especially with anti-gravity from my experience with it. Some other apps, I'll show you some alternatives at the end that actually are a lot easier for getting you there. The nice thing about anti-gravity though is if I get stuck or if vibe coding is only going to give me 90% of the way there, all I have to do is give this project to a developer, right? So they could go to this editor and make actual changes to the code because all these different pages, all these code pages were created here and very easily accessible. It's really one of the best platforms if you're going to take it to the next level because it's actually an IDE, something developers are used to using and then the vibe coding sits on top of. So that is helpful. At this point, I would continue this conversation and probably I would guess maybe 20 more prompts here to fix the styling here to make it feel a lot more elegant, to add more features. But when I gave it that one prompt, it did get me a lot of these options without me explaining what those options should be. So it understood what my app is. It went through the entire codebase and it built features here that were a lot better than the very first draft that I had. And I could always go to my desktop. Remember that folder we created here, the one that was called AI brief generator. All our code is sitting right here in this folder. Okay? So any of this can be shared with a developer. Now, what if you want to actually host this website or this app? Let's say it's ready to go. You made all your changes. What do you do with this exactly? So, this part gets a little bit more technical. So, I'll briefly show you how it's done. And if it seems too technical
Segment 5 (20:00 - 24:00)
for you and you're just trying to vibe code, I'll show you some other alternatives. Google actually has another vibe coding platform that's easier for those kind of things, too. And there's other companies I'll show you. All you have to do is go to github. com here and create yourself a free account. I'm going to sign into my existing one. Once you create an account from here, press new. Name your project. You could make this private or public. I'm going to do private for this one. I don't want people to see the code. I could create it here. And then I could say upload an existing file. I'll choose this option here. And I could choose the files on my computer right here. And if you have a lot of files here, you might have to do this in a couple of different passes because it lets you only upload hundred different files at the same time. But let's say you uploaded all these different files. Now they're sitting on GitHub. So you haven't actually published this to any type of website where people could access. To do that, you have to host it. Now to host it, a really popular app for that is called Versel. So you'll come over here, you'll press start deploy. And the reason why we have to put it on GitHub is because this lets you import it directly from Git. It says get depository. That's what we just uploaded to GitHub. So, anti-gravity to your computer. Those folders and those files go to GitHub and those GitHub files go to this platform, Versel. There's a bunch of other ones, but this one's the one I've used. It's pretty easy to use. So, you connect it to GitHub. And from here, you could just go ahead and directly import it from here. And then you'll be able to deploy it from this page right over here. Now, that probably seems far too technical. If you are a vibe coder, the publishing of the website or the app is very much designed to be made by only developers as far as anti-gravity is concerned. So what I want to show you is a couple of different alternatives. I'm almost sure that they're going to roll this out as an option, but right now it will take those steps here to publish your code because again at its core, anti-gravity is designed for developers, but it's also very useful for building local apps that you're running to automate things for yourself. I have another video I'm working on which shows you ton of different use cases for yourself to automate things from things on Gmail, calendar, research, but I'll save that for that video. the alternatives I want to show you. The first one is called Google AI Studio. AIS. google. com. This is another VIP coding platform, but it's far easier to use and to actually publish your website with domains. So, this lets you basically type in those same exact prompts and you could get a similar result here. It's nowhere as robust as anti-gravity, but I have vibe coded different apps here using this platform. Here's an example of what one looks like here. And this can be AI powered too. So you type in your business ideas here and this will generate using Gemini business ideas including business name and things like that. So that again was a simple text prompt. It has different sections to it. This actually was my very first prompt and it got me here and it shows me other options here for improving it from there. So for vibe coding, this is definitely an easier option. Not as robust as anti-gravity, but this is an alternative again from Google. Lovable is probably my all-time favorite app right now. So, I use this all the time and I vibe code all kinds of different apps using this one here. So, this one again, you type in a text prompt and you get pretty robust apps and you could also choose from different themes. You could attach different files and images here. So, it will be able to mimic it. and it has backend and AI and all kinds of different things. I'll save this for a different video. There's other one called base 44. There's one called emergent. Hostinger, which is a really popular website hosting platform, has one called Horizons. Ton of different options available. I'll probably make a video where I compare all the different options. Not sponsored in one video. So, you could kind of see my honest opinion about every single one of those platforms against each other here. But for the meantime, anti-gravity, I showed you what it's capable of. Right now, the only thing that it is the biggest limitation is actually publishing it out there makes it really technical at the end. So, these are some alternatives if you're just trying to vibe code and publish your app. But if you're trying to vibe code and keep it internal and keep the cost low, anti-gravity is the best way to go right now. Now, if you want to see an example, an idea you have, I'll use it as reference for another video I have coming up all about vibe coding. So, let me know in the comment section and I'll catch you on the next video.