Setting up Antigravity

0:00 And we'll start with simple portfolio sites before working our way  all the way up to full-fledged SAS apps with authentication, databases, and so on and so forth. At every step along the way, I'm going to pause and then show you guys some of the principles  behind what I just built. And my recommendation is if you want to get the most out of this course,  you'd actually build alongside me. Okay, so no fluff. Here's what we're going to cover.

0:26 We'll  start with the simple toolkit. So anti-gravity, Gemini 3.1 Pro, and Claude Code. I'll give  you guys the best development environment available in probably around 15 minutes. Then  we'll build your first vibecoded product, which in our case is going to be a personal  site designed with anti-gravity and Gemini. You'll have this live on the internet, including  deployment in about 15 minutes. After that, I'll pause to talk authentication and security cuz  I think it's one thing to build simple portfolio sites and stuff, but if you wanted to push that  out to a fullyfledged app with authentication, databases, and a back end, a big issue in vibe  coding is security, and I want to make sure that we cover at least the 8020 of that.

0:49 Then  we'll build another product, which will be a client-f facing dashboard with authentication, a  database, and a very clean UI. And at that point, since we'll have gotten our hands dirty, we  can then cover foundational concepts behind modern software applications, including hosting,  databases, the major software design patterns, versioning and GitHub repositories, the major  frameworks currently available, then also how to use agents to vibe code all this stuff way faster. I'm then going to give you a design specific deep dive, which is how to go from a rough idea to a  polished professional design and anti-gravity.

1:40 Then we'll build our next product, which will be  a lead generation SAS app that scrapes, enriches, and then cues up the sending of fully automatic  emails. This is an actual system I use production. After that, we'll do an AI based SAS app that  uses AI to generate thumbnails. It's actually really similar to the system that I used to create  the thumbnail for the video you're watching right now. So, pretty meta. Once we're done with that,  I'm going to teach you guys some debugging and iteration techniques.

1:40 You guys will probably have  seen me do a lot of this and hopefully have done a lot of it yourselves by now. But, I'm going  to give you guys a simple framework that you could use to steer back Gemini and then claude  code anytime it starts veering outside of your uh recommendations. And then finally, we'll build  a content automation SAS app that repurposes a single piece of content across multiple platforms. That's another system that I actually use.

2:05 Before we wrap up, we'll talk about the economics of  vibe coding, which is how to price, package, and then sell what you build. And that's important  because I find a lot of people watching this are probably going to be doing so not just for their  own hobbies, but for financial reasons. We want to make money with the things that we build. Okay, so  I care a lot about making money with this stuff. I want to show you guys how to do that as well.

2:29 Hopefully that makes sense. Let's not waste any time. Let's strap in and get started. Okay, so  how do you actually set up anti-gravity? Just head over to anti-gravity.google. They actually  have like the Google domain name, which is hilarious. and then just click on this little  download button. If you guys are on a Windows, it'll be download for Windows. Since I'm on a Mac  OS, this is download for Mac OS. Now, if you guys don't know which one of these to select.

2:29 It's  pretty easy. Most modern computing applications nowadays have the ability to type like about  and then you can just go about this Mac, about this PC or whatever. And then it'll tell you  whether or not you are an Apple silicon or Intel silicon for instance with this line right here. If I was on Intel, it would actually say like an Intel M whatever. Because I'm on an Apple silicon,  it says Apple M4 Max. And so this is the one that I need to download.

2:56 If you guys are on Windows,  double check to see if it says x64 anywhere. If you guys are on Linux, you probably know more  about computers than I, so I'll stop embarrassing myself. So I'm going to give this button a quick  click. That is going to download the anti-gravity installer. On Mac, what ends up happening is we  get a little thing in the top right hand corner here, which is anti-gravity. And then all you guys  have to do is just drag this anti-gravity app into the applications folder and then let go.

