You can now build beautiful websites in the brand new Google AI Studio 2 with Gemini 3.5. Most people build websites that look flashy but don't work and fall apart the second a client touches them, which is why in this video I'm going to show you exactly how to build beautiful and profitable websites with brand new systems that actually convert viewers into buyers even if you are a complete beginner. And if you're new, I'm Jack. I built and sold my last tech startup with a gazillion customers. Now I'm building my own AI companies and I share here the stuff >> >> that actually works. If you haven't already, grab that beautiful coffee and let's dive straight in. Now I've been going deep on AI Studio and I'm going to save you so much time with what's changed and what you need to know. The reality is most websites fall apart like season 8 of Game of Thrones. In reality though, what are great websites? Well, they're not necessarily full of chaotic things, right? You can build this, which I did in one shot by the way. Look how balanced, look at the white space, look how beautiful this is. This is just one example. I'm going to show you exactly how you build this and how you can reverse engineer what I would call architecture of a website and we're going to be using this new AI Studio. But first of all, let me jump in with what's actually new and why we need to talk about it today and what the hell is really going on here. So, get it is how do you build websites in AI Studio, which you can start using completely for free online. It is first of all, bear in mind, powered by Gemini 3 Pro. Okay. So essentially, we're going to give it a prompt. Gemini 3 Pro, they just released a brand new model, 3.5 Flash, which is a mix between capability and speed. So we're not waiting here for a thousand years for our things to happen. We're going to get great output. Um and it's Gemini 3.5 Flash by default and you can do two projects completely for free. Now, couple of things that you can do with AI Studio before going to build and I'm going to show my new strategy, my new method I developed, which is just crushing it and there's somebody who's actually sold websites for thousands and thousands of dollars. So the stuff I'm going to show you is actually completely battle tested and will enhance your business or your clients' businesses. So, it can do full stack, native Android builds, you can annotate things in it. Basically, you can send things to the cloud, and crucially, you can export from Anti-Gravity. But probably, guys, it's most powerful feature, genuinely speaking, is just the fact that we're using Gemini 3.5 flash for free inside Google, and then we're going to take it over to Claude code to really supercharge it. Anything I show you in this video, you can do directly in Claude. But what we're going to be doing is building out in AI studio because it has access to a very broad design library, and its whole purpose and strategy is to design something that looks freaking gorgeous. But it has one huge limitation. And that's that the models do not understand what excellent design looks like, and they also do not understand what realistically turns viewers into buyers. We have access to both of those pieces of information if we know where to look properly. And when you use the system I'm about to show you, not only can we design essentially anything that is gorgeous and fantastic easily, but we can also do it in a way that will convert viewers into buyers and increase your business. Now, 99% of people, when they start building websites, will come over to this, they'll put a prompt in, and they'll say, "Hey, let's go." There's actually three ways that you can build a website, okay? Number one is what we call buying a template. So, hey, come buy my template, download it. The problem is everyone's got this template, so it looks super generic. The second one is you can build from scratch. That is going to involve you going back and forth like a 12-round boxing fight trying to get it look perfect. It is good and fantastic. And then another option that you've got as well that you can look at is what we call understanding the DNA of a website that you already think is excellent, okay? And then actually kind of basically building out a blueprint of that. So, say for example, you're on a website like this, okay? And you think, "Hey, I quite like the design of this, right?" Well, you would never just copy the design of it, but what you could probably do is just understand, well, what is the design architecture of this and what this effectively means is any website that you see like say for example this you like Jack I think this website is gorgeous I would really love to understand you know because you can't articulate what excellent design is but you can see it and think I love the white space in this design I like some of the graphics I like some of the the way that it rolls it's just a beautiful thing right well if you wanted to do that we can effectively use a certain system that I built that effectively breaks down what is the architecture of that website so for example here a headline H2 we have logos here and it's kind of understood that everything is in boxes so AI now can effectively build anything if you tell it what good looks like so the trick isn't the prompt it's giving the agent the rules to follow and if you look at some of the best websites you've ever seen designed you'll notice in many cases people are actually just pasting code in there because it really steers it and you'll find out a load of the components but what we're going to do is get an inspiration site so we're going to find a site that we think is gorgeous and we just want to understand typography color palettes spacing emotions to kind of get the DNA of the site without copying anything so we can actually build something really awesome right so effectively want to make sure that we've got the font looking good the font weight pixel line heights not ratios how much white space these are all the kind of beautiful things that you can use to build a fantastic site that Gemini by itself doesn't quite fully understand just yet and the reason why I'm showing you this way rather than saying hey just paste this in is because you may have a different idea of what you want your brand to look like and we are going to look at what Outlyers do but it just enables you to be very versatile in understanding what great design is cuz the way that most designers build typically speaking is they will get inspiration from different websites and think I like the way that it does this and you can stack this across four five six different websites find out what they're doing that makes it look awesome and then actually use and leverage that to build your own from scratch now a simple way of doing this is actually grabbing a website you think is gorgeous and actually sharing it in here and say hey there help me understand what are the design components of this website, right?" And it can actually talk you through everything. If you want to go there quicker, faster, I actually have one I built inside the community with is I call the design blueprint extractor. You literally come over here, you just download this. And by the way, if you're thinking, "Jack, this is fantastic. How does this all fit together?" Well, I've got a full Claude code masterclass that I'm releasing inside the community. It covers everything from foundation setup, building websites, stuff that I've never shared online all the way through to how he's agents app building everything. It will take you from zero to hero. People message me about this every single day. It's that freaking cool. So, I just want to put that on your radar. Now, either way you're doing it, whether you're using the skill or you're going to ask and provide a URL to Claude chat GPT, what you want to do is some research. Now, personally, I use Fire crawl for this. It's a tool that you can use completely for free and it just enables you to extract brand identities and tons of typography, um fonts, things like that really easily. And you can also give this to um basically your AI if you want to. But, let's say we come back over then to Claude for instance. I'm going to go down and just upload the files. As you can see, I've got a zip here. I just upload it. Effectively, this is just a lot of trial and error, but what we're effectively doing is understanding what is the kind of design architecture behind it. So, I'm just going to say, "Hey there, dude. Just open these uh and I want you to go ahead and perform it for a specific site URL." And just go ahead and click enter. Cool. And so, it comes out with our first question. And by the way, you can just give it the specific information. So, these are some examples. What I thought would be really cool for us to do together actually would be this rocket website cuz what we could probably do is have some kind of rocket launch happening on it that I think is really visually intriguing. One of the things that you'll notice as well, guys, on this is that the there's a a real popular theme that's emerging out with lines. We see it with rocket.new. We see it with Stripe. There's also one on, I believe it is called Basecamp, who we use for Glider. Uh essentially, Basecamp are like kind of inference providers. It's like what we do for our speech-to-text. But, you'll see you see this kind of dotted line notion thing. It's very, very popular trending style right now. So, I think we go ahead and why don't we go ahead and extract the brand identity for rocket.new. It's kind of a nice website. It's fairly clear. They've got some clear imagery. It's crisp, it's clean. I think it's quite cool. So, we can go down here and there's some cool stuff that we can do with it. So, I come down here to other and just go through and next. Again, if you're building this yourself, just basically just answer these questions directly with it. We're going to go with another brand and I'm going to enter in the rocket.new, which is fantastic. What's one-line description product? Um we help businesses build beautiful websites. Okay, so we'll pretend it's a kind of website uh selling service, which is the best way to get started if you are trying to build like an AI business or something. A lot of people find it really easy to build these digital products and stuff. So, it's a fun one to play around with. But, what we're effectively going to get off the back of this is a design blueprint. Now, if you want to, you can go directly and get started over here and just say, "I want you to build me a website." And it will look okay. But, if you want it to look the best and you want it to look like something you think looks gorgeous, we just want to take this slight little little pre, you know, what I'm saying? Like an ounce and pre is worth a pound and post. So, it's really worth understanding. But, what I'm going to show you after we've built this is going to take it to unbelievable levels of conversion. You definitely need to make sure that you understand how to do this because if you want a website that turns views into buyers, you need to understand how to do this. And when that's complete, you will get four basically files that come out. Or if you're doing it yourself, you'll just get a bit of detail. So, we have the builderbrief.md, which kind of just is all of the information about the website. It just explains a lot of interesting things about it, how it works, the kind of like the structure. We have a preview of the entire website itself in one image, which is really handy. We've got the scaffold.html, which is kind of like, "Look, this is kind of how you want to break down the website." So, now you have a scaffold that we can give to Gemini to make our website look freaking awesome. And then some information on the tokens about like spacing and also typography. So, what we do next is we head over to Google AI Studio. And then what we're going to do is just drop in that information. So, add files. Okay, cool. So, once it's uploaded, then we're just going to basically give it a prompt about what we want to build. So, in this case, let's say that we want to build a website selling company. So, you could say, "Hey there, I'd like to use the attached information to build for me a website that is about selling, basically giving websites to businesses. We build websites for businesses. We essentially get you more clients and and build beautiful websites that convert." And as you can see, as it's building out, what it will do is show some design previews. If you want to go ahead and build that like editorial static, bold typography. So, if you're going through this and you go, "Dude, I like the look of this." To me though, honestly, I think a lot of these have a quite traditional AI design style, which when it hadn't proliferated on the internet, wasn't so much of an issue. But, I think now, you know, it kind of just has a very AI look and feel to them. So, you want to use these more kind of like latest methods that's going to build stuff that really creates that wow factor that actually uh physically works. Now, once this is done, you'll get a website that looks a little bit something like this uh based on whatever it is that you upload, and you can go back and forth, give it prompts, give it questions. Like I showed you earlier, this is another example for a completely different type of website. You can see this one is gorgeous. I really love the spacious design that you get on this. I think it's fantastic. This is definitely more my my kind of vibe. And you can see we can get all the stuff. One cool thing that you can do with this as well, if you want to, you can remix it, which is good because you can effectively share this with other people. So, what you can actually do as well is you can amend within, which is kind of how I need to be fair. If you click on this little pen icon over here, we can just do some quick little crisp edits. So, instead of "Website built to scale," we may want to change that text. You can do that basically by clicking on it, and then you get the H1 click. Then the bottom left, the component is there. So, you can say, "Hey, change the copy to insert the blank." And all I'm looking for from this first thing is an initial shot. Now, what you can do is go ahead and publish it. To be completely honest with you guys, I wouldn't really go through this entire interface right now, just because it's not crazy. There's a lot of stuff you need to integrate. What we need to do is take this to a new level in terms of design, and then also make it so that people will actually go and buy our stuff. So, what I'd recommend you do is click on code like so. And this is export button. Just come down. You can open this up in anti-gravity. I'll put a link on screen for my full new anti-gravity 2.0 video that explains what's happened, what the hell's going on with anti-gravity, anti-gravity 2.0 in the IDE. But, what you're going to do is come down and click on download as a zip file. So, now your entire website will be in this file and we can do whatever we want. So, let's come down here. Grab that zip file and just go ahead and download it. And then you've downloaded that website, all you're going to do is literally come over and drop it into Claude. And if you don't have Claude or this sounds like I'm speaking Spanish, check this video on screen. That just gives you a quick tell-the-eye overview of exactly what Claude is. But, basically it's just a desktop app that we're downloading. And let's just use Claude code, which is really freaking cool. So, now all I'm going to do is this command, which is "Hey there, dude. Uh open this up for me in a local host." Local host just basically means instead of it hosting on a server somewhere, it's actually the website's entirely running on your laptop, which going to be the future of how you can build this stuff now. AI's made this stuff way more accessible. And the cool thing is now, when we own the website, we own all the code, basically you can chat to the website. You can be like, "Hey, change it from blue to red." or "Change this." And we basically just talk to websites now and they do what we want. That's how cool it is. And when you're using these strategies, that's how you get gorgeous websites. They pretty much do anything. So, this is now taken all the files that Google built for us and it's just taken it out of the Google ecosystem into our environment, where we can bring it into our own apps, anti-gravity and Claude and Codex and all these different places, so we can do some magical things with it. And so, now it's opened it up in a local host 3000. Let's open this bad boy up and we can see now we have the whole thing onto our computer. But, you know guys, there's a lack of imagery and it's irking me so much. So, I actually now want to go ahead and build an image. Now, cool thing is we can use anything for this. Just simply for simplicity, I'm going to go ahead and use Hexfield. Again, they're not sponsoring this video or anything. I just think it's easy to do, but you can use any one that you want to. So, what I've asked here is a beautiful Ghibli style rocket taking off in a jaw-dropping environment. Gorgeous blue skies, green fields. It just looks beautiful. So, I think it would be cool if we actually integrated something like this into the website just as a nice kind of backdrop. So, something gorgeous, something that looks really decent. All I would do is download the image or just like grab it from wherever you would like. I can do this by simply coming and dragging. And so, I've just dropped this image in. So, we're going to go ahead and give it a prompt. Hey, I would like this image I've uploaded here to be the background of the first section. Please keep the lines intact, but everything from 1.5 million people, the H1 and H2, that first box, let's have this image as the background to it and then just have a nice little bit of contrast so it's visible. I think that would look beautiful. Okay, so we're just kind of like teach him with that. This step really is just amending and getting the initial design right. So, now it's done it and I think the image looks beautiful, but what's interesting to me here is I think it would look a little bit better if the rocket was slightly off to the right-hand side. So, what I'm going to do is just amend this image very quickly by coming over here and I'm going to come down. I'm just going to reference this. And effectively, I'm just going to come back over to Claude and I'm going to say, "Hey there, could you do me a favor? Could you just write me a prompt to amend the image? Maybe whereby the rocket's more on the right-hand side of the image and then the be a background that would be suitable for the text on the left. That would just enhance it a little bit without really changing the core of the image." Now, since this is our hero asset, I really think it's worth taking just one or two minutes to go through just perfecting it. Then we can just give it an upgraded prompt, an upgraded image, and it will just really lift, no pun intended, the quality of this website. Again, now we've got a great prompt. Grab this one here, head back over to our image generator. I'm just going to drop this one in here. And again, it can be any one you need. It doesn't necessarily have to be this website. It can be anything. And guys, look at this. I think this is really awesome. Can you see how when we've got like actually an image and that kind of would fit our website? That is really fantastic. I think immediately, this one is looking the most natural to me. I think that's fantastic. So, let's go ahead and download this bad boy and shoot straight back over to Claude once we've got it fully downloaded. Awesome, I've just attached the latest image. Please update it accordingly. That should present enough space to write it. Just have a look at where the image sits, and make sure that the text sits on those bits with the best contrast. All right, I think this is good, but since you've got a rocket and we're using a launch theme, let's tie that in a little bit. Hey, I'd like to change the H1 to launch your beautiful website for $0. And then, I've I'm seeing a grid frame overlay on the right-hand side. Let's just remove that, please. Now, what I'm thinking would be a cool offer is basically they're going to give the website for free, and then obviously they can work with them in a different services to upsell and diverse different things. Also, I think this is looking now. I think what actually be great is if we could just increase the height of this a little bit cuz it's really nice. Typically speaking, you want one viewport, one thought. For example, with this Jupiter thing, can you see how it's like like I've got one image, it's one thing. So, we can set the height to 100%. I think that with this specific website, it's a slightly different thing here. And by the way, if you're looking for inspiration to do websites, a great website called godly. website. You can literally scroll through this and get different ideas, different examples. Google it. There's like a gargantuan different examples of how you could do that. I do want the height to be a little bit larger. Do me a favor, my man. Just increase the height of that first section. I think it would really benefit from being a little bit taller. And so, now we've got this. I think this is really tasty. This is taking up a little bit too much of my attention now. I think we just want to reduce this down. So, why don't we do something like um just reduce that down a little bit, come back over and say I again, you know, this is all about going back and forth. And I was playing around with some different sizes here, but I can say, "Hey dude, change the 1.5 million people have tried Rocket across 180 countries to something like 1.5K people have launched with Rocket." Something like that, or you know, successful launch Rocket. Just something a little bit shorter. It's taking up a little bit too much space. Also, you'll notice like we've got this beautiful kind of gradient theme. I wonder if it would be worth just kind of like changing that color to be somewhere similar to that. Go and drop that one off. Now, what I think we could do to elevate this even further before we even get started with how we actually turn this into customers is I think this would really serve, I think, a little bit of a video. So, what I'm going to do is actually turn this image into a really cool freaking video. So, I'm going to shoot over to Pixlr to do this. Again, use any one that you want to. I've already got this image. I'm going to shoot over to video. You hear the rocket? Oh my gosh. So, here's one I was playing with earlier. You can see the rocket's kind of flying off into space, which is interesting. What I think we should do though is one that has the same start frame and end frame so we can ideally loop this together. So, come down here and upload the image. And then just do the same thing for the end frame, exact same image. Okay, so I've basically got both images, one for the start frame and one for the end frame. I've set this side and let me just bring this out so you can see. I've I'm using here Kling 3.0 and I'm basically just going to say, "Hey, just launch basically a takeoff." I don't want the rocket to continue to take off per se, but I just want to look like it's about to take off and then basically finishes the same frame. Beautiful, buttery smooth animation. Really cool. And the reason why I'm doing this, I think 8 seconds is fine cuz they shouldn't really take more than 8 seconds to read it. I feel sorry for the people here at the bottom who are struggling a little bit. And if you're wondering what this Claude superhero is, actually in the dashboards and stuff that I've been doing, if I show you actually this cuz it's a really interesting one here. I use the same principles in building up my Claude code operating system. Like this is the Hermes image in the background. And again, even over here, this just basically shows you a breakdown of all the usage across all apps, whether it's Claude, ChatGPT, antigravity. It literally analyzes all the stuff that you're working on on a daily basis. Um and it'll give you suggestions of how you can save money and different It even researches stuff for you. It's like working an agent working for you overnight. But the cool thing is I even integrate these things into these dashboards cuz I think it just brings it to life and adds a certain level of dynamicism that just makes it easy to consume. And I think it just adds a lot to it. Beautiful. So, now we've going to our rocker and then you can see it's kind of like running and the clouds were merging and it's decent. I think that's not too bad actually. It's kind of like you can see it's gentle, it's not distracting, there's some gentle movements in the cloud. Again, they're not going to be studying this like a movie, right? So, once we've done that, what we're going to do, guys, is come down and we're going to download this video. Now, in reality, speed is an important factor on your website. If your your website takes too long to load, people are really freaking impatient, okay? So, like if it takes 15 business days, they will leave. So, what I do is I come back over the cloud, I just drop this video in. In fact, I can even say, "Hey, dude, I'd like to respond basically replace the image with a video." I just downloaded the video and just put it there. Just take a look at the file size. If it's going to be too big or pretty much latency, we can compress it a little bit, but let me see what it looks like in 4K first. Exactly the same dimensions, please. All right. Drop that one off and send it off. And I can tell you there's a great website to do speed checking that I recommend that you do is just going to get your website. I mean, the last one I had run about 50,000 unique visitors a month and we basically went through and made sure the speed was right, the conversions were right, and you can get these cool things like heat maps that show exactly what you need to collect, just little details as you're scaling up the business. All right, guys, and look at How freaking cool is this? And you know what? I prefer this to maybe some of the more kind of like out there whimsical designs is because it it's there's less stuff to go wrong and it just sits there beautifully in the background launching your website. Beautiful. Come down, you can see it, and now we've got the rest of the stuff that we can optimize and have a great time doing it. Which I think looks freaking amazing. And again, in reality, what you will need to do is just basically have a couple of prompts. And honestly, guys, I'd come back you realistically you're going to need to generate two, three of these just to get the right level down. I'm getting a couple here just so you can play around with it and you can see the different design styles that you get. And just to show you, this is the kind of thing you get when you don't necessarily use all of these tools and it's just generic and it can go crazy and it's just way too much text density. I recently went through over probably 200 different people in my community asking me questions about their website. The biggest feedback I I I find myself giving is too much text density. Don't make me think. Now, let's just cover what we've covered here, okay? So, let's take a look at this. We've covered what a great website is. We've got one proof, one brief. We basically throw it in there. Now, what we've done is we pasted the brief into AI studio. Basically, what's happened there is the anti-gravity agent has created a multi-file project, right? And then we've iterated on it in that. Now, once we've actually edited the code, we're going to bring on to probably the most important step of this entire process. And this is actually understanding how do we turn the viewers into buyers? A flashy website that can't actually do anything is like a Lamborghini with no engine. Looks great, but doesn't really cut the mustard. So, what we're going to do now is actually use something called an outlier strategy that when you understand it is going to get you light-years ahead of your competitors. And the idea with this one is super simple. Effectively, what we're going to do is based on the industry that we're in, we are going to look at up to 12 different websites. And we are going to analyze those websites in terms of like, what are the top five doing? And what are the worst five doing? So, say for example, we're looking for roofers in Texas. Well, we can find the best websites for roofers in Texas. And did you realize that every single roofer in Texas showcases beautiful roofs within the first page. Awesome, write that down. The next thing they do is show actual images of people, and they have video testimonials. Ace, write that down. And we can actually extract these insights based on the top performers. And we can also look at what the the bad guys are doing. What are the ones with the worst reviews doing? And we can kind of build this out. So, for this, I use Fire Coral. I'm going to put the skill down below for you completely for free, so you can grab that. Effectively, let me just go ahead and grab it from the classroom for you. Come down here to every AI automation. And here's the thing. Let me come down, and this is called the outlier research skill. Basically, open up a brand new chat and just drop in that zip. So, I'm going to say, "Hey there, I'd like to use this skill with the Fire Coral search to go ahead and do some research for me for my website, okay? Then they come back over here, I'm going to grab our beautiful website, I'm going to come back over here, I'm going to paste it in and say, "Here's a lot of information about my website, who my ideal customer is. I'd like to go ahead and find other basically websites like this to help me improve the positioning, the order, um do I need testimonials, do I need anything like that?" Now, you don't need to give it that verbal overview because it will already know that and it will already do that for you. I'm just kind of like including that so you get a sense of what you need to do that. And so what this will do when you download this skill, again, I built this for you completely for free, you can just grab it. It's going to ask you some questions. So we're going to say, "Hey, so we are competing against, you know, website builders, think of, you know, basically companies like Wix and Lovable and loads of different websites like this." All right, I've entered in the information. Geography of the contenders, let's do global {slash} US, pretty decent. And what type should the blueprint reverse engineer? I think realistically we want it to do I'd like it to do all three of those things for me, please. Now, the really cool thing to understand here is that there are many things we have to do when building a website and growing our businesses, but we don't need to reinvent the wheel every single time. And understanding psychologically and just based on our outlier performance from these incredible websites that are already converting, we know we can just identify the commonality and trends and then literally cherry-pick the best components for us and for our offer, which is shortcuts the journey between where you are and exactly where you want to get to. Now, obviously in addition to this, what you're going to need to do is go through the website. Just really make sure it's got everything that you want to. Crucially, what you need to do first of all, at the very beginning, while this is working, is I need to at a glance be able to understand what this website is about. Remember, websites are not read, websites are glanced at. Do not take their attention for granted. A simple thing like Launch Your Website to Zero Dollars, I get exactly what the offer is here. You're going to launch my website. Now you've got my attention. I've got something eye-catching that is freaking awesome. The next thing that we have to address actually, and it's a really cool one I found to include in here, we used to pay a chemical trust pilot gosh like maybe 10 like literally thousands and thousands and thousands of pounds to have be able to show that the logo for credibility. So what we need to basically communicate is why are you credible? We can do this by either showing additional logos like hey, these are the companies that we work with. If you don't have that credibility, what you can do instead is built with platforms you love and then show the common platforms that they may have. We need to include things like testimonials, but crucially once we've given them the offer or the frustration hook and we're kind of in a again no longer than this. Like this H1, I don't want to be any longer than seven words. This is fine. It's like something I look at last, but once we've done that effectively what we need to do is just communicate very clearly what is the what is the offer stack? Like what do I get out of it? Remember, we live in the world unfortunately where people only really care what they get out of it most of the time. Are you asking them to spend their precious attention seconds in understanding this? So I need to go like hey, this is what you get, this is what you get, this is what you get very clearly. Okay, then we want to see a bit more about credibility and ideally then we want to see CTA. So this here isn't really doing too much heavy lifting. I'd probably remove this. I'd then have a launch very very very very clear. The website doesn't need to be too long. So the basic idea here is don't make me think. Don't make me engage my critical system one brain. I need to be chimp brain. I need to be green equals good, red equals bad. I mean I covered a lot of this in the CloudCode Masterclass with the website section so I won't go too deep into it here to repeat myself, but you get the idea of how this all works. And just like that guys, we get this ridiculously detailed site blueprint for the website builders in 2026. The winning anatomy of a website building homepage, pricing page, and feature page. And it has looked at Wix, Squarespace Squarespace oh my gosh how many covers have I had? Shopify, Framer, Lovable. We've got all the logos, why the structure is not a generic one, and it goes through the blueprint and breaks down everything in detail from the hero, the stats strip, the use cases, template customers like gallery. You get the idea. Now, I've done this for website builders. In reality, you're going to do this for your specific niche, right? Roofers, drainage companies, whatever the thing is, we are looking for what is specifically crushing it and what isn't. And this has gotten so many different data points. And once we've got all that stuff, look at this. No AI mention on anywhere in the on the page for this company. Really interesting insights. Then when you come back, you're basically going to say, "Awesome. Based on all this data, could you create for me an action plan of all the stuff that we should change on our current website to make sure that we can maximize our conversions and turn viewers into buyers based on our specific intention." And our intention might be the product that we've got, right? So, we need to make sure that it fully aligns. Then essentially, Claude will give you information based on the website you built in Google's AI Studio of how to improve it and get a high converting website built on the principles that we spoke about earlier. And I know the exact matter of building these beautiful websites. The next thing that we need to do is learn exactly how to publish it, manage SEO, how do we sell these if we want to scale or how do we implement it in our businesses all the way through, and we're going to learn that by watching this masterclass right here.
📈 ALL Systems: https://bit.ly/4kol0y5 🔥 firecrawl: https://firecrawl.link/jack-roberts 🎙️ Glaido (voice type): https://bit.ly/42isnim *Build $10k websites in 17 minutes with Google AI Studio 2.0* So I've been going deep on the brand new AI Studio and it's genuinely insane what you can build now. Most people create websites that look flashy but fall apart the second a client touches them. This is ridiculous. What I'm showing you today is my complete system for building websites that actually convert viewers into buyers using Gemini 3.5 Flash. *** CORE Software *** 🎁 Website Outlier Skill: https://www.skool.com/ai-automation-vault 👀 My Goofy pod w/ Nick Saerev: https://bit.ly/46nLQ3U 🧪 AI Studio: https://aistudio.google.com 💬 ChatGPT: https://chatgpt.com/ ☁️ Claude: https://claude.ai/ ⌚️ Stamps: 0:00 - Stop Building Broken Websites 0:47 - What Great Websites Are 01:09 - Google AI Studio Explained 01:43 - 3 Ways To Build 03:36 - Extract Any Website's DNA 04:56 - The Design Blueprint Method 06:29 - Firecrawl For Brand Research 07:08 - Build The Design Brief 08:27 - Brief Into AI Studio 10:00 - Iterate The Design 11:32 - Export To Claude Code 12:17 - Open On Local Host 13:20 - Add A Hero Image 14:22 - Refine The Hero Section 15:33 - Image To Video 19:29 - Fix Text Density 21:41 - The Outlier Strategy 22:42 - Run The Research Skill 24:34 - Homepage Must Haves 26:29 - Read The Blueprint 27:18 - Turn Viewers Into Buyers *** What Next? *** Grab the design blueprint extractor from the community and start building your first website. And if you want the full Claude code masterclass covering everything from foundation setup to building apps, that's all waiting for you inside.