Free YouTube Transcribe

Video transcript

Claude Design Now Builds Beautiful $10,000 Websites (NO AI Slop)

Jack Roberts · 5,024 words · 23 min read

Want to search this transcript, jump the video from any line, or download it as TXT, SRT, or VTT?

Open in the transcript tool

Full transcript

The AI Slop Problem

0:00More design can now build beautiful

0:02websites that don't look like AI slop,

0:05but only if you use the right systems

0:07that are now available. And in this

0:09video, I'll show you this simple and new

0:11system [music] to build gorgeous

0:12websites in any design replicably so you

0:15can destroy the AI slop monster. And if

0:18you haven't already, grab that beautiful

0:20coffee and let's dive straight in. Now,

What Makes Slop, Slop

0:23the enemy has a name, it is the AI slop

0:25monster. I invite you to join me on this

0:28crusade. Now, the reason why most

0:29websites look exactly the same is cuz

0:31everybody gives it the same prompt and

0:33these models are spitting out the same

0:35consistent outcome, the same gradient,

0:37the same cards, the same hero section,

0:39everything, guys. It's like living in

0:40Groundhog Day every single day, and I

0:42like variety. This is why I'm making

0:44this video. Now, you can spot it in a

0:46second. So, let's understand what the

0:48slop monster is before we understand

0:50what the solution actually is. It's the

0:52same typeface. Font is so, so important

0:56and barely anybody speaks about it. And

0:58by the end of this video, you're going

0:59to have a system to create beautiful

1:01websites. It's going to level up your

1:02graphical game. They're going to be

1:04saying, "Hey, who is this incredible

1:05designer person and where did you come

1:06from?" The other thing we've got is the

1:08classic indigo to violet fade. I know

1:10that this itself is an indigo, the irony

1:12is not lost on me, but purple is the

1:14color I wanted to see gradient on this

1:15one. Three feature cards everywhere,

1:17it's always consistently three. Have you

1:19noticed that? Over time, it's three.

1:21Everything's got the same round on it,

1:22the frosted glass, and a headline that

1:25just sounds like AI slop. People don't

1:27even change the text. So, the first

Level 1

1:29level in destroying the AI slop monster

1:32is to give it a system, not a prompt.

1:35Jack, what do you mean by that? Well, we

1:37want to give it a design system, okay?

1:39So, essentially, Claude itself does not

1:41know what great design is. Now, we can

Give Claude A Design System

1:44look at different websites to this. One

1:45fantastic example is this. I mentioned

1:48it on a previous video. This, guys, is

1:50like Willy Wonka's chocolate factory for

1:52gorgeous websites. I mean, look at this.

1:54We've got linear, we've got steep, we've

1:56got air. These are gorgeous. The Mercury

1:58website, it's fantastic. So, what we can

2:00do is leverage those to actually

2:02understand what amazing design looks

2:05like, and then when we know what that

2:06looks like, we can reverse-engineer how

2:08you actually create something that is

2:10gorgeous. For example, it could be, you

2:13know, you can just see the different

2:14design styles that come down here. So,

2:16the first thing that we need to do is go

2:17over to this website here. I'm going to

Free Resources Unlocked

2:18put all the links down below. Anytime

2:21you get any free resources, and I give

2:22away all the game for free, it is the

2:24second link in the description, which

2:26says free resources. I'll take you free

2:28through to a free community. It looks

2:29like this, and it'll have a direct link

2:31to everything. It's just a place where I

2:33put all of my free guides. I get so many

2:35questions on it. I just want to make

2:36sure that you can access everything you

2:37need to very easily. So, what we're

2:39going to do, guys, is grab this like so,

Claude Picks Your Design References

2:41and then head over to Claude. Now, the

2:42first thing we do, of course, is top up

2:44on coffee. Mm.

2:46Don't forget to tip your barista, guys.

2:48And what we're going to do is the blog.

2:49We'll come down, and we're going to

2:50paste in this here like so. And then

2:52you're going to say, "I would like to

2:54build a beautiful website. I've given

2:56you a list to loads of gorgeous frontier

3:00websites. And what I would like you to

3:02do is to go through those and find for

3:04me three examples that are most closely