3:22 I already  have anti-gravity installed, so I'm not going to do that part. But that that's the installation. It's about that easy, at least on Mac. On PC, you're going to have a little screen that pops up. Just click accept a bunch of times until you're done. Okay. After that, what you're going to get  is a page that looks something like this. So, I'm just going to zoom in to make things a little bit  more visible. And hopefully my big head doesn't get in the way.

3:48 But basically, um the way that  anti-gravity works is you have to connect to your Google account in order to get up and running. And once you connect your Google account, you can also use um you know, Gemini as a model. Uh  the reason why this isn't popping up on the right hand side as you see is because we haven't logged  in with Google yet. So, what I'm going to do next, I'm going to click this login with Google button.

3:48 I'm then going to sign in and click sign in. and then it'll successfully authenticate you and then  take you back to the main menu. After that's done, you'll see up at the top we have a bunch more  features. In order to open up the AI feature, just click on this one on the right. It's  called your agent. There's also a little hotkey, which I use pretty often, which is just  um option uh commandB. And by doing this, I can make this pop out really quickly and  easily.

4:14 Obviously, if you're on Windows, things will be a little bit different, but it's  not that bad. Now, you're inside of anti-gravity. You can actually have a conversation. So, I'm  going to say, "Hey, what's up?" I'm going to run through the UX of how to communicate with your  agent in a second, but I just wanted to show you guys how easy it is to actually get the AI part  up and running. Um, Gemini 3.1 Pro High should be provided to everybody, although with different  usage limits depending on whether or not you upgrade their plans and so on and so forth.

4:39 And  you also have other models too, like 3.1 Pro Low, Gemini 3 Flash, Sonnet 4.6, Opus 4.6, and so on. Okay, cool. So, that's just getting anti-gravity up and running. The next thing I want to do is I  actually want to explain the UX. After I explain the UX, I'll also talk about Claude Code, which  is the alternative chat window, kind of like this little agent chat widget, um, except for the Cloud  series of models that performs really, really well in specific applications, which we're also going  to use in conjunction with Gemini in this course.

5:05 So, really, I want you to think about anti-gravity  as being divided into three panes. On the leftmost pane, you have basically the explorer. And for  the most part, you're only really going to be using the Explorer. You're not really going to  use the rest of these things. In the middle, you're actually going to have your file editor. And right now, we don't have any files open, which is why we just see the anti-gravity logo. And then on the right hand side, you actually have like your agent chat, your ability to, you know,  talk to AI.

5:31 And this is how most like integrated development environments are nowadays. Um, I say  most because anti-gravity isn't really technically an IDE. There's like a couple of additional  features here, but I don't want to be pedantic. For all intents and purposes, this is an IDE. And  this is how it works. So, in order for us to see the things on the lefth hand side here, this  explore, we actually do need to open a folder, which is why it's asking us to do that.

5:31 So, I'm  going to click open folder. And then I just set up this little demo for a video I recorded yesterday  called website builder. So, I'm just going to open that up. Okay. And now hopefully you guys could  see the page is transformed in this middle section is our our file explorer. So because I don't  really think files are as important these days to explore because AI does most that for you. I usually make the lefth hand side or the right hand side way bigger.

5:57 A lot of the time I actually  just issue this middle pane entirely actually and then just chat with the agent. But I'll I'll show  you guys how that works later. For now let's learn this on the left hand side here. As you see this  is just a file explorer like anything else just like a finder on your computer or whatever. You  know you have the exact same thing here. So, you know, in my case, I'm scrolling through my Mac uh  files and and folders and stuff like that.

6:22 Well, that's basically exactly what anti-gravity does. It just does it for you in a slightly different user experience. And so, folders in this case have  this little folder icon, right? Um specific types of files which have different file endings have  other logos and stuff. This is a markdown file, which is why it's an M and then it's a down. Uh  this is an HTML file, which is why it looks like that. And, you know, you don't actually need to  know a ton of programming in order to get all of this stuff.

