GPT-6 Astra Is TERRIBLE at Web Design… Until You Do This

Julian Goldie (0:00)

Today, I want to show you some of the best ways to use GPT Astra 6 for website design, because if you're using it straight out of the box, it's actually pretty bad. Instead, what I'm going to show you today, some of the best ways to create like these beautiful 3D websites, they don't look like generic sort of AI slop, they're a lot more interesting. They're pretty cool when you test them out. We have all these different features inside here as well, and these sort of design elements that you can throw into any design or any sort of product that you're building with. And it's also just a lot of fun to build some cool stuff with this. Now, the other thing that I would say here is like, it actually takes a lot of work to train Astra and GPT-6 on exactly how to build something that's half decent, right?

One of the things that I found, particularly when I was just asking Astra to build straight out of the box, is that it would just give me super generic stuff, right? So, let me give you a couple of examples of this. So, here's an example of a typical website you're going to get from Codex when you're building straight with ChattGPT. So, if I go to ChattGPT, I'm using GPT-6 Astra, even as powerful as it is, and it is amazing for creating, you know, games or tools and that sort of thing. When it comes to actually building out a website, it's typically going to look something like this. This is like the template that it uses. Everyone's websites just look the same right now because they're using these sort of systems.

Another example would be if you're using like a tool, for example, like Lovable or Bolt to build out your tools. They typically look something like this, right? Which is just super basic and minimal. So how do you create these much nicer designs and that sort of thing? That's what I'm going to come on to today. And one of the things I actually found, this is pretty interesting when I was building out with it, is that we gave it a bunch of different skills and then built out the size based on those. So let me talk you through exactly what we've done step by step and how this all works together. So for example, if we look at this particular site here and the page that we've created, and also, you know, it's got these clickable links as you can see here. And also at the bottom, as we scroll down, it switches through each of the chapters. And then we can zoom in, zoom out. It's got all these different hero images. And also you'll notice it's not super short when we're using this. Whereas for example, normally with an AI generated website, it's going to just give you something that looks kind of like three different sections. And that's super annoying as well. Also you'll see here, for example, it's like editable. You can fill out this form. You can actually get like a creative brief from the website. And you know, you can embed your own tools into this essentially. This was another cool one that we looked at. This is kind of like the older version that I was looking into. And then you can see here, this is like a 3D website for an agency that people can scroll through and F and L's. So how are we doing this? Well, what we're actually doing, what I'm going to include inside the AI Profit Boarding, link in the comment subscription or go to the aiprofitboarding.com, is all the markdown skills for creating this stuff. The first thing that we used is the front end design skill, which you can see right here. And you can give this to any agent. So even if you're not using, for example, GPT-6 ASTRO, if you're not using, for example, something like Codex, even if you're using Claude Code or Deep Sea Agent Harness, Hermes, whatever, you can plug these skills directly into your AI agents. So you can see, for example, it's got ideas on the color psychology, color principles, selection process, typography principles. It basically trains the AI on exactly step by step, how to create the websites, and then later it can use that to build the websites. And we can basically customize this however we want. So if we have a look at this website, let's go back here. And the other cool thing, just before we get into this, is inside the Chat Cheapity Desktop app, if you don't already have it. Inside the Explore section, you can see the Site section here. And so what's pretty cool about this is like, we can have a look at the previous sites we've created, we can go back through them, et cetera. So if we have a look here, this is typically what AI generated website would look like, if we open this up. And the cool thing is that any websites you create are just stored inside this section, so you can always come back to them. You don't lose them or anything like that. You can also get people to share their websites with you, and you can share it with them, which is cool. So if we have a look at the AI Profit Boarding website that we built here, this one I'm not that happy with, honestly, but it's got some nice elements. For example, as you can see right here, it's got some nice embeds, it's got some nice design elements in it too.