3:07related to my desired business. My

3:10desired business is an AI education app,

3:14kind of like Duolingo. Give me the three

3:16links, okay?" Enter that in, and then

3:18just send it off. Now, you can look

3:20yourself, but this is the first step.

3:22Effectively, what I want to do here is

3:23find websites that look gorgeous, that

3:25are in our niche, look fantastic.

3:27Already, my eye is drawn to Duolingo. I

3:29think that looks gorgeous. And we can

3:31find these different designs. You can do

3:33this yourself, or you can get AI to help

3:35you, because there are hundreds and

3:37hundreds and hundreds of websites listed

3:39here, and they are all gorgeous. And

3:41then Claude is going to give us three of

3:43its best options. Again, you can do this

3:45directly. For example, you can actually

3:47come down to popular, which is awesome,

3:49and you can see the most popular ones

3:50that are there. Mercury is gorgeous. We

3:52can look at the newest and we can also

3:54even come down here and search. So, I

3:55could just come down for education, for

3:57example, and then I can see all of the

3:59different educational ones, if I want

4:01to. But, you can see it's gorgeous, lots

Duolingo Wins As Reference

4:04of optionality. So, we have Duolingo,

4:06which I think is excellent. We have

4:07Quizlet, which is okay, I think. And

4:09then we have Slush. Slush is very

4:11finesse-y. I think the most relevant of

4:13them all, obviously Slush is very cool,

4:15very fresh. I do love the way that the

4:17kind of apps bleed in. It's kind of got

4:19good scrolling animations. And then

4:21Duolingo itself here just has a

4:23beautiful thing and it's got these like

4:25individual graphics, which I think look

4:27fantastic. So, what we're going to do is

4:29go ahead with Duolingo, cuz I think it

4:31looks awesome. So, we're just going to

4:32come down and copy this. And then inside

4:34Claude, you're going to give it the

4:35below prompt, which is this. "Hey there,

The Design Reference Prompt

4:37I would like you to look at this design

4:39reference for Duolingo. I'm going to

4:41build an app that teaches people AI. I

4:43would like you to keep everything else

4:45Essentially, we're saying be inspired by

4:46this design system. Here's another

4:48design system you may want to look at as

4:49well as a secondary reference, but

4:51essentially just use this entire design

4:53system to build me one for something

4:55where basically I am teaching AI to

4:58individuals. I am the Duolingo of AI,

5:00basically." Come down and just literally

5:02drop in the link to Duolingo. And if you

5:04want to, you can also go ahead and drop

5:06in a second design system, that's

Model And Settings Choice

5:07optional. The model we're going to use

5:08is going to be Fable 5 and we will be

5:10okay with Xtra. You can also do High, it

5:12doesn't make too much of a difference.

5:14Then, of course, we'll get some

5:15clarificatory questions from Claude as

5:17well. So, "What's the app called?" Uh

5:19why don't we go ahead and call it Neuro?

5:21That's an interesting idea. That could

5:23be cool. Uh promptly. Promptly sounds a

5:25bit lame. Let's go for this one. Cool.

5:27I'm going to say we can do Duolingo

5:28green. Let's just keep it as it is, I

5:30think. Maybe do a little bit more of a

5:31blue style instead of green. Great. And

5:33send that one off. And also, guys, I'm

5:34going to put a link down below for a

5:36skill that knits parts of process

5:38together. So, it's going to really

5:40drastically improve your output and will

5:42improve the quality massively. Now, it's

5:44come back and it has done it. So, let's

First Draft Website Revealed

5:45check out the Neuro website. Number one,

5:48this is Draft one. As you can see, it's

5:50got that very Duolingo-esque, like get

5:52started, very cool. We've got the

5:53buttons, free, fun, effective, and we've

5:56got some kind of placeholders there.

5:57Really cool. Scroll down, learn anytime,

6:00anywhere. Beautiful job with the font.

6:02Come down, looks good, and I think it's

6:04really crushed this. And then bottom

6:05right, design system. And then this

6:07essentially is our entire design system.

6:09We come down, log in for the app. Now,

6:11the cool thing is you have a fully

Design System Locked In

