YT YouTube2Text

YouTube2Text → Transcripts → Turn Claude Into A Design GENIUS In 3 Simple Steps

Turn Claude Into A Design GENIUS In 3 Simple Steps — Transcript

by Chase AI · 5,029 words · 715 segments · language en · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00I'm going to teach you how to defeat the
0:01monster known as AI slop in three simple
0:04steps. Now, AI slop has taken a number
0:06of forms over the years, and it wasn't
0:08too long ago that it looked something
0:10like this. A generic SaaS template with
0:13Inter font everywhere and blue purple
0:15gradients. But now, AI slop looks
0:18something like this. This is definitely
0:19better, but it still screams AI. It has
0:22a specific color palette, a specific
0:24font, just a general style that right
0:26away you can tell this was generated in
0:28just a prompt or two. But today, I'm
0:30going to show you how to break out of
0:31this mold. I'm going to teach you how to
0:33cultivate and inject your own taste into
0:35the web design process. I'm going to
0:36show you what sort of skills and MCPs
0:39you need to begin using to help you in
0:41that endeavor. And lastly, I'm going to
0:43show you the exact sort of build
0:45sequence you need to begin applying to
0:47this. What are the prompts we should be
0:48using? How should we be prototyping?
0:50What does it mean to iterate and tweak
0:51our web design until we get something we
0:53actually like? And by the end, you're
0:55going to have a flexible roadmap that
0:56you can apply to all of your AI design
0:58work. So, let's get started. AI has no
1:01taste. Now, this is a phrase you've
1:02definitely heard of before, but it's an
1:03important one, and it's what step one is
1:04all about because step one is figuring
1:06out how do we cultivate taste? How do we
1:08curate it? How do we bring that into the
1:11web design process? Because the problem
1:13with this website and this website isn't
1:14a technical one, it's simply generic.
1:17And no matter how good the models get,
1:18they could get 10 times better tomorrow,
1:20it'll just change what we consider to be
1:22generic. But instead, if we are able to
1:24inject our taste into the design
1:27process, we are going to be able to
1:28create something that is unique because
1:29it's specific to you, and it's very
1:31subjective, but also something that is,
1:33quote unquote, good. So, for step one,
1:35what we are going to do is we are going
1:37to curate a library of design
1:40inspiration. This is also going to help
1:42us cultivate our own taste. We're going
1:43to expose ourselves to a lot of, you
1:46know, high-level web design or whatever
1:47you want to call it. And once we have
1:49this library of stuff we like, you know,
1:51this is a reflection of our taste, we
1:53can then bring that to AI and use that
1:55as the foundation for what we are going
1:57to build moving forward instead of
1:59relying on nothing and instead just
2:01getting an average regression to the
2:03mean output. So, where should you go to
2:05find inspiration? Well, there's a number
2:07of websites that I think do a really
2:08good job. What I'm on right now is
2:10Dribbble. That's Dribbble with three
2:11B's. I just typed in web design, put in
2:13popular, and I can see a bunch of
2:15different landing pages. Another good
2:17one is Pinterest. Again, all as I did
2:18was throw in web design and what do I
2:20see? I see a bunch of hero pages that
2:22are much different than what Claude is
2:24going to generate me when I say build me
2:26a landing page. And lastly, we got
2:27Twitter which I think is my favorite of
2:29the bunch because there are a ton of
2:30awesome creators in this space that are
2:33doing really cool design work and UI
2:35stuff that you just aren't going to see
2:37anywhere else. And so, your first job is
2:38simply to go to these websites, start
2:40looking for things you like, and just
2:42start screenshotting them, saving them.
2:43You can even save links if you have the
2:45actual websites themselves. Now, once
2:47you do that, you can just leave all
2:48those screenshots in a screenshot folder
2:50or you can do what I did and have Claude
2:51code create a simple web app that's
2:53essentially your inspiration library.
2:56It's going to put everything in one
2:57place, but more importantly, it's going
2:59to group them based on design type and
3:01you can have it explain what the design
3:04even is, what it means, what is the
3:05actual vocabulary associated with this
3:09design. And when I click on one of these
3:10screenshots, it gives me some keywords
3:12associated with this design. So, this is
3:13something like a Vauxhall rendered
3:15landscape. And then down here, I can
3:17both copy the image prompt. So, if I
3:19wanted to create an image for my hero
3:21section in the background like this one,
3:22this sort of gives me the foundation for
3:24that. And then I also have this button
3:25that says copy brief and that's
3:26something I would use to actually create
3:28the website in its entirety. And we'll
3:31go into prompting and all of that in
3:33step three. But big picture, step one is
3:36cultivating our taste. It's creating
3:38this library of inspiration so you don't
3:40just have to sit there and come up with
3:42something from scratch. Just come up
3:43with something, you know, that's been
3:45sitting in your brain because when we're
3:46just getting started, we're really not
3:48good enough for that yet. We need to
3:49find stuff that's actually working that
3:51we like and use that as our base. Now,
3:55step two is all about the external tools
3:57we are going to give Claude code so that
3:59when we move on to step three, which is
4:01actually creating the website, it gives
4:03us better outputs right away. And the
4:05first one I want to talk about is
4:06impeccable, which I think is the best
4:09front-end design skill in the game right
4:10now. Now, impeccable is an open-source
4:12tool. It's got almost 50,000 stars on
4:14GitHub. And speaking of GitHub, they now
4:16turned it into like an official part of
4:19GitHub's AI tool. And it's one skill,
4:22but it includes 23 different commands
4:25that will essentially improve your web
4:27design or your website's components in a
4:29number of different ways. So, it's able
4:31to, you know, critique any issues. It's
4:34able to add additional polish, make it
4:35bolder, make it quieter, etc., etc.
4:37There's 23 different things. Now, it's
4:38kind of impossible to understand what
4:39those 23 things do without seeing them
4:42in action. But if you go into the actual
4:43impeccable website, which is
4:45impeccable.style, we can see all those
4:4723 different commands over here on the
4:49left. So, if I look at bolder, for
4:51example, it explains what it does. It
4:53pushes safe designs towards impact
4:55without sliding into chaos. And over
4:57here on the left, this would just be
4:59like a standard Claude code output. And
5:01if I do impeccable bolder,
5:03well, I get something like this. Or if I
5:04do something like overdrive, hey,
5:07here's, you know, standard Claude code,
5:09and then here's impeccable. Or clarify,
5:13here's the standard warnings you get,
5:15and here's something that is a bit more
5:18condensed and easy to understand. And
5:20really what impeccable is doing is it's
5:21identifying and getting rid of slop. And
5:23it does that across really seven
5:25different places: typography, color,
5:28spatial design, responsiveness,
5:29interaction, motion, and actual UX
5:31writing. They have an entire section of
5:33their website dedicated to slop, and it
5:35breaks it down as 46 different patterns.
5:38And you can actually run the impeccable
5:40CLI, and it will look through everything
5:41to see, okay, like, is this, quote
5:44unquote, AI slop? And it'll actually
5:45show it to you
5:47on a dev server. Speaking of a dev
5:48server, they also have a live mode, so
5:50you can actually bring up your website
5:52and you can actually click through it
5:54component by component and make
5:55adjustments right there live. So, it's
5:58almost like Claude design in a in one
6:00sense, but it definitely gives you a
6:02visual aspect that you can't get if
6:04you're using exclusively the terminal.
6:06Now, to install this is super easy. It
6:07includes a CLI and they give you three
6:10different options for installing this
6:11thing and if you get confused, just go
6:12ahead, copy the URL and drop that in the
6:15Claude code and it will install it for
6:16you. Now, if you don't really like
6:17Impeccable, another one I would suggest
6:19is the Taste Skill. They just released
6:21their version two, although it's
6:23experimental. Again, we can find this on
6:25GitHub. It's just under 66,000 stars and
6:28sort of works in the same manner. You
6:30know, it's going to look for those AI
6:32sort of like Slop Tails and instead it's
6:35going to give you a stronger layout.
6:36It's going to work on the typography,
6:37motion, and spacing. And in the end,
6:40it's meant to give you something unique
6:41instead of a boilerplate looking UI. So,
6:43I think these two, the Taste Skill and
6:44Impeccable, are the best in the game
6:46right now. Definitely a step above the
6:48standard Anthropic front-end design and
6:50definitely a step above some of the more
6:52popular repos like UIUX Pro Max. Now,
6:55when we talk about MCPs, the one I use
6:56the most is the Higgs Field MCP and this
6:58is because it's going to give Claude
7:00code capabilities it simply does not
7:01have out of the box. Primarily, image
7:04creation and video creation. So, the
7:06Higgs Field MCP is going to give you
7:08access to
7:09virtually every single AI image and
7:11video generator out there. So, I usually
7:13use GPT images two for images and then
7:16for video, that's usually bouncing
7:18around every few weeks, but right now
7:20SeaDance tends to be the best. So, you
7:22can also install this as a CLI to
7:25actually get here. All you have to do is
7:26go to the Higgs Field website,
7:28higgsfield.ai, go to MCP and CLI, just
7:31copy this, paste it into Claude code,
7:33and then it will run you through the
7:34authentication process. It also has some
7:37skills you can add here as well. And
7:39once this is installed, if we're trying
7:41to create a website, we're especially if
7:43we want to add some sort of like hero
7:44imagery, right, in the background, it
7:46just calls on the MCP and it will
7:48generate it for you. Furthermore, if we
7:49want to generate custom assets, this can
7:52allow us to do it as well. And one last
7:53thing I wanted to talk about isn't
7:54really a skill or even an MCP, but that
7:56is 21st.dev,
7:59and this is kind of something you could
8:00probably even throw in step one in terms
8:02of the taste thing, but this is all
8:04about components. So, let's say I was
8:07looking for specific buttons. So, if I
8:10come over here on the left and I click
8:12buttons,
8:14I'm going to see a bunch of different
8:16buttons. And if I click on any of these
8:18buttons, I then have the ability to copy
8:21the prompt. So, down here it says copy
8:23prompt. If I copy that and I paste that
8:24into Cloud Code, it will give me a
8:25button that looks like this. And there
8:28isn't just buttons, there's
8:30cards, there's, you know, pricing
8:33sections. So, similar to, you know, in
8:35step one, where we're really looking for
8:36sort of like big picture in terms of
8:38design and aesthetics, this is a great
8:40place to go to get inspiration for
8:42specific components. So, we're just
8:44getting more detailed and like a little
8:46lower level on this sort of stuff. But,
8:48even here, it will have things, again,
8:50it will do um borders, backgrounds,
8:55calls to action. So, again, this is just
8:57all in the same vein of like exposing
8:59ourselves to things we otherwise
9:00wouldn't even think about. Like, how
9:01much How often are you looking at like
9:03pagination
9:04and the different options we have for
9:05that. Now, the last thing I'll say at
9:07this step is beware going down the
9:09rabbit hole in terms of tools and
9:11skills, because
9:12it's very easy to fall into the trap of,
9:15well, I'm just one skill away from like
9:17all my design problems being solved.
9:19You'll probably see some really cool
9:20skills out there that build really cool
9:22websites. The issue is those tend to be
9:24very narrow in scope. They're extremely
9:26prescriptive and often times those
9:28skills will only give you one kind of
9:30output. The reason why I suggest the
9:31taste skill and I suggest impeccable and
9:33Hex Fields because they're very flexible
9:35and we can go a number of directions
9:37with them.
9:38However, because they are not
9:41prescriptive, they're not always going
9:43to give you a quote-unquote great output
9:45because that great output is going to
9:46depend on your prompting and again, how
9:48we inject taste. And now in step three
9:50is where we kind of put it all together.
9:52I'm going to show you how you should
9:53prompt and more importantly, how you
9:55should iterate until you get an output
9:57you like. So now we're in the step
9:58three, which is the actual build phase
10:00and what I want you to get away from is
10:01the idea that we need to one-shot these
10:03things. What we instead need to do and
10:05what I suggest is cast a very wide net
10:08off the bat. What you see here is I had
10:10it create a website for this fake AI
10:12company called Argus and I had it create
10:14five different versions in five
10:17different styles. And also what you see
10:19over here is on one hand on the
10:21left-hand side I had it use impeccable
10:23and on the right I had it use the taste
10:24scale. And the idea is when we first
10:27start prompting this guy, we want to see
10:29a bunch of different styles of the
10:30website we're trying to create.
10:32I like to do five. Once we see all five,
10:35we probably have a decent idea of like,
10:36okay, this is the direction I want to
10:38go.
10:39Once we choose that one, like let's say
10:40I did PrintTech, then we want to do some
10:43iterations on that. I have it do like
10:45three versions of that style and then
10:47from those three versions I pick one and
10:48then we tinker.
10:50The idea is I want to see all my options
10:53on one screen at one time. It's kind of
10:55tough, I think, to know what direction
10:58you even want to go on or go through
11:00when you're just sitting inside a
11:01terminal and you just try one thing and
11:02then you try another. Like, why don't we
11:04just try a bunch of stuff at once and
11:06compare and contrast? That's sort of my
11:09idea. And once we get a little more, you
11:11know, sort of fidelity in terms of what
11:13style we want to go into, then we bring
11:14in things like the Higgs field MCP and
11:16start generating assets, generating hero
11:18images, and doing all that cool stuff.
11:20Now, in regards to prompting, this is
11:23kind of how I like to go about it. I
11:26really have four different things I am
11:29going to pass to AI when I prompt. it.
11:31again, it's not prescriptive, it's not
11:33overly specific, it's not some
11:3510,000-page design.md prompt you need to
11:38copy. Cuz remember, when people give you
11:39that, it's going to be kind of the same
11:41thing every time. It's very narrow. And
11:43what I think you want to pass is first
11:45the aesthetic, right? What is the
11:47general like family of design we want
11:50this website to sort of follow?
11:52Secondly, we want to give it some sort
11:53of reference image. This is where our
11:56sort of curated like taste library comes
11:59into play. This probably some sort of
12:00website or multiple websites you want to
12:02drop here in terms of the reference. And
12:03what we're trying to do is we're trying
12:04to match the feel. We aren't necessarily
12:06trying to match it, you know,
12:08content-wise or design-wise, cuz we're
12:11not trying to like copy them. Again,
12:12we're going for a feeling, an aesthetic.
12:14Number three is the intent. What are we
12:16building and why? Like, is this a SaaS
12:19product? Is this something for an event?
12:21Who is the target audience? What are we
12:23trying to have them do? Do we want them
12:24to just like read everything and that's
12:26it? Do we want them to click through
12:28something, fill out some sort of form?
12:29These things are important and they're
12:31going to dictate what the rest of the
12:32website looks like. And then lastly,
12:33what are some sort of guardrails? What
12:35are things we always wanted to do and
12:37what are some things we never
12:38want it to do. This can become useful in
12:40terms of like AI slop stuff. Like, I
12:41never want purple gradients. I never
12:44want Inter font and things of that
12:45nature.
12:47Also, in terms of references, don't be
12:49afraid to drop actual website URLs. If
12:51there's a website you like and you kind
12:53of want it to match again sort of the
12:54feel and style, drop that as well. It
12:56doesn't just have to be screenshots. But
12:59this, I think, is sort of a great place
13:01to start. And again, we're not trying to
13:04one-shot, we just want to get something
13:05moving in the right direction. Now, when
13:07we prompt this, like I said, I want a
13:08bunch of different, you know, design
13:11styles. And this kind of comes back to
13:13my taste library, cuz if you built this,
13:15like I suggested you do, it's already
13:17kind of broken it out into different
13:18libraries, right? I have print tech
13:20paper style, I have dither mono, kind of
13:23this like vast quiet cinematic style.
13:26And so for me, I can just tell Claude
13:29Code, "Hey, take a look at my library
13:31and pick out, you know, five different
13:33aesthetic families and create websites
13:36like that." Or, if you haven't built
13:38something like that, you need to
13:39actually
13:40tell it specifically, like, "Hey, I want
13:42five different variations in five
13:43different styles." That works, too.
13:45So, what we're going to do is we're
13:47going to use this prompt and start
13:48walking through it ourselves. So, here's
13:51the prompt I gave it. I said, "Build a
13:52landing page for Kestrel, an AI
13:53analytics platform for small startups."
13:55I give it the intent and what we're
13:57trying to actually do, right? We want
13:59them to actually book a demo. We have
14:01some guardrails. I'm saying for pretty
14:02much all the hero pages, we're going to
14:04have like a monumental image, and I want
14:06it to never do the AI slop stuff, things
14:08like purple gradients, 3D SAS blobs,
14:10that kind of thing.
14:11I say I want it to create five versions
14:13of the page, and then for each version,
14:15I break down the direction. So, I
14:16specify the aesthetic. I give it a
14:18reference image. Again, that's coming
14:20from my taste library.
14:22Remember this thing? And then I mention
14:24what the future here will probably look
14:25like, and I do that for all five
14:27versions. So, let's see what it comes up
14:29with. So, here are the five it created.
14:31Here's sort of the print tech paper
14:33version.
14:35Got the data as texture. Remember, all
14:37these graphics were all just generated
14:39by Claude Code. I haven't used anything
14:41like the HTML and CSS to actually create
14:43the graphics.
14:45We have sort of the vast quiet one. This
14:48is supposed to be like a stand-in for
14:49some sort of like mountain range we
14:50would create.
14:52We have dither mono.
14:55And then we have classical remix. So,
15:00again, remember, we're just kind of
15:01looking like big picture of what sort of
15:03style do I like?
15:05Mhm.
15:07Kind of
15:09Dither mono looks kind of cool. I kind
15:12of think the vast quiet looks kind of
15:14sick. It's definitely different, very
15:17minimalist, but I kind of like what it's
15:18doing. And I think this might look
15:20really cool if we can nail the actual
15:22image behind it. So, I'm going to go
15:25with sort of this vast quiet direction.
15:27And now what I'm going to do is I'm
15:28going to ask it to essentially create
15:31three different versions of this.
15:32Specifically, when we look at the body,
15:34I want to just kind of like see what's
15:35possible out there. So, I said, "Let's
15:37go with the vast quiet version. Generate
15:39three versions of that aesthetic for me,
15:40namely changing the body formats, etc."
15:43And you can get specific about what you
15:44want to see different with it. And so,
15:46just like we did here, it's going to be
15:47three versions of this. Then we'll nail
15:49down the one we like, and then we can
15:51get a little more specific when it comes
15:54to changing components, doing tweaks to
15:56fonts and colors, and then actually
15:57generating the assets. So, it's come up
15:59with a few more variants. Here's the
16:01original, right? Very minimal, very
16:03vertical.
16:05Here is the second one, which also kind
16:07of has that calm approach, but it looks
16:08like it's
16:10kind of added a little bit more to the
16:11body.
16:13Here's one where it's more of a ledger.
16:14It's kind of shifted a few things over
16:16to the left, and now we have this index
16:18that scrolls along with us, which I
16:20actually kind of like.
16:22Then we have this one, which it called
16:23frames.
16:25Okay, so everything's kind of like you
16:27see kind of how has these edges
16:29on the side that frames each section. To
16:31be honest, I kind of like the ledger.
16:33Um I kind of like how when you scroll
16:34down um this follows you on the
16:37left-hand side. Um maybe we add
16:39something to the right a little bit, not
16:40totally sure, but I like this. It's kind
16:42of like a neat minimal approach, yet
16:44looks a little bit different. And so,
16:46what I'm going to tell it now is, "Hey,
16:47we're going to go with version 3B, which
16:49is the quiet ledger version. And what I
16:52want to do now is I want to nail the
16:54hero image first. I think if I nail this
16:56background, then I'll begin playing
16:58around, you know, with like fonts and
16:59where things are kind of sitting. So,
17:01the prompt I'm going to give it is,
17:03"Let's go with the V3B,
17:06which is the ledger version. And what I
17:08want to do now is nail that hero image."
17:10So, you have the, you know, examples of
17:13the hero images
17:15that are part of the quiet aesthetic
17:17that's on our
17:18inspiration library. I think there's
17:20like three or four of them. So, can you
17:22create like give me like four different
17:25images that fit this that would also fit
17:27our hero image
17:28specifically, right the whole like
17:30composition of it. So,
17:32use the Higgs field MCP for that. Make
17:33them high quality. Make them 2K and
17:35create four different designs and then
17:37pull them up once you do that. So,
17:39Claude code called the Higgs field MCP,
17:40created some images, threw it into the
17:42hero section, and now it's displaying
17:44those different ones. So, this is the
17:45first version which is the aerial. We
17:48have the Crag. Then we have almost this
17:50like watercolor type painting which I
17:52think is cool. And then it did the cloud
17:54sea. Now, I kind of like
17:57Honestly, not a huge fan of two cuz I
17:59feel like it overlaps some of the text,
18:01but I
18:02do like
18:04I like number one and four. I think
18:10I think one looks pretty cool, but maybe
18:12if we could add, I don't know, like a
18:14splash of color somewhere just cuz it's
18:16very black and white and maybe just like
18:18some semblance of color would look good.
18:19So, that's what I'm going to tell it.
18:20Can we go with option four that you
18:22created and can you create multiple
18:25versions of that and show me just like
18:26you did before, but can we add maybe a
18:28little color
18:29to it? Right now, it's very black and
18:31white. I'm not sure if just a splash of
18:32color somewhere would look good. So, it
18:34created some variations. So, here's the
18:36original. Here added a little color
18:39called a dawn touch, golden hour,
18:42alpenglow, and then the duo tone which
18:45is way too much.
18:48And of all these, I think I like the
18:50alpenglow. So, we're going to go with
18:51that. Let's go with the alpenglow
18:53version and then go ahead and bring up
18:55our webpage with that as the hero. When
18:58you do that, make sure you take a look
19:00at the transitions between the hero and
19:02the body. It shouldn't just be like a
19:05super sudden change. So, do what you
19:07need to make that look sort of premium.
19:08And then in terms of like page loading,
19:11um want everything to feel kind of like
19:14heavy, um and give some weight to it.
19:17So, here's what we got. All this stuff
19:19kind of loads in one by one, which I
19:20like.
19:22As we scroll down, it's not like a hard
19:24transition, so it kind of just,
19:26you know, slowly fades out.
19:29And then,
19:30yeah, I like I kind of like I really
19:32like this index, honestly. I think it
19:33looks really cool.
19:35And at the bottom, we have book a demo.
19:37Now, overall,
19:38very minimal, but it kind of fits the
19:40vibe. And at this point, I'd kind of
19:42just want to start tweaking different
19:44things and maybe see if we can add just
19:46a little bit more,
19:48I don't know, punch to it, so it isn't
19:50overly minimal, but honestly, I I I kind
19:52of think it fits. And so, I think the
19:53easiest way to do that, instead of just
19:55sort of guessing and being like, "Uh,
19:56make it look more premium. I want to add
19:58stuff." is to add have it added tweaks
20:00bar. And this is something you see
20:01inside of Claude design.
20:03And so, that prompt will look something
20:04like this.
20:05Can we sort of mimic what happens inside
20:07of Claude design and add like a tweak
20:09bar that pops up on this dev server, so
20:12I can change a number of things, whether
20:14that's font size, font type, accent
20:16colors. Basically, any place where you
20:18think there's a decision to be made in
20:20terms of the overall aesthetic and
20:22design, especially when looking at the
20:24body, cuz I do like the hero. Um I want
20:26an ability to tweak that on the tweaks
20:28page, so go pretty aggressive with what
20:29you offer me. And while it builds that,
20:31the other thing I want to talk about is
20:34sort of references. So, a lot of this
20:36today has been, you know, when we've
20:38talked about inspiration and building
20:39references, has been in regards to the
20:42hero section, right? The first thing you
20:43see. But, that also applies to the body.
20:45So, just like we've given it
20:47screenshots, you can do the same for the
20:48body. And in fact, you can give it
20:50actual URLs of websites you like and be
20:52like, "Hey, like take a look at the
20:54actual like formatting of that website,
20:55cuz Claude can see it, and I want it
20:57applied to my page." And just like we've
21:00created this library of inspiration, you
21:02can do the same for stuff that isn't the
21:04hero. Again, it can just be how a, you
21:06know, the body of a website is laid out.
21:08Okay, so now you can see over here on
21:10the bottom right. I'll shift over here.
21:12We have this tweaks button. So, when I
21:14pull up the tweaks, again, similar to
21:16Claude design, I can start changing a
21:18bunch of stuff. So, I can change the
21:21heading font. And like I this is just
21:24all
21:25built on the idea that like I need to
21:27see the differences. I don't know what
21:29font's going to look good. I don't want
21:30to sit here and ask Claude code to then
21:32create 10 different versions of the
21:34webpage with different fonts. Like, just
21:35give me some sort of like thing like
21:37this, right? I think being able to like
21:38iterate visually very quickly is what
21:41allows us to eventually get something we
21:42like. So, we can don't like the italics.
21:45Change the size, all this good stuff.
21:48And like I said, I totally get pretty
21:49aggressive. So, it has like the hero
21:51imagery, the assets, the motion,
21:55the weight, the reveal distance, all
21:56this stuff. And so, at this point, it's
21:58really just a matter of tweaking it over
22:00and over again, showing it more
22:01references of things you like until you
22:03get it to a place you're happy with. And
22:05really this entire video has been about
22:07that. It's about giving you a flexible
22:08workflow, a series of steps that you can
22:10follow to get you to a place you're
22:13happy with. None of this is meant to be
22:15prescriptive. None of this needs to be
22:16followed to a T. Instead, it's about
22:18some like general rules and guidelines
22:19of figuring out, okay, what do I
22:21actually like, you know, cultivating
22:22that taste. How do I then take that
22:24taste and bring it to AI? What are some
22:26additional tools that Claude code
22:28doesn't come with that can help me do a
22:30better job of that? And then lastly, how
22:32do I tweak? How do I iterate? So, I'm
22:34not just at the mercy of Claude code one
22:37shots and just playing the lottery game
22:39of putting in a random prompt, saying,
22:40"Please make it look more premium." And
22:42praying that the output is good. So,
22:44with all that said, that is where I'm
22:46going to leave you guys for today. As
22:48always, let me know what you thought.
22:49Make sure to check out Chase AI Plus if
22:51you want to get your hands on more
22:53Claude code guides, especially my Claude
22:54code masterclass. There'll be a link to
22:55that down in the pinned comments.
22:58And I'll see you around.

About this transcript

This page contains the full transcript of Turn Claude Into A Design GENIUS In 3 Simple Steps by Chase AI, generated from the public captions YouTube serves with the video. The transcript has 5,029 words across 715 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.