Modern Creator
Nick Puru | AI Automation · YouTube

5 Claude Skills To Make Your Websites Look Ridiculously Good

A stacked five-skill Claude Design workflow, and the build-then-critique loop that keeps it from settling for generic output.

Posted
4 days ago
Duration
Format
Tutorial
educational
Views
5.7K
126 likes
Big Idea

The argument in one line.

A five-skill Claude Design stack, anchored by a build-then-critique 'gauntlet loop' that never lets the same agent grade its own work, can rebuild a real local-business website well enough to use as a free, no-pitch lead magnet for a paid website-swap-plus-retainer offer.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • You want to use Claude/AI tools to redesign real business websites as a cold-outreach lead magnet.
  • You're running or starting an AI agency and want a concrete, low-cost offer to pitch local businesses.
  • You already use Claude Code or Claude Design and want a workflow for getting past generic, 'AI-looking' output.
SKIP IF…
  • You're looking for a no-code page builder tutorial — this assumes comfort installing and directing Claude skills.
  • You want game or app development techniques — the video explicitly redirects the same loop technique away from games toward paid client work.
TL;DR

The full version, fast.

The video stacks five installable Claude Design skills to turn a stale local-business website into a client-ready rebuild: frontend-design forces a committed visual direction instead of Claude's default generic-average look, UI/UX Pro Max picks an industry-appropriate style system automatically, GSAP skills add professional motion where the product warrants it, Impeccable hunts down roughly 64 known 'AI slop' tells, and a custom design-gauntlet skill runs a build-then-critique loop where a separate critic agent, never the builder, judges the result against a reference bar until it passes or hits a round cap. The playbook: pick a local business with 20-100 Google reviews, rebuild their site for about $20 and 20 minutes, send the finished link with no pitch, then monetize with a paid swap plus a monthly care retainer.

Free for members

Chat with this breakdown — free.

Sign in and you get 23 free chat messages on us — ask for the hook, quote a framework, find the exact transcript moment, generate a markdown action plan. Bring your own key when you want unlimited.

Create a free account →
Chapters

Where the time goes.

00:0000:31

01 · The Gauntlet loop

Opens on a viral X post about an AI-built video game, then reveals the real technique behind it: a strict build-then-judge 'gauntlet loop', repointed at something people will actually pay for.

00:3101:12

02 · Why websites, not games

Argues that AI game demos rack up views but no buyer, while a redesigned local-business website is something real businesses will pay for.

01:1201:53

03 · Claude Design & the 5 skills

Introduces Claude Design as skill-driven and the five-skill stack the rest of the video walks through, each fixing one specific design failure.

01:5302:18

04 · The law firm we're rebuilding

Pulls up a real solo-practitioner law firm site that hasn't been touched since roughly 2019, the target for the live rebuild.

02:1803:25

05 · Skill 1: frontend-design

Installs Anthropic's own frontend-design skill, explained as a fix for Claude's tendency to design like an average toward generic card-grid layouts.

03:2504:05

06 · The rebuild

Shows the rebuilt one-page law firm site: hero, practice areas, testimonials, and a working consultation form, all pulled from the real site's existing content.

04:0505:09

07 · Skill 2: UI/UX Pro Max

Installs UI/UX Pro Max, a packaged database of dozens of UI styles, palettes, and font pairings mapped to business type.

05:0906:11

08 · The fintech page

Points the UI/UX Pro Max skill at a completely different industry, a fintech banking landing page, built from a ten-word prompt plus the skill link.

06:1107:41

09 · Skill 3: GSAP motion

Installs GSAP skills, the professional motion-design library's own Claude skill, for sites where animation actually earns its place.

07:4108:56

10 · The Porsche site

Builds a scroll-driven Porsche 911 GT3 RS hero page to show off GSAP motion, including an AI-generated cinematic product shot, then flags where the output still looks low-quality.

08:5609:43

11 · Skill 4: Impeccable (AI slop detector)

Installs Impeccable, an open-source AI-slop detector with roughly 64 known tells and near 60,000 GitHub stars, to hunt down anything that reads as machine-made.