6:12codified design system here. Why is that

6:14cool? Well, basically, when you're

6:15building out the apps, you know these

6:16mechanics, like I'm just showing this as

6:18an example. In reality, you wouldn't

6:19just use Duolingo's, but you get the

6:21idea of how powerful this is. Email,

6:23password, log in. Love this. It really

6:26does crush it and get all different game

6:28Excuse me, the game mechanics. I need

6:30more coffees. This is crazy. Right spot

6:32dogs. As you can see, it's got all this

6:33sort of stuff locked down, which is

6:35great. Now, this is locked in. But what

Level 2

6:37we need to do is take it to a new level.

6:39Now we have the architecture and the

6:41skeleton inside. And we're going to do

6:43that by moving on to the second level.

6:46And the idea with this is the ability to

6:47generate beautiful graphics, videos,

6:51animations, and also compare basically

6:54combine this with its strongest skill,

6:56with the design system's strongest

6:58skill. What do I actually mean by that?

7:00Well, the idea is we want to generate

Images And Videos Supercharge Design

7:02videos. We want to have reference

7:03inputs. We want to have um if we want

7:05volume or sound, which I don't

7:06recommend, but you can have that in

7:07there. We can crush the slot monster,

7:09and we can bring everything together.

7:11So, to do that, we're going to do two

Higgsfield Connected To Claude

7:12things. I'm going to be using Higgsfield

7:13for this. You can use basically generate

7:15anything here. Any images you want to,

7:17any videos, lots of different models.

7:19It's very cool. And the cool thing is we

7:21can actually connect this to Claude

7:22super duper easy with this page, which

7:24means that we can set Claude off on a

7:26mission, and then it will use Higgsfield

7:29and the models within Higgsfield to

7:30essentially create a gargantuan number

7:33of beautiful designs, which is freaking

7:34awesome. So, first thing to do, if you

7:36haven't already, is you can literally

7:37screenshot this, copy, you come over to

7:39Claude, paste that in, and say, "Hey

7:42there, I want you to connect to the

7:43Higgs field via the CLI."

7:46And once you've done that, it will then

7:47open a new window, you'll sign in, and

7:49then you'll be able to use Higgs field

7:51within side Claude code. And what we're

7:52going to do is combine it with

The Design Loop Skill

7:54incredible prompts. So, I'm going to go

7:55ahead and grab this from I believe it's

7:56in the vault. Come down and we're

7:58looking for design loops. Now, if you

8:01haven't seen this design loop video, I

8:02will link it on screen. It is really

8:04cool. It gets me super excited about it.

8:06But, all you're going to do is come down

8:07and grab the skill. Again, I'll put this

8:10uh in the same resources in the second

8:11link under the description. It is

8:13amazing. It's called the gauntlet loop.

8:14I called it the design loop. It is

8:16absolutely fantastic. And effectively,

8:19what we're going to do now is copy this

8:20and head back over to Claude. And then

8:22we're going to give it the below prompt.

8:23So, I'm going to actually paste in my

8:25design loop, okay? Which I've already

8:26created as a skill. So, if you haven't

8:28done this, just paste this in and say,

8:30"Hey there, I want you to turn this into

8:32a skill." All right? Then basically,

8:34come down, paste this in, and it will

8:35turn it into the design loop skill. Now,

8:37when that's installed, when you do

Skill Ready In Seconds

8:39forward slash, you can literally type in

8:41loop and it brings up the design loop.

8:43Now, here's the cool thing that I want

8:44you to do. I want you to give it a

8:46prompt that sounds a little something

8:48like this. I'm basically going to do

8:49this.

8:50Hey there, I want you to go ahead for me

Unique Characters Come To Life

8:52and ruthlessly compare this website with

8:56Duolingo's. Specifically, I want to

8:59bring this to life. Duolingo has loads

9:01of beautiful animated graphics. It's got

9:03a distinctive graphic style. I want you

9:06to go ahead and create a unique graphic

9:07style with unique characters um in the

9:10kind of Duolingo style, but obviously

9:12make it unique so it's specific to us.

9:14And I want you to then go ahead and use

9:16Duolingo as a gold standard reference. I

9:19want you to go ahead and look at the