6:50 To be honest, um I don't have a formal  programming degree or anything like that. I still understood this stuff just fine after spending a  little bit of time inside of this dashboard. So, just to prove to you guys that, you know, we're  in a file. Uh if I click on this index.html here, you see that I actually have like a website file  set up here. HTML is the um ending for websites basically. And uh you know, there's a bunch  of different text here in this middle editor.

7:15 Doc type, HTML head, meta, right? I don't actually  know what most of this stuff means. I just have my agent deal with it. But it is important from time  to time to at least be able to poke into the file and and do things and stuff like that. Just like  you can do with any file explorer, you can create new files here. So I can make like another file  MD. Then I could write stuff. Hey stuff.

7:15 Okay. Um you can also delete files. So rightclick  and then you can you know delete, rename, open timeline. You can do all sorts of random  stuff with this. But I just want you to treat everything on the lefth hand side as basically  your average run-of-the-mill file explorer. And then the stuff in the middle you can almost treat  like like notepad on Windows or like Apple notes in the middle. Um it's just because in programming  typically specific character sequences are tied to specific pieces of functionality.

7:43 You'll see here  that like it's quite colorful like link tags look a specific way. This thing looks another way. If  I go into I don't know this Tailwind config. You see we now have the color purple and and yellow. Basically they just make it look like a freaking rainbow. And that's cool cuz why would I be  working on something gray dull and featureless if I could be working on a rainbow instead? On the  rightmost side of the file explorer, you also have the ability to like um have like a quick highle  overview of the file.

8:11 So that's kind of neat. I don't know if you guys could tell super well  here, but this is basically like a I don't know, it's like a a level of abstraction up. It's like  a window that allows us to scroll up and down. This is useful if you're looking for specific  things within the file. Although I'll be honest, I mean like nowadays, as I mentioned, I don't  really use the editor too much. And then up at the very top right hand corner, this is relevant if  you run any markdown files.

8:37 If you click on this little button here, and by the way, most files  nowadays where you communicate with the model are going to be markdown files. Instead of it  looking kind of like dull and drab and you know, all this tiny text here, if you click on this  little button here, you'll actually open what's called a markdown preview. And then this markdown  preview will actually like make the text the way that it's supposed to look. So every time in  markdown, you have this little like number sign.

8:37 What that actually refers to is that refers  to like a heading. And that's like the really big heading. If you have two, then that's a little  smaller heading. Then you have like text down here. So, most of the time, this is what you guys  are probably more familiar with. And to be honest, a lot of the time, if I just want to like take  all this dense stuff and then make it look a lot better, I'll go back to um my browser and then  I'll go to Google Docs.

9:04 And then what I'll do is I'll actually paste this in. And then I'll  just change the text color to black. And then now everything here just looks like a big Google  doc. And I can read through it. And you know, I see like orders of um hierarchy and and stuff  like that. Not super important, but good way for you to like quickly take a look at prompts. Okay, a couple of quick hotkeys here. Um, you can go forward just uh with this.

9:28 You can go  backward with this. It's the exact same hotkeys that you use on um, you know, Windows or Mac to  like change tabs and stuff cuz basically what we're doing is we're just changing tabs. So,  if you're alt tabbing, you can alt tab through files like that. Super easy. And then you'll also  notice that there's just different types of files depending on what you're looking at. So, we talked  about markdown. This is a JSX. This is a CSS.

9:53 This one over here though is actually a Gemini specific  one called walkthrough where it runs you through what the AI uh basically wants to do next. It  basically teaches you what it's doing. It's kind of neat and we're going to cover a lot more about  that later. But there's cool features like review, you could submit a comment, you could ask the  model for stuff and and download it as well which is kind of cool. Okay. And then finally just to  round out our AD20 on the right hand side we have the agent panel.

