50 Designers used Claude Code to Design a Layout
Key Takeaways
The video discusses the results of a challenge where 50 designers used Claude Code to design a layout for a fictional AI home inspection business, with a focus on the similarities and differences in their designs and the role of prompting in determining the outcomes.
Full Transcript
All right. So, this is wild. I asked a bunch of designers a couple days ago to create a fictional landing page using claude code. All AI code only prompting. And take a look at these results. All right. Kind of just, you know, mid if you will. Then this one. All right. A little similar, right? Okay. I think we're seeing a like a theme playing out here. What is going on? Look at all these. You would think they're using the same exact prompt. So, I'm going to talk about why the heck some of these are so freaking similar. You know, like the AI slop, like, "Hey, that looks like it was generated by I AI." But also, I'm going to show you some of the better ones. And before I do that, this came from this challenge that I'm currently running at designcourse.com. You can take it now. And the idea is we learn AI/design through a number of fun community challenges where you can like raid each other and stuff. So, here's like one of the first challenges. uh you can just go through, you can raid people, you can see which ones I've done a video response to. Anyways, enough of that spam, but we're going to talk about why. Why are some of those designs so freaking similar? And this all comes down to prompting and the deterministic nature of these LLMs. So, just take a look at one of the part of the prompts from one of these submissions on the right. Create a fictional but sophisticated UI animation that simulates a scanning effect over a house. Use a deep navy electric emerald gold palette. Output this as clean, yada yada yada. How about another one? Um, on the right should be an illustration of a house with icons and text for an AI defect detection, crawl space, roof analysis, etc. And then how about one more before I get to my point. The right side visual, a mockup of a dashboard showing AI defect detection, bounding boxes on roof cracks, foundation issues, blah blah blah blah. Okay, so there's a couple reasons why those particular results were so similar. And really, it comes down to context, right? What you're feeding into it. A part of their prompt was this thing right here. This is uh the AI inspection business. This came as a part of the challenge that you get when you join that challenge. So, computer vision analyzes crawl space roof foundation images for common defects and autogenerate standardized inspection reports. So people pasted that in along with their prompts. And together those two factors, them kind of just having the same idea, but also including this prompt right here, computer vision, which is what the bounding boxes are, gives you very similar results. Now, I'm going to show you a few results that I thought were actually pretty good and unique in and of themselves. So here's one by Sandro. So let me get this expanded here. And this is actually pretty solid based on the prompt. Um, and I think it only took in three prompts. And this gets the idea away, you know, pretty good. And the UI, you know, fundamentals are all there. Um, and then if we just open this up real quick, we can see right here, this is the actual prompt that he used. And one of the interesting things, this is just three prompts right here, is uh the f the final prompt just said, "Good. Instead of the front of the house, open it up. I want an internal view of the house. And it did a really good job of doing, you know, like an internal view of a house. And the takeaway here is just be specific. Don't just give it whatever it spits out back at you without doing revisions. This one's nice as well, and it's not all that similar to the other ones. Yeah, there's still like a house, but it's a floor plan. It's a little bit more unique. And again, all the other fundamentals are pretty much there for the most part uh with this entry. Then here's another one. Although I think this person used Nano Banana for this image just to generate something unique and then you know have the rest of this stuff up top. Kind of reminds me of the old school Apple. This one by Sky is really solid here for the most part. Um there's some issues with like uh color contrast and all that, but at least it's way more different. And what's really telling is what this person said. When I initially started working on this, I got the same overall design that a lot of people seem to have gotten. to me it didn't feel premium enough and I freaking 100% agree. So that's why you need to follow up. This isn't just a one or two threep prompt process. You want to get the most out of it and you want to try to be unique. Here's a final entry and this is kind of like an honorable mention. There's one big issue with the type in the middle. It's not really something that contrasts well with that background but still everything else. It has a nice unique aesthetic and he didn't really follow you know the same sort of two column playbook. Now, there's a bunch more that you can actually just browse by clicking the link here. You can join up. It's free. It just requires an email and that's it. And you can also participate in these. So, tomorrow I'm going to be releasing the next one and it's going to be another unique challenge of some sort where we use AI in conjunction perhaps with our handdriven skills. We have a lot of fun ones coming up. I hope to see you join.
Original Description
Take the challenge: https://designcourse.com/app/foundations/2026-uiux
Level up your coding skills: https://scrimba.com?via=designcourse (Get 20% off)
-- A few days ago, I tasked designers to create a landing page for the same fictional business (AI Home Inspection Business). Many of them look very similar, despite the instructions telling them to make it unique and infuse their own sense of design. Why were so many of them similar? What did the unique ones do better? Let's LOOK!
#ai #claude #vibe
Take the challenge, it's free:
https://designcourse.com/app/foundations/2026-uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from DesignCourse · DesignCourse · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
How to Design the Microsoft Logo in Photoshop
DesignCourse
Photoshop Gradients Video Tutorial
DesignCourse
Your Guide to Layer Styles
DesignCourse
Layer Masks in Photoshop
DesignCourse
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
Banner Design in Photoshop CS6
DesignCourse
How to Design a Logo in Illustrator CC
DesignCourse
Designing a Logo in Photoshop CC
DesignCourse
1. Launch & Market a Web Based Business - Introduction
DesignCourse
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
3. Home Page Mockup in PS : Part 1
DesignCourse
4. Home Page Mockup in PS : Part 2
DesignCourse
5. Home Page Mockup in PS : Part 3
DesignCourse
6. Home Page Mockup in PS : Part 4
DesignCourse
7. Home Page HTML & CSS - Part 1
DesignCourse
8. Home Page HTML & CSS - Part 2
DesignCourse
Using Photoshop to Showcase Mobile Projects
DesignCourse
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
Showcasing Logos in 3D with Blender
DesignCourse
How to Design an Effective Lettermark Logo
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
Design an Animated Loading/Download Icon (GIF)
DesignCourse
Contest Winners (WiseBanner)
DesignCourse
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
Square Space Logo Maker - C'mon People.
DesignCourse
Design a Bloody Knife in Photoshop CC
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
Parallax Tutorial using Parallax.JS
DesignCourse
Interview: Andrew Price of BlenderGuru.com
DesignCourse
More on: LLM Foundations
View skill →
🎓
Tutor Explanation
DeepCamp AI