09:4310:33

12 · The before & after

Runs Impeccable against the law firm rebuild, which flags an overused font and a beige color palette as the two worst offenders, and shows the before/after fix.

10:3311:02

13 · Skill 5: the Gauntlet loop

Introduces the fifth and final skill: a custom design-gauntlet loop adapted from Matt Schumer's game-building technique, meant to run last because it polishes whatever foundation the first four skills already built.

11:0212:04

14 · How the loop works

Explains why the build method and the bar matter: the agent that builds a site should never be the one that decides it's finished, backed by Anthropic's 2024 research on separate-model evaluation.

12:0413:10

15 · My website version

Walks through the design-gauntlet SKILL.md file itself, covering the loop's own steps: decompose, build, capture, critique, report, and pass/fail.

13:1014:14

16 · Running it live

Runs the gauntlet loop live on the law firm site, setting the reference bar, the customer the conversion critic plays, the off-limits elements, and a two-round cap before sending it off.

14:1416:30

17 · The verdict & fixes

Reviews the gauntlet's scored verdict: passing on brief and craft but failing conversion twice, with concrete flagged issues like a phone number that reads as a redaction bar and reviews buried below the fold.

16:3017:03

18 · How people get paid for this

Lays out the prospecting playbook: pick one niche in one city, search Google Maps for businesses with 20-100 reviews, then rebuild the site before anyone asks for it.

17:0317:27

19 · The lead magnet play

Frames the finished rebuild as a lead magnet sent without a pitch, so the link does the selling instead of a cold pitch.

17:2718:51

20 · The retainer math

Breaks down the retainer math: a near-free $20/20-minute rebuild plus a monthly care retainer turns ten clients into roughly $3,000/month, with each shipped site becoming proof for the next prospect.

Atomic Insights

Lines worth screenshotting.

  • A model that both builds and grades its own work is structurally biased toward deciding it's done; a separate critic model is not.
  • AI website generators default to the statistical average of every site they've seen, which is why unprompted output converges on the same card-grid-and-gradient look.
  • A packaged database of UI styles, palettes, and font pairings mapped to industry type replaces a decision design agencies normally charge for with an automatic lookup.
  • Motion should be earned by the product category; a redesigned law firm site needs almost no animation, while a car hero page benefits from professional-grade motion.
  • A dedicated AI-slop detector checking for around 64 known tells can flag a page as machine-made even when its structure and layout are otherwise solid.
  • Businesses with 20 to 100 Google reviews are a cold-outreach sweet spot: enough volume to prove they're real and active, small enough that nobody has touched the website.
  • Sending a finished rebuild instead of a pitch deck removes the credibility problem of cold outreach; the prospect is looking at proof, not a claim.
  • The recurring care retainer after a website swap is what turns ten $20 rebuilds into $3,000 a month, not the one-time build fee.
  • A conversion critic can fail a page that scores well on craft alone; proof buried below the fold and a decorative-looking phone number are conversion failures a design-only review misses.
  • Anthropic's own 2024 research found agent output quality improves specifically when a separate model does the evaluating, not when the same model self-reviews.
Takeaway

A critique loop beats a single builder

THE CRITIC LOOP

The through-line across every demo is the same: separating the agent that builds from the agent that judges consistently produces work closer to what a paying client would actually accept.

01The Gauntlet loop
  • A separate 'critic' AI that scores and rejects the builder's own output tends to produce better results than letting one model both build and judge its own work.
02Why websites, not games
  • Novelty AI demos like game clones rarely have a paying buyer; a redesigned business website does, because local business owners will pay to protect their online image.
03Claude Design & the 5 skills
  • Good AI-generated design usually needs five separable problems solved at once: a forced design direction, industry-specific taste, motion handling, removal of generic AI-look patterns, and a self-critiquing loop that checks the other four.
05Skill 1: frontend-design
  • Left to its own defaults, an LLM designs toward the statistical average of everything it has seen, which is why unprompted AI sites converge on the same card-grid-plus-gradient look; a skill that explicitly bans generic patterns and forces one committed direction counteracts that pull.