9:20graphics, look at the animations all the

9:22way through it, and basically create our

9:24version of what that is based on our

9:27unique style that you create and unique

9:29motions such that it essentially

9:31looks like the AI version of this. So,

9:34it's not the same thing. It's our own

9:35style, our own unique business, our own

9:37product, but effectively look at it. And

9:39for example, look at the section where

9:40we have learn anytime, anywhere. Every

9:43section I want to look gorgeous and

9:45absolutely flawless. This is what I

9:46would call the gold standard. Now, I

9:48want you to go ahead and use the Higgs

AI Generates Custom Assets

9:50field CLI to generate the unique

9:53graphics and also the unique videos and

9:55make sure you're using Seed Dance 2.5

9:58for the best video generations. I can

10:01see just looking at the graphics, a lot

10:03of them are on a loop. There's a lot of

10:05personality, it's quirky and it's very

10:06distinctive. Make sure you understand

10:08all aspects of the website to bring that

10:11personality out. Now, you're going to

10:13come back over, drop that in like so,

10:15and literally let it run its magic. Now,

10:17the cool thing about the design loop is

The Loop Judges Your Design

10:18the design loop itself says, "Hey, this

10:21is our website." And you give it a gold

10:23standard. And essentially what it does

10:26is the the model is going to try and

10:28recreate it. And it'll have various

10:31judges that are saying, "Does this fit

10:33the mark?" Yes or no? And if it does, it

10:36passes, but if not, essentially it goes

10:37through a loop. Because if you ask

10:40Claude to improve a design, it will

10:42often say, "Okay, great." You ask it

10:44five times, it finds five different

10:46reasons. So, the design loop system

10:48helps us cut a lot of that out. So,

10:49since I'm generating unique video

10:51assets, I'm going to go with a pilot

10:53strategy first to make sure that I like

10:55the design and the feel. And it enables

10:56us to iterate it before hitting the full

10:59bam bam walla walla bing bong, which is

11:01code for basically doing the full

11:03website. So, what should our character

Own Your Creative Decisions

11:05cast be? So, Duolingo has Duo the owl

11:07plus a cast of humans. We need our own

11:09equivalent that reads as AI without

11:11being a cliché robot. I completely

11:12agree. Neuro the neuron sounds lame to

11:15me. Little robot devices. Now, this is

11:17the bit where you want to inject your

11:18own personal design. So, AI should help

11:21us Basically, the design bit is the fun

11:23bit. I want to own the creative output.

11:24I don't want AI to replace creativity.

11:26It's not its job. Its job is to replace

11:29repetition in the creative process, not

11:31the creativity itself, actually. So, for

11:33example, here I've said I want to do a

11:35shark as our core thing. Kind of like

11:37Gymshark, but our robot version. We'll

11:39call him Robo shark, so we could

11:41probably play around with the kind of

11:42oceanic and land theme, bringing

11:43different robotic mechanical versions of

11:45animals to make it kind of appear

11:46appealing, but clear that it is AI, and

11:49then send that one off. And then once

11:50the design loop has completed, it has

11:52gone ahead and built me this. Now, I

11:53must admit, I went back and said I

11:54didn't quite like the idea of a robot

11:56crocodile, and I actually settled on a

11:58different design idea because with

12:00basically could all come back and say,

12:01"Hey, do you want this? Do you want

12:02that?" And I was like, "I actually think

12:03this design style is really cool." So,

12:06check this out. This is the website with

Stunning Final Website Revealed

12:08the loop and everything we've got here.

12:10One lesson 5 minutes, we have this

12:12interactive thing here, and you can feel

12:14this do a lingo. That wasn't a real

12:16question, by the way. That was a test.

12:17Although, that one was legit. Going to

12:19come down, we've got this beautiful

12:20interactivity here, built on how people

12:22actually learn. This is gorgeous.

12:25Did it I'm really, really impressed with

Unique Style, Zero Slop

12:28this.

12:29I mean, it's got its own unique design

12:31style. It is actually crazy. I mean,

12:33look at this, guys. Have you seen stuff

12:35like this being created in this process?

12:37It is wild. In a month, you'll prompt

