Build $10,000 Website with GPT-6 ASTRA In 12 Minutes... transcript

You can now build beautiful and responsive websites with Chat GPT 6 Astra. Thanks to brand new capabilities with Chat GPT image 2.5 and an incredible system. In this video, I'm going to show you exactly how to build these premium, beautiful websites that are also mobile optimized. And on top of that, also let you do many things like edit the copy, get them SEO optimized, look at graphics copy in your own website OS. So, if you haven't already, grab that beautiful coffee and let's dive straight in.

Now, to kick things off, we need to understand this has five big upgrades. Number one, we're going to show you how to call beautiful websites, how you can just amend and build every screen, best image technology to destroy the stop, and look at it in an operating system. And we're going to do this across three very simple levels. So, even if you've never even said the word website before, you're going to leave this video with a full understanding of exactly how to get a website the clients actually want to pay for.

Now, level one is really simple. Essentially, a website is only as good as the references and the images that you actually give it. Now, to get better designs than everybody else, you want better references. So, I'll put a link down below for this. save.com is assembled by designers. This is fantastic. Again, you can come up here and search for websites. And essentially, whatever the thing is that we're looking for, we're trying to find great examples of that to inspire our design.

You have inspora.design, which is a very niche, untapped source of beautiful designs with great graphics that we can use. Again, here we've got post.design, a slightly different website. Then we've got the classic referral designs that has literally premium websites. And if you click on this, you'll get the full breakdowns of exactly the design identity that you can literally use to recreate and build your own beautiful websites.

Mobbin is great for screens. We have this one here, which again is a bit more niche, a bit more out there. That is recent.design. Then we've got great things like superhero.io. You have this one here, which is all about mobile-first design because most people are going to be on mobile. And effectively, all we're going to do is come over websites and just get a bit of a mood board of all the beautiful designs that we want to go ahead and grab.

You can even have websites specifically for CTAs, and websites that kind of really help you with components. Now, once you do that, we're going to head over to ChatGPT, and we're going to select ChatGPT Astra 6 extra high, and then we're going to describe the kind of website that we would actually want. And before we do that, we need to go ahead and grab this design lip skill. This is going to be the second link in the description inside my vault.

You can literally grab this, and all you need to do is make sure you tap this saved as a skill in ChatGPT. Copy it, come over to Astra, you can drop it in, and all you're going to say to it is, "Hey, go ahead and save this as a skill." Okay? And this essentially is going to be a new technique that's going to help us build beautiful, incredible websites. Let's say for example, I like the look of this Wise website. I can click on that, and I can copy and paste this into Codex, or I can simply use Glider and say, "Hey there, I'd like you to use my design lip skill and go ahead and build for me a beautiful website inspired by this style for me for Jack AI that's going to be selling websites.

I'll create this inside Codex." Now, the reason you can do this is just a feature I use in Glider that lets me just create anything anywhere I want to. And what this will effectively let me do is just trigger something off now in Codex and get that entire system started. And as you can see, it's created its own prompt, and now that will begin the entire process. And remember, you need to understand all three levels. When I get to level three and explain how this entire website operating system works, and how we can amend the graphic and the copy all within the system, it's going to really blow you away.

And it's super important that you know how to do that. But before we do anything else, we actually have to give ChatGPT Astra the ability to create unique images and the ability to create video. And to do that, we're going to come over to the settings, click on plugins, and once you're here, you're going to come over and I just want to click on browse directory for me, and then we're just going to search for Higgsfields.

And what this will allow us to do within ChatGPT is create any image and video with the best models. Come down and click on plus. Once that's done, come down here and click on continue to Higgsfields. This will open up a brand new page. Once it's uh come down and click on allow. Now, technically speaking, guys, you can generate images inside ChatGPT-6 using Codex. However, when I played around with it, I was unable to validate that it was GPT-2.5.