10:18 And this is where I'm going to  spend most of my time because as mentioned this is where like AI does most things for us nowadays. And we don't actually have to worry too much about the folders or the files or the code. What we  worry about is we just worry about specifying what we want in natural language. That's really what  like the vibe and vibe coding is all about. Okay. So, starting at the very top right hand corner,  if you want to start a new conversation, you just click this button.

10:18 Now, we don't actually have any  text in our current conversation, so I can't start a new one. If I just write a, then I can click  this. Now, I'm in a new conversation. You'll also see down here that our history is populated. And we can see 4 seconds ago, I had the letter A. Uh 24 hours ago, I asked some questions about  background images loading and stuff like that. really quick and easy way to create a new convo.

10:45 Um, you can obviously also just use hotkeys. So, command shift L will just automatically pop one up  and then, you know, every time you type, you can just make a new one and so on and so forth. Over  here are past conversations and so this will have uh basically a list of every conversation I've  ever had with AI. So, refining prompt for website generation 47 minutes ago. This is something that  I produced. Uh, when you click on that button, it'll say, "Hey, should we open in the current  window?

11:11 Should we open in a new workspace?" So, what I'm going to do is I'm going to open in a  new workspace. It'll open up a new folder. And now it'll actually pull through my conversation as  well as the specific file that I had open when I did this. In my case, I was preparing a website  uh prompt basically a website generator prompt for this course uh which is right over here and I  was just having a back and forth for that.

11:11 On the right hand side, we also have additional options  which allows us to do things like customize and MCP servers. Customizations are pretty cool. Basically what you can do is you can define highle rules that guide the behavior of your AI  model. So, we're going to get into ways to steer things as I mentioned in the um sort of outline of  this course, but rules are really quick and easy ways that you can either set globally or within  the specific folder that you're operating, okay, to either control all instances of every line of  code or every conversation you have with Gemini or you can do that within a fold.

12:04 So, you can  see here I technically already have a rule and it's called cinematic landing page builder  role. Your role is to act as a world-class senior creative technologist and lead front-end  engineer. you build highfidelity cinematic one to one pixel perfect landing pages. So this is  sort of like my highle um workspace rule that helps constrain the behavior of the model. And you know this is actually pretty long, right? Like you could scroll down this for quite  a while.

12:04 Um this is one of the reasons why I have pretty good vibecoded quality because I basically  put in a lot of style guide and highle information to help the model you know make quick decisions on  the fly without having to ask me for stuff. So you can define that both globally or a workspace. If  you just click the button then you can enter the information right over here. You click this button  and you can just um create your new rule.

12:28 So maybe I want it to be called design guide. Oh, and you  have to use um you know hyphens in between each. You can't actually have any spaces. I'm just using  a little voice transcription tool. In this case, this one's called whisper flow. Um and then you  know you can basically specify an activation mode. Is it always on? Is it manual? Do I set it? Do uh  I leave it up to the model or do I do glob which applies specifically to files that match some file  pattern?

12:54 In practice, I never use glob. I never use model decision. I never use manual. I always  use always on. So in this case, I'd say, hey, when you design websites, I want you to stick to a  minimalistic, sleek aesthetic. I want you to build things that are significantly closer in design to,  let's say, the Apple homepage than anything else. And I can populate that. If I wanted to run this,  I would just save this file. And as you can see, we've now added that as a rule.

13:19 Now, I  don't actually want this rule here. Um, so what I'm going to do next is I'm just going  to delete this. The way you do so is every time you generate a rule, it's now created inside of  agent/ruules folder. So if you want to delete it, you just delete that. And now we're back to just  that one rule which is called the gemini.mmd. This gemini.mmd is basically just the parent rule that  always applies if you have a file called capital gemini.mmd in your workspace.

13:44 All Gemini models  will just always take that as a rule. Um multiple different ways to define rules and stuff like  that as well. Not super important. There's also workflows which I think are probably nowadays  better understood as skills where basically similarly to rules you can define behaviors or  specific sequences of steps that you want your agent to take every single time. So these can  be pretty cool and you can again define them as global or workspace.

