Claude Opus 4.8 for UI/UX Design. 5 Projects. Is it good?

Oh, man. [laughter] As you know, 4.0 just released and I decided to throw five different prompts and we're going to get like 11 different designs, UI/UX designs, landing pages, different formats, and we're going to see just how good 4.8 is at actual UI/UX design. All right, so here's the prompt. I'm not going to read it all. This is for a fictional company called SkillCrate and it's a subscription box for kids and teens focused on learning real-world skills, yada yada yada. All right, let's see what it actually produced. Okay, I'm actually pretty impressed on first impressions here. This is actually pretty good. Um again, the prompt, as you saw, is not elaborate. I wanted to intentionally leave it simple, like, you know, as if it's just a normie, you know, somebody who's not a designer wanted a decent website and I'll be honest, this is probably out of the gate one of the best um UIs that I've seen AI produce, you know, with just a minimal one shot. Let's continue on Okay. So, the first issue I'm already spotting, this doesn't make sense. Like, why is this this headline so freaking, you know, width-wise, so so so small? Um that's one issue. Again, nothing you know, you know, that can't be fixed with some iter- iterative prompts. Like, this one I like, you know, this right here, this needs to go a little bit further [music] out. Uh All right, pretty good card design, you know, this isn't bad. All right, pretty nice. You know, AI does like to do this thing where it separates words and italicize fonts and all that stuff. Uh I got a little issue here with this annual being cut off, but again, [clears throat] I've been doing these for the past couple years whenever a new frontier model comes out and I have to say that so far this is probably one of the best ones that I've seen. I mean, it it has a nice kind of brand feel to it based on what's happening for kids. This is this is freaking solid. I'll be honest, you know, if you're if you're starting out in UI/UX design, there's a bar that's that's being set that's pretty high I that you need to try to surpass. And if you look at my video from yesterday, you'll see what I mean. Let's continue on with the next one. All right, so similar to the last prompt, here is this prompt and this is for designing a high-end landing page for Local Lens. And Local Lens, it's a marketing platform for small towns and local tourism boards. It helps towns create beautiful digital guides, blah blah blah. You get the the idea. So, use HTML, CSS, any JavaScript necessary and then use the color scheme of beige, white, and greens. That's the only direction that I gave it. Let's check this one out. Okay. All right. Again, yeah, beige background, greens, uh and white and black, obviously. Pretty solid. I'm not a huge fan of this little right here, but uh and it did you know, try to give some texture in the background with these little swirls. Uh yeah, this is solid. Now, by the way, it is using the Claude design skill for both of these so far. Um and so yeah, we could see the italicized differently colored font right there. Um you know, it's not doing anything extremely unique or groundbreaking, but from a UI/UX standpoint, the fundamentals for the most part are all really good. These are things that beginner UI designers screw up big time. So, like if I if like I like I'm saying, you know, if I were to put this against a beginner UI/UX designer, this would actually absolutely destroy what a beginner UI/UX designer would be able to produce. Um and I've done thousands of reviews throughout the years on this channel. Um and I'll be probably bringing those back real soon. And and so yeah, I'm still I'm impressed. This is definitely the best that I've seen AI come up with so far. Let's continue on. Now, for this next prompt, I decided to do something different. I told it to use the Figma MCP server to design a marketing page for FitQuest Arena, another fictional idea. Just give me four variations of a hero section and a secondary section underneath it describing a few features. So, what I'm doing this time, instead of it directly write HTML, CSS, and JavaScript, which is really asking it to to, you know, tackle both design and code, I'm only having it design four different variations for this concept, each of them unique, different colors, in Figma first. So, let's go ahead and check I haven't looked at this yet. So, let's check out what it did for FitQuest Arena. All right, here it is. Okay. So, I like this a lot less than what I saw in the browser in terms of quality at least. It just seems kind of generic, honestly. Another thing in By the way, AI loves to do this little thing where it has a tag with like a little circle right here. You could see it in the next one right here. It did the same thing. Now, I like this design better. I like the colors and I like the color gradient. It integrated those pretty well. We have an issue up here that looks a little bit messed up. All you would have to do though is take this and don't clip content. There we go. And yeah, this is this is a better I like I like this one better than this one. But again, you could still see the telltale signs, you know, the little tag circles here. This one mid, again, very mid. I don't like it. And then this one [snorts] Yeah, you know, this is one of those kind of UI design trends that it it's it's it's actually executed it pretty well, but um we've seen this sort of thing a lot, but they are different from each other, but they're not the greatest thing that I've ever seen. Um an expert UI/UX designer could definitely beat these in terms of execution. All right, so this one, once again, I asked it to do the same thing. We have four different um Figma design variations for a UI a mobile UI dashboard for um something called Paw Palace. So, basically a pet sitting service, and it's going to be mobile UI only here in Figma. Let's check it out for the first time. Look all very similar, except for this last one, which is in dark mode. Um let's just check this quality out here. Good morning, Gary. All right. I like the white space. The colors are looking nice. Yeah. These are all I have to say, they're all solid. I like the colors. Um you know, very subtle shadows here. That's one of the things that beginners get wrong. They always screw up shadows and subtle, you know, color effects. All right, so this last one is perhaps the most interesting. So, I want you to use HTML CSS JavaScript to create a 3JS TSL 3D environment for the following business, Echo Room. It's a virtual practice space for musicians. And so, what I asked it basically to do is just to create a 3D kind of like a recording booth room or something like that with 3D. I haven't looked at this yet. BOOM. OH, MAN. CAN I PIVOT? OH, I can't pivot around. I could probably ask it, you know, to allow me to left click and like zoom around. It is responding to a little bit of mouse movement. That's actually I have to say that this is pretty sick um for a first launch. So, it's kind of like a hero section cuz we can see um, a nav bar up top. I But this is so cool. I'm I'm Even the mic is actually pretty solid and it just kind of created this from scratch. This Yeah. Okay. So, what are my impressions of this? Um, I have to say you it has raised the bar just a little bit based on, you know, where we've already come from here within the past few days. And so, this is Yeah, this is solid. I think if you're um, you're somebody thinking about getting into UI UX design, I you have your work cut out for you, you know, because there's now a higher I a higher floor essentially. You know, why why is somebody going to hire you as a designer if what you're producing is inferior to what AI can produce for them already? So, you really have to bring more to the table. You have to have a strong understanding of UI UX. You have to have a strong understanding of how apps are built and you know, the the architecture and the structure. And you also have to be able to build this stuff as well. So, that's exactly what this channel's all about. I'm documenting my own projects. I have three going on right now. One is through a course that you can follow along with I called landscape, which is an AI landscaping visualization app. The whole thing the whole process is being built. Um, I also have a game that I'm building and I'm going to be revealing here and we're all going to be able to play multiplayer soon. And then also there's my pool projection app, which I've also been covering. So, you know, what I'm doing with my time I think is what everybody should be doing their time if they they want to have a future and a career and that is just utilizing this stuff where necessary and improving upon it with your own skills as much as possible. All right, everybody. I will see you soon and goodbye.