12:39like you mean it, get started, and then

12:40we got a nice animation at the bottom,

12:42things popping up, they're having a good

12:43time, and then we have the full

12:45beautiful website building using this

12:48exact system. And all we did is link in

12:50Higgsfield CLI for the image and video

12:52generation. It create various different

12:53images and various different videos.

12:55But, that links very nicely onto the

12:56next level for this. And what is it the

12:59next level beyond this and what once

Level 3

13:01we've done the image and video

13:02generation, we have to talk about

13:04typography in our battle against the AI

13:07slop monster. One of the things that we

13:09need to do is genuinely upgrade our

13:12ability to use better fonts. And the

13:14reason for that, and you can just have a

13:15look at this as for instance, fonts

13:17change everything. It's like the biggest

Fonts Transform Everything

13:20difference. I remember when I did my

13:21corporate job, when I did my big

13:23strategy job before I left to become an

13:24entrepreneur a few years ago, and I

13:26always remember any doc I got, the first

13:27thing I did is control A, change it to

13:29Avenir or just any font I could get my

13:31hand on in that terrible Microsoft Word

13:34that I I was stuck in. So, fonts change

13:36everything. There's so many different

13:38fonts. It is a rabbit hole. But what do

13:39I mean by that? Well, there's actually a

Free Fonts That Elevate Design

13:41load of really free fonts you can play

13:43around with. I I talk about them all the

13:45time inside the community. But all these

13:46fonts here are completely free that you

13:49can actually use. And it's dead simple

13:51to integrate. I really love

13:52fontself.com. They're not a sponsor or

13:55anything. fontself.com because it

13:56actually shows you what fonts look like

13:58in real life situations. Fonts in use is

14:01another really good example of that. You

14:02can see like, "Wow, this looks really

14:04cool." And you can get different

14:05ideations from this. Now, practically

14:07speaking, I built this system inside my

Design System Font Selector

14:09community to help people with design

14:11systems. And one of the things I added

14:13in there is this graphic section here.

14:15Now, the cool thing about the graphic

14:16section is when it goes ahead and

14:18designs your website, it effectively

14:20shows you what that looks like, explains

14:22the construction rules, it shows you the

14:24asset inventory. Again, this is all

14:26completely unique generated imagery. Uh

14:29it shows you kind of like a model sheet

14:30that you can follow with an ideal color

14:32palette. But beyond that, if you

14:34actually scroll down, you can see that

14:36what it does is has all these different

14:38fonts you can choose from. And you can

14:39actually come down and select these.

14:41Now, what's cool is I've added in a

14:43recommended selector. And essentially

14:45what the AI does is has a look at what

14:47the brand is about, what it's doing,

14:49what it's not doing. And then we'll

14:51essentially say, "Well, you're going for

14:52like a modern SAS look." And based on

14:54that information, you want to evoke like

14:56trust and confidence, you want something

14:57that's got the right level of kerning,

14:59all that sort of stuff. And you can

15:00literally come down and just see the

15:02fonts that you want. All these are

15:03available. You can play around with

15:05them. You can click them and basically

15:06change that if you wanted to see what it

15:08looks like. Which I think is an

15:10incredible thing. So, you always want to

15:12check the licensing on fonts. I wouldn't

15:14personally be adverse to buying a

15:16brilliant font. I think it's worth its

15:17weight in gold. But there are so many

15:19free fonts that you can play around

15:21with, and it will honestly just elevate

15:23and lift the quality of any design that

15:26you're doing. Oh, fonts are one thing,

15:27but if you don't have this next-level

Level 4

15:29solved, none of this is worth anything.

15:31And of course, it is the copy. I could

15:34have the best design, the best, most

15:35beautiful graphics on the planet, but

15:38there's one simple thing. If this copy

15:40is terrible and doesn't look good,

15:43nobody's really going to buy from it

15:44because it's just the biggest giveaway

15:47in the world is the copy. The copy has

15:50to look absolutely beautiful. I mean,

15:51just look at these beautiful images

15:53we've got here, guys, the different the

15:55different things that we offer here on

15:57Neuro. I mean, this is got I'm about to

15:58sign up. I'm about to get my credit card