14:10 So I could call this I  don't know code review here. I could say this workflow defines a code review process that goes  through the code and then maximizes the security of the vibe coded app. To start with, I want you  to reference this document. This document includes information about all sorts of high ROI security  practices for vibe coded apps. After you're done, I'd like you to go through each of these step  by step. Uh make small incremental changes to the codebase.

14:10 Try not to, you know, do everything  everywhere all at once. and then verify with me at the end that it works by asking me to test  it before we push to production or anything like that. And so, you know, in this case, what  I've done is I've I've built some quick little rule here. And then maybe over here is where I  put like my security stuff. And now, you know, what I have is I have a quick little workflow  that after I'm done building my vibe coded app, I can just say, "Hey, I want you to run the code-  review workflow." and then it'll just go through this standard operating procedure, the sequence  of steps, more similar to like the way that a business would operate with checklist style  tasks.

15:06 Again, I don't actually want this. Um, so what I'm going to do is I'm going to go  back here. I'm just going to delete this. That'll delete the code review customization. Now, there's also some other customizations like MCP servers. I'm going to talk a little bit  more about MCP servers later. But the way I want you to treat MCP servers for now is basically  it's just a way to define workflows. It's just um workflows that somebody else did for you.

15:06 And so these MCP servers essentially allow you to connect to different tools and then run  standardized workflows on those tools. So for instance, if I wanted to use a server like a  PostgresSQL, there's a pre-existing workflow bundle here called CloudSQL for PostgrSQL. This  is a specific database language and specific type of database. This basically just defines  a checklist series of steps that the model will always do to communicate with us that I don't  know can translate my natural language queries into that if I wanted to.

15:33 Same thing with Looker. Same thing with GitHub, Neon, Stripe. Basically, these just allow us to communicate with different  tools in a very predictable way, which as I'm sure you can imagine if you're building high quality  vibe coded apps can be pretty useful. That said, there are also some downsides to MCP server. So, I don't really use them a lot in practice, and we'll cover all that stuff later. For now,  I don't want to overwhelm you. Okay, next up, we have the title of the current folder.

16:02 As you can  see, this one's just called website-builder, not rocket science. Then, we have the ability to add  some context here to our prompt. So, if I wanted to, I could add media. I could add mentions. And  I could also add workflows. Remember the little workflow that I put together earlier and then  deleted? If I had workflows, every time I wrote slash, I would automatically be able to add them  here. What's cool though is you can also mention, and when you type mention or or you just press at,  then you can actually attach files, directories, uh, code context items, rules, even terminals,  pre-existing conversations, and then also MCP servers into the context.

16:29 And the reason why this  is valuable is because, you know, I could just copy everything in this file and paste it in, or I  could just say, "Hey, I want you to reference this gemini.md." And then it would do the same thing,  but as you can see, I'm not really polluting this big window. It's very clear and clean. After that,  you have the mode. Now, there are two conversation modes available to Gemini 3.1 Pro right now.

16:54 There's planning and fast. This may change at a certain point in time, but for now, this is more  than enough. In general, you always want to start in planning anytime you're designing or building a  new feature. Planning is good because it basically allows the model well almost forces the model  to do a lot of thinking before it actually like you know stretches its fingers out in the world  and starts manipulating files and stuff. It then actually presents you a workflow and says hey this  is what I'm planning on doing.

17:19 Are you sure you want me to do this? And then you can set your own  behavior to either auto approve which is just have it run on its own um decided plan or you could  actually stop it and say hey I didn't really like what you did here. I want to make a minor change. Next up you also have fast. fast just allows it to execute things directly and go really quickly. And so this is actually pretty useful if you're doing quick one-off tasks.

17:19 Hey, I want you to  change this file format to this file format. Hey, I want you to change this markdown file to a txt  file. Hey, I want you to, I don't know, refactor XYZ really quickly with this um, you know, brief  little variable in mind or something like that. Okay, so in general, I always start with planning  and then at the end um, you know, when I'm just doing one-off tasks and stuff, if I need to, I'll  use fast.