So, to make sure that we can actually do that, we're going to go ahead and use Higgsfield, and we need to use that anyway to generate the videos. Equally, on the Higgsfield website, you can see exactly how to that plugin. You can come down here and generate any images, any videos, and this just gives you access to the best image and video generation models on the entire planet. So, you can rock and roll and create. And as you can see, all the assets that I design inside ChatGPT are actually here.

So, for example, it's gone ahead and created a beautiful globe. And then from that globe, it can then go ahead and animate that and turn that into video just by giving it a prompt. And if I don't like it, I can simply click on it. I can click on reference, and I can say, "Hey, make the blue red instead." And then I can come down, pick 2.5 sunburst for exceptional quality, come down there, and let's just do two variations and click on generate.

And if this sounds like I'm speaking Spanish, I'm going to put a link down below where I'm going to be releasing my full zero to AGI course with ChatGPT Astra, which covers AI foundations. It covers productivity on life, how to scale your business, marketing creation, automation agents, as well as immediate access to the entire uh ChatGPT and Claude Agentic OS. You got all my memory systems, you get everything to do with Hermes Agent.

I'll put a link down below if you want to get light-years ahead and get an immediate install with all of this stuff. And as you can see in Higgsfield, it's now turned it to red, but we can do this programmatically. In other words, just by chatting to ChatGPT inside the app and build it directly into our websites. Now, level two is the design loop, and essentially what's going to happen now in ChatGPT is it's going to go around in a circle.

We've given it a reference like this beautiful Wise website, and then it essentially spins up many agents, all of whom debate each other until we get the end output that we actually really like. So, we have one product photo, and it will then go ahead, and it will enable you to basically do so many different iterations until you get the beautiful output. It goes from having something that's generic, that's slop, that no one wants, no one wants to hop on the website, to something that is genuinely beautiful and looks like that on every screen, whether it's desktop, mobile, tablet, it doesn't really make a huge difference.

And so, for example, this is what it went ahead and built. And as you can see, if you're familiar with the YS 5, that it's been able to create all of this dynamically. Again, it created the actual Earth using Higgsfield, and then just annotated it and built these different asset components. And you can see all these beautiful things it's got here. And look at this, guys. You know, you're doing a website shop, and you can come through, you can click on this.

It just shows you all the different clients you can play around with. Again, for brands going places, you can see you've got this beautiful scrolling animation. Good ideas to serve a brilliant website. Comes down here. Just looks crisp and decent. As you can see, big idea clinic steps, things are changing, let's make your next move. Then we got this one here for seriously good websites. As you can see, this is a really fun one.

It has like this kind of beautiful animation where it actually scrolls and falls all the way down the website. I think that's really fun. It's fun, it's vibe, it's good, it's a little bit unique, and it has a lot of personality. And then you've got a little bit more of a kind of interesting style, kind of scroll stopping thing where you zoom in and you've got this beautiful kind of like nice feeling vibe as you come down.

It's a little bit slightly different angle. You get the idea. But one really interesting thing that you'll find when you have a conversation with ChatGPT, and I did this here, for example. You see, ordinarily, these are just images. But what I did is I actually made them animated videos on a loop, and you can do that with Higgsfield. I'll put a link down below if you want to grab that. And effectively, you have a start frame and an end frame.

And it takes just what otherwise be quite boring images and just sets them on a loop. So, these run around here. A nice movement of the bushes in the background. We have a butterfly flapping its wings. And then we have this kind of like beautiful, um, you know, kind of like rabbit having a great time. Just really elevates the quality, makes it feel more personal. And then this takes us on to the third and final level, which is the website operating system.

This is a step that everybody misses. And the a of that they're thinking, "Dude, what the hell is going on? How do I edit this without spending a fortune on tokens?" This will save you so much money because let's say you spend 500,000 tokens building a website and you want to change a piece of text, you've got to go through all those tokens again leaving you with no access to ChatGPT Astra and guys, I want you to have the access to that.

The design OS kind of solves this and so and basically gives us so many other different capabilities. So, if you're using one from the community, all you do is you come down into the code code course here and then you download this the Hermes operating system. Download at the bottom, click on download Agent and it'll all be there for you. Um but effectively, I built this with Astra. And all you do is click on website OS.