07Skill 2: UI/UX Pro Max
  • A packaged database of proven UI style, palette, and font pairings mapped to business type turns a decision design agencies normally charge for into something the model can pick automatically before writing any code.
09Skill 3: GSAP motion
  • Motion should match the category: a law firm doesn't need cinematic scroll animation, but a product built to feel premium benefits from professional-grade animation rather than the generic fade-in-on-scroll every AI site defaults to.
11Skill 4: Impeccable (AI slop detector)
  • AI-generated pages tend to carry a recognizable set of tells, specific overused fonts, palettes, and layout habits; running a dedicated detector against a finished page and fixing even the two worst flagged patterns measurably reduces how machine-made it reads.
13Skill 5: the Gauntlet loop
  • The core discipline of a build-and-critique loop is structural, not clever: the agent that builds a thing is never the same agent that decides it's finished, because a model grading its own work is biased toward believing it's done.
14How the loop works
  • Before running a critique loop, the useful inputs to define up front are the reference bar, who the critic is pretending to be, and what is explicitly off-limits to change, otherwise the loop can fix things you didn't want touched.
17The verdict & fixes
  • A page can score well on overall craft and still fail on conversion basics; real proof buried below the fold, a claim about experience with no visible evidence, and a phone number that reads as decoration instead of a tappable action are the kind of concrete failures a conversion-focused critic catches that a design-only review misses.
18How people get paid for this
  • The fastest way to find a rebuild target that will actually convert into a paying client is a business with 20 to 100 Google reviews, enough volume to prove it's real and active, small enough that nobody has invested in the website.
19The lead magnet play
  • Sending a finished rebuild instead of a pitch removes the hardest part of cold outreach: the prospect doesn't have to trust your claims about what you could build, they're already looking at it.
20The retainer math
  • A one-time website swap is the smaller number; the durable value is the recurring care retainer layered on top of it, which is what turns ten $20 rebuilds into $3,000 a month instead of one-time payments.
Glossary

Terms worth knowing.

Gauntlet loop
A build-then-critique cycle where sub-agent builders produce work and a separate critic agent scores it against a reference bar, repeating until it passes or hits a round cap.
Claude Design
Anthropic's visual workspace version of Claude, built to run on installable skills for anything visual such as websites, graphics, or presentations.
Skill (Claude)
A packaged instruction file or database that changes how Claude approaches a task category, installed by pasting a link and asking Claude to install it.
AI slop
The recognizable visual and structural tells, such as specific fonts, palettes, or layout patterns, that mark a page as AI-generated rather than designed by a human.
Round cap
The maximum number of build-and-critique cycles a gauntlet loop is allowed to run before it stops regardless of whether the output passes.
Resources

Things they pointed at.