17:46 Underneath, we have the model picker, which I've already covered. includes the specific  one you want to pick and choose and actually have in communication with. Remember how earlier I  said the agent is just like a wrapper for the um specific model you're talking to. Well, this  is how that works, right? This chat window isn't communicating with all models right now. It's just  communicating with one, but I can hot swap them anytime. Instead of Gemini 3.1 Pro high, I could  easily choose Gemini 3.1 Pro Low.

18:12 And you'll find that every model has different pros and cons. If you want a quick example of pros and cons, just go to Google and type Gemini 3.1 Pro High  versus Low. And what you'll do is you'll have um you know basically benchmarks showing you how high  quality the models are at different things. Uh use usually some sort of like graph here that runs  through hey you know highs 44.4% on this benchmark lows 39.8% on this other benchmark and so on and  so forth.

18:39 I will say in general I tend to just use like the best models currently available and to be  honest that's usually the most recent model that has been pushed out by the big three companies  right now which tend to be Google um OpenAI and then Anthropic. Uh I was all about you know claude  uh Opus 4.6. six just last week. Um, now you know, Gemini 3.1 Pro High seems to be very, very good  at like design specific applications.

18:39 So, what I'm doing is I'm passing off my design stuff to  Gemini 3.1 Pro High. Then I have Opus 4.6. Kind of clean stuff up on the back end. Yeah, this is how  you select through a bunch of different models. And as you can see, it's just like Lego blocks. They're hot swappable. Gemini 3 Flash is super super quick. Sauna 4.6 is a really long context  window. A lot of these have pros and cons. Um, nobody really uses this in practice though.

19:09 Okay. And then finally, um you can click this button to replace your texting with basically talking. So what I'm doing right now is I'm just having a normal conversation with it. When I press  this button, um you know, and then I I send it, Gemini has a built-in uh mechanism to just  transcribe what I just said and then turn that into text. The reason why this is valuable and why  you're seeing a lot of people use voice dictation tools nowadays, it's because on average, people  speak much faster than they write.

19:34 If I'm writing at 50 to 80 words per minute, I can speak at like  150 to 200 words per minute. So, it's obviously a lot faster and a lot quicker. Now that I've  actually sent a message, you could see how the UX has changed a little bit. We now have a thought  little tab. This basically runs you through the internal thoughts of the model. The reason why  they make this present and visible to you is because if it's making any sort of like egregious  error, you can just quickly dive in and say, "Okay, so why did it make that error?" This gives  you some transparency, some accountability, and then you can, I don't know, adjust your feature  prompting style to be better to solve that issue.

20:00 It's also good because sometimes the models are  lazy and they don't really respond because they're trying to conserve tokens or whatever the heck. This is a quick and easy way to like make sure that the internal thing is not uh the user asked  me this question. I don't really want to spend a lot of tokens. So I've decided to give them a much  simpler answer. This is how you can actually just figure out what's going on under the hood.

20:24 The  text that is not sort of this darker thinking tab is uh the response. And so in this case to  get started on building a cinematic landing page, please please answer the following questions. The  reason why it's running me through that is because I've defined that as basically my highle workflow  rule uh or sorry just rule in gemini.mmd. I'm saying hey you know I want you to act as a world  class senior creative technologist when the user asks something immediately asked exactly these  questions and then it's asking me these questions.

20:53 So basically this is taking everything from that  initial configuration file and then despite the fact that my voice message said nothing of any  import uh it just injected that up at the very top and now it's trying to you know do my my higher  level rule instructions. Okay so underneath you have good or bad. Uh this is just a way that  you can help train the Gemini models on like hey I like this response. Hey I don't like this  response.