Now, check this out guys. Now, you can do this and gives you ultimate customizability. So, for example, I can view on what does it look like on tablet? What does it look like on mobile? And you can just see how that all looks and you can make different amendments. On the right-hand side, I have our design system so I can just change the color palette if I want to. I have this color picker. And the thing is guys, you can do what I call UI sniping.

UI sniping is you head to a website like this which is 21st.dev and initially guys, it gave me a really trash color picker. I was like, "I don't like that color picker." So, what did I do? I went over to 21st.dev, I typed in the words color picker right there and I found one that I like which is this one and I was like, "This looks really cool." I was just slightly different on this one but you get the idea and I just picked one that I liked and I dropped it in.

And as a result, now in our actual design system over here, we have a beautiful color picker and it just you know, rounded edges, it just kind of adds a nice vibe to it. Really cool. Then, what's really cool down here, we have the typography which is awesome so I can see what that looks like. I can edit the headline. I can move it to graphics and this here is really powerful. So, what you can do in this design operating system guys is I can look at all the assets that are in the website.

So, if I scroll down, I can see this open AI thing, right? And it shows me dimensions. But what if I want something different? Well, what I can actually do is regenerate this with Higgs fill directly here, and I can just say, "Hey, let's regenerate this, okay?" Come down here. I click on regenerate video. And that's going to go ahead and regenerate for me whilst this stays in place, and I can just see a different thing.

So, I can just dynamically now edit this inside my own website, which is crazy. And on top of that, I have all the assets I have here, my photo, the hero's fit, all this sort of stuff. Then I have the copy. And I can literally, if I want to, come down here. Let's come to the top. If I don't want less watching, I might say less hearing. And I can just change what's on this website. So, it changes and get that full copy of that.

And bam, less hearing. So, you just I don't have to mess around and ask ChatGPT to edit it. It's going to save so many tokens. It's ridiculous. But this is where it gets crazy. This is why I said it's just so sick. And it's just beautifully organized for me. The about section, that's really crisp. Work section, photo section, method, all the text on the website that is beautifully organized for me. Then I have the slop monster.

This is really incredible. The slop monster, something I built with the very best humanizing rephraser on the planet. It basically makes sure it just checks all your text for all signs of AI sloppage and destroys it. Sends it straight to the shadow realm. And on top of that, it also has marketing stuff. So, it checks for AI vocab. It does AI constructions, punctuation cadence, rule of three rhythm. All of this is built directly into the system.

This rephraser is completely free. I'll put a link down below. Use it and grab it and just tell your AI, "Hey, run this through the AI slop monster before you even let it see the light of day." And I can come down, I can request a fresh rewrite. And essentially, this will then run through the entire slop monster system. And then finally, we have SEM. So, I can come down here. I can do an SEM review. I can edit the page metadata.

I can do anything that I want to just to see what it looks like. Here's my page title. Here's my search description. And I can save those changes, enabling me to SEO optimize my entire website. I can make sure it's optimized for tablet, for desktop, the graphics are designed anything that I want. Where this goes to a completely new level is if you have clients and you want to sell websites to them. I mean, I even had somebody in the community, I think it was 3 days ago, $18,500 on a website with a $350 retainer.

Not typical, but I'm just saying people use these strategies to go ahead and do some beautiful websites, guys. But what I'm most excited about about this is just simply the fact that you can give this to a client. So, you don't have to necessarily, and this is why I built it this way specifically. So, you don't necessarily have to be on the hook thinking, "Oh my gosh, I've got to edit it." You can give them some degree of editability themselves, so they can change it.

They can add new pages. You can build this into a billion different directions, all meaning crucially, guys, that you can edit more without having to rebuild everything at the same time. Now, design systems are one thing, but if you don't know how to use this feature inside GPT-6, you're leaving too much value on the table. So, the next thing we're going to do is learn exactly what that is and how it can help you take it to the next level.