Claude Sonnet 5.5 FINALLY Kills AI Website Slop

Julian Goldie (0:00)

Lord Sonnet 5.5 is now the best AI designer on the planet. Today, I'm going to show you how to use it to build stunning 3D websites, apps, games, just by typing one single prompt. I'm talking about 3D worlds, neon cities, a 3D book you can zoom in and zoom out of, websites that look like they took a big design team months to build, and Claude built every single one of them. By the end of this video, you'll have my exact prompts for doing it. You'll be able to copy it, change it online, and turn it into a beautiful website for your own business. Plus, I'll show you 10 simple design rules that make Claude designs look way better. Most people never use them. Stick with me to the end because I'll show you how Claude can actually make animated videos too. One of them actually pulled in nearly 14,000 views in just 24 hours. Let's get into it and I'll show you exactly how this works. One of the questions we got here is from Steve, as you can see right here. And Steve was asking inside the AI Profile Boardroom, the things that mostly interest me are high quality prompts for AI video and web design, always looking for different styles of site design. So we'll kick it off with the site design and then we'll come on to ideas for AI video in a minute. What I've actually done for you, Steve, is I've created a guide right here on how you can use this for design. What I'd recommend is I would recommend using Sonnet 5.5 or Opus 5.5. Like right now, Claude is by far the best design. So I definitely recommend that. We have a full guide here, which I'll send you the link to.

So if you have a look here, like site design is really easy with Claude, because it's very good with something called 3JS. Now also, the other thing is, if you're using Astra 6 can create pretty nice stuff. But the biggest issue with Astra 6 is that it struggles with tokens, right? It runs out of tokens very quickly. If I ran all these tests and designs with Astra 6, it would probably run out at least two times.

So you can see an example of how we've built stuff. And if you have a look here, we've got the 3D world that we created over here. We created this cool black hole, the paper kingdom, etc. Some really cool stuff right here. By the way, if you're wondering, okay, what does it look like when you're actually using it? You can see an example right here. The quality of the designs look super nice. Sonnet 5.5 is very good at that. And it creates some awesome stuff.

Now, how do we build this?

Basically by using this prompt. So you can see here, we said, build a breathtaking real-time 3D world in one self-contained HTML file using 3JS from a CDN. No sound, every asset, no code, no image files. Great thing about this is with Claude, you don't need to generate images. You can use 3JS instead and SVGs. And then you see here, we said like a rain soaked neon megacity. Here's a hero, here's a player. We've just got these different layers, like, for example, the world, the hero, the player, the moods, the quality, and the support and everything else. So these are all the elements that make a very rich version of the 3D world that we've created. And you can apply this to a website, you can apply the same principle to building out an app. But the point here is you can create very interesting, beautiful things using this system.

Looks absolutely amazing.

Now, if you wanted to apply that to your own apps or that sort of thing, here's how you can do it. So you can take a prompt like this, for example, you can go back into Claude, create a new conversation, and then we can say, can you customize this for my fitness app?

Use the same elements, but build this out for a fitness app website. And so we can take the same elements, the same process, but customize it to whatever project you're working on. And it doesn't have to be a 3D world, it could be an app, a game, a website, whatever you want. Now, there's 10 principles as well when it comes to design. These are some of the things that we've used across all the projects we've built. If you have a look at this 3D world, the 3D design, this like a 3D book that we created, and you can zoom in and zoom out. As you can see right here, you can see the colors are super nice, the design is super clean, etc. And if we have a look as well, we have another example with a kind of 3D game, but you can apply the same principles to whatever you're building. You see it looks very interesting. The lighting is nice, the colors are cool, it's interesting to play. You can zoom in, zoom out. It's very immersive.