21:19 I never really use that in practice. And now you can see that there's also a bunch of  additional tabs that I've opened up here. On the lefth hand side there's changes overview. if your  request changed any files um you know on your work inside of your folder that's actually going to pop  up right here and then you can just take a look at them in practice nowadays basically nobody takes  a look at these they're just like oh yeah man you figure it out you got it uh next up is terminal  so sometimes Gemini or other models will launch terminal instances for you can actually see the  background processes running in that tab artifacts or files that are part of the conversation so you  know I added this gemini.md file for instance I mentioned it right and then over here we have  the browser and this is kind of neat you can actually launch a browser are inside of uh Gemini  nowadays.

21:44 Um this browser, you know, I'm not going to say it's like the highest quality browser on  planet Earth, but it can be pretty cool. If I go over here, you could see um we're going to keep  it. We're now opened on the anti-gravity uh docs page for browser. And so, you know how some things  in life you can only really do on a browser? You can't just do everything via API or you can't  do everything like through a chat window.

22:12 This is basically a quick and easy way that allows you  to do that. And I'm not going to say that this is like super super valuable or really really  all that helpful right now, but you know, it's pretty cool and obviously they're trying  to push more towards browser automation. Okay, so hopefully you guys now know everything about  how to use anti-gravity and then the Gemini series of models. What I want to do next is I just want  to give you guys a quick run through of Claude Code because we're also going to be using that.

22:38 Basically, the Claude large language model lives within the Claude code chat software which we also  wrap inside of anti-gravity. And so just the exact same thing that we just did with the agent chat,  we can do with the Claude code chat as well. So what I'm going to do next is I'm actually going  to exit out of this view. Okay? And then I'm going to sign up to Claude. Now, in order to use Claude  Code, you do need an account.

22:38 So what you have to do is you have to go over to claude.ai. That'll  take you to a page that looks like this. And then you can enter some information here and then  continue with your email. I don't actually have an email called asf asdf asdfgmail.com. If I would,  I'd probably be a billionaire. Um, basically what'll happen is they'll send you a link over to  your email. You can click on that link and then it'll sign you in.

23:07 From there, you have a brief  little onboarding that you need to fill out and then that'll take you to the most important part,  which is the pricing. Now, the way that the plans work for Claude Code is you need to select between  the pro or the max plan. Pro plan is $17 a month right now. The max plan starts at 100 and it can  be significantly higher. Unfortunately, right now they don't allow you to use quad code within a  free plan.

23:36 That's just part of the limitations of using the cloud family of models and it's just  always a trade-off with these things, right? Like if you think about it, Gemini allows you to use  things for free. Uh Google, sorry, allows you to use Gemini for free despite not having to pay  any money, but then you have quite limited usage. Whereas Cloud Code requires you to sort of put  a certain minimum amount of money, in this case 17 bucks a month in order to use it, but then it  tends to be a lot better at specific applications.

23:36 So you don't have to necessarily sign up for  this, but if you did want to sign up for it, if you wanted to use um you know, Vibe Coding in  a way that I'm going to show you in this course, you would have to have some sort of subscription  ongoing. I don't want to push you guys to sign up to anything. I'm not affiliated with, you know,  Anthropic. I'm not affiliated with Claude Code. I'm not pushing any specific product on you in  this course.

24:04 I will just say that I, as a business owner, uh, you know, I get a tremendous return on  investment from this stuff. Just a few months ago, in order to hire a developer at the level of Cloud  Code or, you know, Gemini with an anti-gravity, I would have had to spend 20,000 to $30,000 a  month. I would have had to go down to Silicon Valley and find like a super cracked dev and then  hire them on my team.

24:30 And those people would work eight hours a day max. Um, this stuff does 24  hours a day. This stuff you can plug in APIs. It's totally automatable. This stuff gets smarter every  day, week or month. And so this is really like the technology of the future. Um, I probably get at  least 100x ROI on the money that I spend and I'm spending like $200 a month, right? So that's  that for Claude. Once you're done signing up,