GPT 6 Astra: NEW Web Design OS!

Julian Goldie (0:00)

GPT-6 Astra Web Design OS. So this is an operating system that we've created that basically allows you to build amazing websites with an operating system like you can see. And you don't have to use GPT-6 Astra, you can plug any brain into the system. But the great thing about this is that if you've ever used GPT-6 Astra directly, the websites it creates are pretty bad, right? Normally it creates pretty bad websites. They look super basic. They look pretty average straight out of the box. And you can see some examples here. The website designs usually look something like this. So if we open this up, this is the typical sort of AI website that GPT-6 Astra creates. It's kind of boring. It's obviously been created by AI is kind of filling that template. So how do you fix that? So what we've actually done is we created something called a website design operating system. It's part of our agentic operating system as you can see right here. And basically, what this allows you to do is you can create websites from scratch just by plugging in the project name and your website brief. And then it will actually generate a website inside the My Website section. So you can see here it's currently building our website for SEO. We have another example over here and we have another one here. We can also switch between the two different previews. So we can view on desktop or we can view on mobile as well. We can also open up. So we can click on this and then open up full screen as you can see right here. And it creates like really beautiful websites using our systems that we've created for building much nicer websites with Astra to avoid those kind of like generic AI slop websites you typically get. And this is based on a design library that you can see right here that we've actually built. And if we preview some examples, let me show you some examples of the kind of designs we've plugged into this.

And you can see some examples right here. So if we open up this full website, basically what this is doing is it's using like a combination of different like 3D elements as you can see right here to avoid your generic AI slop themes that you typically get. So for example, even like just a small details like the clickable elements, you can see here, for example, we can zoom in and zoom out of this beautiful framework and the text changes and the progress bar changes as well. As we scroll down as well, you can see this progress bar as well.

And just like the design and the feel, it doesn't look like AI, right? It looks like something different, something totally unique from anything. Really, GP6 Astra is going to build straight out of the box. So this is pretty cool system that were built with the design operating system. You could build this yourself if you wanted to, but I just created it inside an agentic OS, which you can get inside the AeroProper Boardroom. Link in the comment description or go to the aeroproperboardroom.com. And with this whole system, we have different skills behind the designs as well. So we've actually built out five different skills, as you can see right here. So, for example, we built in a front end design skill, hallmark, border in branding as well, and a guide page builder plus web design guidelines as well. And those are just like five systems were built into this so that we can create much nicer websites whenever we want, which is pretty cool and literally so simple because you can just type in your website brief here and get something really nice out of it. And then also you can select which style and template you want to use. So for example, you can see here we have different styles that we can click through and choose based on what we like. So if you like that 3D website that we just showed you a second ago, you can use that as a template and then build whatever you want with it. And also I'm going to continue to update this as I discover new design styles that I really like.

So it's a pretty cool system. And if you're wondering, OK, like how do you create something like this? How do you make something like this? I was surprised by how easy it is. So what you can do is you can go into Chat Cheapity, and then I said, can you set up a web design OS that looks super clean and beautiful, use web design skills you've created before, check out the web design folder locally, and use that for generating websites inside the agent OS, right? It came back to me with something. It didn't quite work the way that I wanted it. And then we tested it a couple of times, bit of back and forth, and literally even about 20 or 30 minutes, boom, shakalaka, we have the web design OS ready to go. If you're wondering, okay, what are the systems we actually used for generating these beautiful websites? So we actually have loads of different skills that we built in. Let me show you some examples.