16:00out and sign up to this service.

16:01Honestly, I'm 2 seconds away from buying

16:03it. That's how good this design is. But

16:05when it comes to copy, it genuinely

16:08really is everything. It's super duper

Copy Makes Or Breaks Sales

16:10important. It changes It really just

16:11changes what it things are perceived.

16:13Now, one skill I did share as well, and

16:14I'll share this skill with you down

16:16below in the copy. And by the way, if

16:18this sounds like I'm speaking design

16:20Spanish, I'm going to put a link down

16:21below for my Cloak Code Masterclass that

16:23will take you through the basics,

16:24building beautiful websites, power

16:26features, memory systems, Hermes Agent,

16:28building anything stuff I've never

16:30shared on YouTube. You also get full

16:31access to the entire Agentic Operating

16:34System, the Memory Operating Systems,

16:36the ability to chat with any single

16:38model, and my exclusive design operating

16:41system, which is so freaking cool. I'll

16:43put a link down below. It'll save you so

16:45much time and get you to a level you

16:47wouldn't even imagine. It is so amazing.

16:49Now, let's come back and chat about the

16:51actual copy here and what that

16:52physically looks like because it is

16:54really, really important. So, one of the

16:55copy systems that I actually built was

The Copy Slop Killer System

16:57this great thing. And essentially, what

16:59I wanted to do is you can take any copy

17:01on a website and you can run it through

17:02a system. Now, what this effectively

17:04does is it checks it for multiple

17:06things. First thing it does, it kills

17:07the AI slop. So, it identifies what are

17:09all the features that AI writing has and

17:11are incredible GitHub repos that I

17:12brought in for this specific reason. Any

17:14signs of AI writing, we're going to run

17:16it through GPT 5.6. We do this because

GPT Humanizes Your Copy

17:20Claude is so prolific, its greatest

17:22strength has in a sense become its

17:24biggest weakness cuz everybody's using

17:26it, right? So, GPT 5.6 just makes it

17:29sound a little more human rather than

17:30Claude-esque. We get world-class copy.

17:32This has been trained on things like

17:34what are the best marketers actually

17:36saying? What it also does is it

17:38identifies, for example, what are the

17:40brands that you're using? So, for

17:42example, if I'm building a website cuz

17:44the point of the website is to get

17:45customers, right? If I'm building a

17:46website on a SaaS, let's look at the top

17:49five SaaS companies in our niche, and

17:52what are they all doing that the losers

17:54aren't doing? Like, what can we learn

17:55from what's actually crushing it? And it

17:57takes that copy and that edge and that

17:59design and brings it in to the actual

18:02copy. So, not only is it got the

18:03AI-ification, it's it's adjusting the

18:06sales copy for you as well. It has a ban

18:08list for words, certain ways of doing

18:10it, runs it through many different

18:11things. The five big principles are the

Five Copy Principles That Convert

18:13below, and I say this because I

18:15genuinely matters to me that you crush

18:16and you can apply these principles

18:17anyway. Don't make me think. One of the

18:19best books I've ever read. Whole idea is

18:22you want basically system one thinking,

18:25not system two. In other words, when I'm

18:27on your website, I shouldn't have to

18:28engage my brain. I it should just roll

18:30over me. And that's the purpose of great

18:33design and great copy that I don't have

18:35to think difficultly. If I said, "Hey,

18:37it's 29.62%

18:39and you've got to take the square root,"

18:41all of a sudden you've lost me. You're

18:42making me do too much work to understand

18:44it. That's why thumbnails that are

18:46simpler tend to do better as well. Name

18:48the pain first, and this is from Daniel

18:50Priestley's marketing system. It's very,

18:51very cool. Specific assignment one ask

18:54per screen. This is something I always

18:55do. One page, one thought, which is why

18:58you'll often find, even on our system

19:01here, if I just duplicate this and show

19:02you, check this out. I come to the

19:03website. What's the idea?

19:05I'm on one screen. We call this a kind

19:07of like

19:08I've got a specific name for it, but the

19:10height is it like everything fits in one

19:12screen view, and it's got one point. And

19:14the point of this is to get started.

19:15Then the next one is the demo. And then