00:10linkMatt Schumer's 'Gauntlet Loop' post (X)
02:18toolfront-end-design (Anthropic's official Claude Design skill)
04:05toolUI/UX Pro Max skill
06:11toolGSAP skills (official GSAP team skill)
08:56toolImpeccable (open-source AI-slop detector)
10:33toolDesign Gauntlet skill (custom, adapted from the gauntlet loop)
11:50linkAnthropic's "Building Effective Agents" research post
00:00channelSystems to Scale (Skool community, 19,000+ members)
Quotables

Lines you could clip.

11:40
The agent that builds is never the agent that decides that it is done.
crisp, standalone thesis for the whole videoTikTok hook↗ Tweet quote
12:05
Outputs, they're just getting better the moment that a separate model actually does the evaluating.
cites real research behind the technique, quotable claimnewsletter pull-quote↗ Tweet quote
17:20
You don't come to him with a pitch. The link, it's going to be doing the selling.
sales philosophy one-linerIG reel cold open↗ Tweet quote
The Script

Word for word.

Read-along

Don't just watch it. Burn it in.

See every word as it's spoken — crank it to 2× and still catch all of it. The same dual-channel trick behind Amazon's Kindle + Audible.

metaphor
There's a brand new prompting trick that's absolutely blowing up right now. It's called the gauntlet loop. Matt Schumer, he's been using it to one shot this entire game with Claude.
There's no game engine. There's no downloaded assets needed. And Claude, it just wrote the whole thing itself in post.
It's already sitting at over 4,000,000 views. And since then, people have been using it to build Pokemon in three d, kart racers, whole galleries of these things. And of course, nobody's going to be paying you for just a Mario Kart clone.
The games, these are simply just demos. But there is one thing that this loop can be building that businesses are gonna hand over real money for every single day, and that's websites. So I turned the gauntlet loop into a Claude skill.
There's four different critics, and one of them, it just judges the thing that no design tool out there checks right now, which is whether the page actually sells. So what I'm going to be doing inside of this video is I'm going to stack that skill with the four strongest design skills that you can install right now, and then I'm going to just point all five of them at a real business.
Now you'll see their site in just a second. It's pretty rough. Every skill here is just gonna be a copy and a paste, the loop included.
And near the end, I'll break down how people are charging for rebuilds just like this one. Now all of the resources that I'm going to be giving away from this video, it's gonna be inside of my free school community. So if you're interested in getting all of the stuff that I'll be showing step by step, then make sure to check that out.
So we are currently in Claude Design right now, and if you have not used this yet, this is just Claude Design's workspace. So it's the same Claude, it's just pointed at anything visual. So anything like web sites, graphics, presentations, anything like that.
And the reason that actually matters for this video is that it runs on skills. So you install a skill and change how it's designed. Now why am I going to be comprising this of five different skills?
Well, just because they fix five different problem. Now the first one, it's just going to give Claude a real design direction. Second, it gives it a taste for whatever industry that you are building in.
The third one, it handles motion. The fourth, it hunts down any of that AI slop, AI look to it, and it removes it. Now the fifth one, this is just a gauntlet loop, and its whole job is to judge the other four, of course, improving it all ultimately.
Above done here, I've just pulled up a random law firm's website. They're just a sole practitioner. It looks like they've got about twenty five plus years of practice.
You can look at the footer and everything. There's some copyright that says 2019. Nobody has touched this site in about seven years, it seems.
So what we're going to be doing instead is we're just gonna be completely revamping this website, rebuilding it all, and then sending it to them as some sort of lead magnet, as some sort of foot in the door to pitch them on another service. The first skill that we're going to be throwing in here, this one is Anthropix's own that they have released.
It's called the front end design, and installing it is pretty much the whole setup. You just paste the link. You tell Claude to install the skill, and with that, you're pretty much done.
That's about it. Now why are we actually going with this skill here? It's because Claude's default problem is that it designs like an average.
And what I mean by that is it's seen millions of different websites, so it's going to be reaching for the middle of all of them. And the middle is that same card grid with a purple gradient that you've seen on every AI page in in the front end design. This is Anthropic fixing their own model, so it forces Claude to just pick one specific direction, commit to it, and its instruction file literally bans the generic patterns by name.
That's why we're using it. What I'm gonna be pasting in here is to go to this website, study the whole site, like the practice areas, criminal offense, family law, just giving it some different examples, the attorney bio, contact details, and the client reviews. Keep all the real content and do not invent anything, then use the front end design skill to rebuild it as a complete one page site with a hero practice areas, case results, testimonials, and a consultation booking section.
Serve it on localhost when you are finished, and we'll run this off. Alrighty. Now just a few minutes later, we could already tell this immediately looks substantially better.
Now, of course, I've blocked out some of the PII. As you can see, the call numbers are blocked off in any other personal information.
So here we have the heading. We have some information about them, the services, and none of this is made up. It's just taken from their existing website.
Some more details about them, what they do specifically. If we scroll all the way down to the bottom, you can see that we have a form where we can submit any inquiries, which is great.
Should be able to navigate to anything else. Okay. So if we do click anything at the top, it's just gonna, you know, drag you down to one of these sections that we have already created here.
Awesome. So now I wanna take this a step further, and to do that, we're going to be using the UI UX Pro Max. Now this git skill is going to be the first skill that gives Claude direction, but it doesn't know your industry or what it's working with.
And that's where this skill's going to come into place, so the UI UX Pro Max, it's just a design database packed into a skill. So there's about 67 UI styles here. It's dozens of different palettes and font pairings and rules for actually which ones fit whatever type of business.
So before it's going to be writing a single line of code, what it does is it it just searches that database and it picks a system that actually matches what you're going to be building at the time. And normally something like that, that's a decision that a design agency typically charges real money for, and now it happens automatically just solely from this skill.
Next up, we're just gonna go back into claw design, and I'm going to say use the UI UX Pro Max skill and build a fintech banking landing page. So this is just going to be a completely different industry that we're going to be changing this to, and I'm just gonna provide it with the link as well.
We will run this off and see what we can get. Alright. So just a few minutes later from what was, I don't know, maybe about 10 words, we now have our SaaS website.
So business banking that settles in seconds, not business days. So, obviously, we have our sections headings up at the top.
See if we can select between back and forth with all of this. So the functionality is perfect. We can see we have some testimonials here, the account, a little bit about the product, so just brief descriptions.
We could read the trust report. It looks like that doesn't actually work. Monthly, annual.
So we also have the pricing page, just as important for any SaaS. We have a testimonial down below as well.
So for what it is and, you know, again, coming from only about I don't know how much this is, 10 different words, and giving it the link to the skill. This is pretty impressive how fast it's actually able to print this. Now, of course, if you wanna provide it a little bit more guidance or if you want us to tweak anything ourselves, we can make the comment or edit right here and just select on anything in particular, provide our prompt with that.
However, let's move on to the third skill. Third skill, this is GSAP AI skills. Now normally, most websites, they're pretty staticky.
However, if you're looking at anything that an agency is actually designing, they usually have some sort of motion graphic. In AI sites, they all have exactly just one move, which is usually just things like fading in as you scroll. But GSAP, this is the animation library that the professional studios are actually using.
And this skill, it comes from the GSAP team themselves. So instead of Claude guessing at motion, it it actually just writes it the way that the library's own developers would. And it's going to be handling all of the performance sides, so nothing actually stutters.
And a law firm is the wrong place to show that off as you would imagine. It's not necessary, so watch it on something built to actually move. So inside of here, I have an image of a Porsche nine eleven.
Now what I'm saying inside of the prompt is to use the car image in this project as the hero product shot. So just build a one page site for the Porsche nine eleven that tells its story as I scroll. So first, you can just use the RCAD's MCP with CDance to animate that image into a short cinematic clip around six seconds, a slow push in on the car with the light moving across the bodywork, keep it loopable, and save it into the project, and then use the GSAP skill to build a page around it.
So we're gonna run this off giving it a little bit more specifications on what we actually wants to happen when we're going to be scrolling, what are the motions that we want. Again, if you guys want the rest, either you can just pause the video, you can screenshot it, or you can get it inside of my free school community.
Everything will be in there, especially if you wanna be following this step by step. I'll have all the prompts, everything that I'm showing off. So wait.
So just a few minutes later, we now have our website back. We have the Porsche in a motion graphic. I actually do really like this piece right here in the heading.
If you scroll down a little bit further, obviously, this right here, it looks pretty boxy and just very unprofessional. This is not gonna fly, obviously, for any sort of Porsche website. But I do really like how the numbers were done here, the engine, the power, the torque, that sort of thing.
If we scroll down a little bit further, we if just keep scrolling, it's just gonna be showing the speed, which I do appreciate that. These right here, these images, obviously, extremely low quality. That's pretty poorly done.
And this image right here, it's just pretty random. It's not sleek, anything like that. So I'm just gonna give it one more prompt.
I'm gonna say the picture looks low quality. Create a new image of the Porsche if you have to, and the video clip looks fine because I I don't want that to be edited or altered whatsoever. So we'll send this off.
A little bit later, this isn't completely finished as we see it still running and refining different things, but it did update some of the pictures. So I would imagine this is what the final product is going to relatively going to look like. And, of course, it's much better.
We can see these images are actually more crisp. However, it's still a bit boxy and not perfect. And this is where it's just gonna be pivotal to actually provide these images right up front of better images.
Ours at the beginning, it wasn't that solid. Goal number four, this is called impeccable. Now why might you want to use this one?
Well, because even with good taste installed, some AI habits, they always survive. Impeccable, this is going to be that detector. So it knows about 64 specific patterns that are actually exposing a page as AI made, and it just hunts them one by one.
So this is completely open source. It has almost 60,000 stars already on GitHub. So there's a lot of people already using this, and its whole job is just the question every builder should be asking themselves.
Would a stranger actually be looking at this page and know that a machine made it? So what I'm going to say in this case is to run the impeccable detect command on this website, and list every AI slot pattern you find with where each one appears on the page, and then fix the two worst ones and show me a before and after.
Do not touch any of the content, only the design. Now we have our output back. We have the two fixes, the before and after.
So here's fixed one, overused font instrument serif. So it just changed the font. You can see it's slightly different from the before to the after.
Now fix number two, this is going to be the cream beige palette. So this isn't anything too crazy here as well. This is just minor aesthetic tweaks where it's just going from this beige color, obviously, to this coolish lighter color.
Now this website inherently didn't have anything that was too AI slop, whether it was the structure or how it was actually, you know, laid out and everything. I think this was, you know, one of the better websites in these demos. However, if we're looking at the Porsche, this may be a better use case to actually instill something like this.
Now from here, how we actually implement this, of course, we could just say go ahead and proceed with implementing those after fixes, and that will be our official published website.
Just to give you a warning before we cover this last skill, this is the reason that this part actually comes last, is because the loop, it polishes whatever you're gonna be handing it. So if you give it a very weak foundation, it's going to be polishing the wrong thing for you. Even faster, even harder, you're just gonna be wasting your outputs.
So that is what the first four skills were actually for. It's going to be preparing us for this gauntlet loop. So now that we have a polished website, we can be handing it to this last skill.
That's the idea here. So what even is this gauntlet loop? Well, Matt Schumer, he's the one who created it.
It's been going absolutely viral on x ever since, and it started really just as a three line prompt. So line one, this is comprised of the task. So build me a first person shooter at the level of a triple a game.
Line number two, this is the build method. So you can just fan out sub agents, and you can give every builder its own separate critic that's going to be judging the work visually. And then line three, this is the bar.
So saying something like don't stop until every critic is wild comparing it side by side with the real thing. Now the build method and the bar, this is the whole trick with this entire methodology. The agent that builds is never the agent that decides that it is done.
And Claude, all on its own, is going to be convincing itself the work is actually good enough. However, having a critic with fresh eyes, that does not. It doesn't have any bias or adhering to any fallacies.
Now on through Opix's own research, they found the exact same thing back in 2024. I know that's a while ago. However, I'll summarize and condense this for you.
Outputs, they're just getting better the moment that a separate model actually does the evaluating. So that's all you need to know from this. So what I have done is I have took the best things from Schumer, and I have just made it applied for website building.
So everything from him is going to be consolidated in this design gauntlet. So this is going to be, of course, the design gauntlet loop for websites. The builder never creates its own word.
You can see it goes over when to actually be using this, inputs to be gathering before starting the loop, what that's comprised of. So we have everything step one of decomposing to step two, building, capturing, and then critiquing. So the most important steps are going to be summarized right here.
Feel free to pause the video and read through it yourself. Step number five is the reporting. Step number six is deciding whether things you're passing or failing.
And then we have some rules, the cost, the critic prompt templates, and the crafting, the motion, the conversion, how this is actually going to be used. So let's put this into practice and show you how it actually works.
By the way, you guys will be able to get this inside of my free school community if you are interested in building insane websites. So I've just dropped in this skill. I'm going to say install this skill inside of My Cloud for me, and then I want you to run it on this law firm website.
And we'll run this off. And right off the bat, if you remember, there's some important fundamental inputs that we actually have to apply. So it's asking the reference bar.
Give me some of the craft critic judges, blind a b againsting these. So pick one or two, or name your own below.
So I'll just choose a couple of random ones. Or name your own reference sites. We can give it some other ones to kind of be anchoring to.
So if you wanted to look up other professional websites that you really appreciate, you can use those as the judges. Who is the customer the conversion critic plays? So let's do, I guess, all of these different ones.
The one action that matters the most, calling the office, submitting the consult form, or either equally. Let's go with both of those. The round cap, each round is a full build and judge cycle across sub agents.
This is the expensive part. I guess we'll do about two. Off limits must not change.
Let's go with gold accent color, and we'll just leave it at that. How much motion is appropriate for the site?
Near still minimal. I don't think it's going to be necessary whatsoever, but feel free try this for yourself. I'm gonna send this answer in.
Now just a few minutes later, we now have our output back. I'll scroll really quick just so can get an idea of what it actually looks like. However, let's look at the entire summary.
So we have some things still failing. Some things were flagged. We can get some sort of summary, we have the round one capture.
Round one critique complete, applying the fixes. Round two capture, so recapturing, rejudging things. The verdicts is brief past both rounds.
We fixed some different things, so the scroll triggered staggered reveals. Okay. Let's actually take a look at everything inside of here.
So the design gauntlet for the law office. Overall, stopped at cap with two different fails. So we have the score history, round one, round two.
So the brief passing at about 88. The craft, I believe that just refers to the copy. Failing 68, failing 79 for round two.
Status three fails, rebuild some things, cap reached for round two, so stopping some things. So it's looking at each individual section going one by one.
So we have the hero section, the biggest remaining gap, a stranger in trouble sees a claim about experience, but no evidence. The five star reviews sit four screens below the fold, and the phone number reads as a black redaction bar rather than a number to dial. We have the practice areas going over the record, and we have the reviews as well.
So this is actually something that you would want to be implementing, of course, for your own website. So, you know, I'm gonna go right after this video, spend some time doing this for my website, Reprise, and it's going to not only analyze the copy, maybe I can create a focus group where it's going to, you know, be comprised of all the objections that we've had on sales calls and anything that we've had come up inside of our comments section, address some of that stuff right here, providing it as much context as possible, so we're creating the best copy, the best structure for everything, making sure it's adhering, you know, and just flowing as smoothly as possible.
But for what we're getting back, this is pretty impressive just comparing every single thing with the, you know, those, like, focus groups that it created itself. Still failing at the caps of the phone numbers redaction bar, of course, we included that, just to include no personal information, no proof above the fold, five identical kicker labels, uniform card templates.
So some things that we will have to get right, and we can go ahead and just say from here, go ahead, proceed, and start implementing all of these fixes now. So that's the demo piece, but how are people actually getting paid with this?
So the playbook for this, it's actually simple enough to run this in just one weekend. You pick one niche, you pick it in one city. So whether you have law firms, clinic owners, property managers, you simply just pick one niche, ideally in your own city unless it's too small.
You So could be targeting law firms, you could target clinics, or even property managers. From there, you could just open up Google Maps and look for businesses with 20 to a 100 different reviews because that's a real business with real customers. And then you just look at their website, you already know what you are looking for in that case, you just watch me replace one entirely, and then you just build the rebuild first before anybody even asks for it.
Now that used to be the expensive part, but now it is meant to be a lead magnet. It's almost completely free, maybe about $20 or twenty minutes of your time if you're using the cloud subscription, and you send the owner just one message.
You don't come to him with a pitch. The link, it's going to be doing the selling. You charge for the swap, and then a monthly care retainer to keep it running.
And then if you have 10 clients at maybe about 300 a month, is gonna be $3,000 a month for you, every single site that you ship, it becomes the proof for the next one. That can be your foot in the door, where you can then become an AI transformation partner. You can do consulting work, where you're just gonna be auditing their systems, finding other bottlenecks, and transitioning to solving them for them using AI as the integral piece where you're automating all of their different processes.
So that's just going to be your front end. This website is going to be your lead magnet your way in. And your outreach process, it doesn't have to be manual either.
Claudia can literally find the businesses for you, it can check their websites, and write every one of those cold emails for you. You can do this at such increasingly high volumes.
While building that pipeline out, this is the entire thing that we teach inside of my paid community. So if you guys do want us to be going deep inside of landing your first paying client with AI, then the link will be down below in the description if you wanna get access to that. But, again, everything, all the different resources, it's gonna be completely available for free inside of my school community.
Check that out if you are interested in that, networking with other people. But with that said, that is the five different skills to build insane websites. So get out there, start slinging these websites to business owners, using them as lead magnets, because it is incredibly easy to get these built, offering them as some sort of token of trust.
But with that being said, thank you guys for watching, and I will see you in the next video.
The Hook

The bait, then the rug-pull.

A tweet showing an AI-built video game exploding to millions of views turns out to hide a website-selling technique: a strict build-then-judge loop, borrowed from game demos and repointed at real local-business rebuilds.

Frameworks

Named ideas worth stealing.

01:32list

The Five Skills, Five Problems

  1. Design direction (frontend-design)
  2. Industry taste (UI/UX Pro Max)
  3. Motion handling (GSAP skills)
  4. AI-look removal (Impeccable)
  5. Judge-and-improve loop (Design Gauntlet)

A whiteboard framework mapping each of the five stacked Claude skills to the one specific failure mode it fixes, from generic layout to static content to an artificial AI feel.

Steal forany AI-assisted design workflow that keeps producing generic output
10:33model

The Design Gauntlet Loop

A build-then-critique cycle adapted from Matt Schumer's game-building 'gauntlet loop': sub-agents build against a brief, a separate critic scores the result against a reference bar and a stated customer/conversion goal, and rounds repeat, capped, until it passes or the cap is hit.

Steal forany AI content pipeline where the builder shouldn't be trusted to grade its own work
16:30list

The Simple Playbook To Get Paid

  1. Pick a niche + city
  2. Open Google Maps
  3. Find businesses with 20-100 reviews
  4. Look at their website
  5. Replace one before anyone asks

The prospecting funnel for finding rebuild targets worth cold-outreaching.

Steal forAI agency cold outreach
17:27model

Retainer Math Loop

  1. Build the rebuild first ($20, 20 min)
  2. Send one message, no pitch, link does the selling
  3. Charge for the swap + monthly care retainer
  4. 10 clients x $300/mo = $3,000/mo
  5. Every ship becomes proof for the next

The monetization loop turning a near-free rebuild into recurring revenue, where each delivered site becomes the portfolio proof for landing the next client.

Steal forpricing an AI-agency service offer
CTA Breakdown

How they asked for the click.

VERBAL ASK
18:20link
everything, all the different resources, it's gonna be completely available for free inside of my school community

A soft, repeated CTA woven through the video (free resources gated behind the Skool community) rather than one hard pitch at the end; a paid 1:1 agency-coaching program is mentioned but not emphasized on screen.

Storyboard

Visual structure at a glance.

open (viral tweet)
hookopen (viral tweet)00:00
install frontend-design skill
valueinstall frontend-design skill02:18
install GSAP skill
valueinstall GSAP skill06:11
design-gauntlet SKILL.md
valuedesign-gauntlet SKILL.md10:33
gauntlet report verdict
valuegauntlet report verdict14:14
the playbook whiteboard
ctathe playbook whiteboard16:30
Frame Gallery

Visual moments.

One-click upgrade to your Google

Get more breakdowns in your search results

Add Modern Creator as a preferred source and Google shows you more of our breakdowns in Search, Top Stories, and AI Overviews. It only changes what you see, and you can undo it in your Google settings anytime.

Add to Preferred SourcesOpens your Google source preferences with us pre-loaded. Tick the box and you're done.
Watch next

More from this channel + related breakdowns.

16:39
JP Middleton · Tutorial

Claude + Google Maps = $30,000/Mo

A Claude browser skill turns Google Maps into an automated local-business lead list, and the real pitch is a seven-part AI system that plugs the leaks between a search and a paying customer.

August 14th