19:17this one is one again one screen one

19:20point. As you can see, it's really

19:21important. This one here, download the

19:22app or whatever the specific thing is.

19:24All that to say, it's built on

19:26everything, but it doesn't mean anything

19:28unless it's actually good. So, let's see

19:30what's happened here. So, this is

19:31actually suggested change 28 lines. Let

19:34me show what I mean. So, instead of get

28 Copy Improvements Applied

19:35started, start free. Way more

19:37compelling. Get genuinely good at AI 5

19:40minutes at a time. Everyone uses AI,

19:42almost nobody is good at it.

19:44Interesting. You go here, Nura is 5

19:46minutes a day of real prompting.

19:48Problems marked the second you answer,

19:49you stop guessing at what works.

19:51Beautiful. Get started start your first

19:52lesson is specific. And again, and it

19:54just comes down and explains everything

19:56it's doing. It's really really freaking

19:57impressive. Like check this out for

19:58example, instead of saying 5 minutes

20:00wherever you are, 5 minutes on the train

Copy That Creates Visualization

20:02counts. That's so good because now I've

20:04got a visualization of like, hey, I'm on

20:06the train. I'm doing something that

20:07actually matters. It's really really

20:09impressive. Instead of go further with

20:10it when 5 minutes isn't enough. Instead

20:12of get started, start your first lesson.

20:14So, there's like a million different

20:15things it could down here. I think it

20:16found actually 28 different changes that

20:18it went ahead and moved through this.

20:19I'm also going to be updating this to

20:21apply like more logic as well, which I

20:22think it'd be really cool to level up

20:24the system. And the other thing that the

Full Design System Documented

20:26system did as well is actually go ahead

20:27and build a new design system. So, you

20:28can see it basically shows you the

20:30typography, how it works, all the

20:31different buttons. And the cool thing

20:33about a design system is it shows you

20:35how you log in, how you do everything,

20:36your color palettes, all that sort of

20:37stuff. So, essentially what it means is

20:39that if we need to recreate any of the

20:41pages, any systems, we've got like this

20:43design system locked in. And honestly,

20:45don't underestimate the power of image

Video Generation Elevates Everything

20:47and video generation. I use this

20:49platform a lot, and one of the

20:51interesting things that I often find

20:52when I'm using it is it just really

20:55elevates the website, any kind of

20:56interactivity. And bear in mind, we

20:58could go back and forth to make this

20:59like level 10. I just want to show you

21:01what when you combine the best in class

21:03prompting, you know, cool design, the

21:05right kind of image and video generation

21:07like we use the Hexfield in this

21:08example. Just the kind of thing that you

21:10can get that doesn't feel like AI slop.

21:13And so, what's also important to bear in

21:14mind is that any fonts you're using,

21:16just make sure that you have the right

21:17license for it. So, some are free for

21:19personal use, but commercial will not.

21:20So, just make sure that you're locked

21:21and secure with that. Then also, when it

21:23comes down to design, I used Duolingo as

21:25an example here. In reality, you want to

21:27combine multiple different designs to

21:28create something unique and your own

21:30particular style. I'm just showing you

21:32what is possible here when you do this.

21:33So, in reality, I wouldn't copy this

21:35step-by-step, and I would be changing

21:37certain things out. I'd be doing

21:38different design systems, but you can

21:39see how you can take any principle,

21:41essentially, whatever you imagine. If I

21:42wanted to do the AI of Duolingo, we have

21:44just built it like in this video. That's

21:47how freaking cool it is. We've got our

21:48own graphic style. We've got our own

21:49images. It is literally outrageous. But,

21:52it does lead us onto a big problem, and

21:53that's the fact that design systems are

21:55great, but if you don't have your own

What's Next

21:58agentic operating system that combines

22:01designs with productivity and

22:04automations and AI, and really unlocks

22:07next-level capabilities for you, you're

22:09leaving way too much on the table. So,

22:12the next thing that we need to do is

22:13learn exactly how to do that in this

22:15video right here.

This transcript was generated from the captions YouTube publishes for this video. Get the transcript of any YouTube video atfreeyoutubetranscribe.com: free, unlimited, no sign-up.