Modern Creator
Nate Herk | AI Automation · YouTube

Fable 5.1 Finally Kills AI Website Slop

Nate Herk tours a handful of AI-built sites, then breaks down the process, not the model, that keeps Claude/Fable builds from looking generic.

Posted
5 days ago
Duration
Format
Tutorial
educational
Views
3.5K
302 likes
Part of the collectionThe Fable 5 PlaybookAll 45 Fable 5 breakdowns, synthesized into one page.
Read the playbook
Big Idea

The argument in one line.

Fable 5.1 avoids generic AI website output not because the model changed, but because feeding it real design references, layered scroll motion, a reusable skill, and a screenshot verification loop turns a one-shot prompt into a premium-feeling site.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • You're building websites or landing pages with an AI coding agent and want them to feel premium instead of generic.
  • You want a repeatable checklist (brand guidelines, inspiration sourcing, scroll motion, verification) for prompting AI web builds.
  • You're deciding whether to switch models based on a real side-by-side cost and quality comparison.
SKIP IF…
  • You're not using an AI coding agent to build websites.
  • You want a line-by-line code tutorial rather than a prompting and process walkthrough.
TL;DR

The full version, fast.

Generic AI website output comes from vague prompts, not weak models. Nate Herk shows that giving Claude/Fable 5.1 real reference sites, named design elements to copy, and a reusable skill produces layered, scroll-driven sites that read as premium instead of templated. His seven-part process is: brand guidelines, the 3Ps (Pain, Person, Promise), scroll lock, inspiration, components, mobile checks, and a screenshot verification loop. In matched tests using identical prompts and assets, Fable 5.1 and Fable 5 produced visually similar sites, but Fable 5.1 ran cheaper across most runs, and burned through only about 45% of a weekly usage limit that used to get exhausted in one to two hours.

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:0003:48

01 · Premium Website Examples

Scrolls through the AI Automation Society site, his personal site, and Glido, pointing out layered backgrounds, stacking cards, and a locked nav bar as what makes each feel premium.

03:4804:15

02 · How To Avoid AI Slop

States the core claim: vague prompts like 'make it look professional' don't work without a concrete reference for the model to copy.

04:1506:18

03 · Finding Design Inspiration

Shows pulling inspiration from the Fora site for the AIS layering, and from 21st.dev for individual components and backgrounds.

06:1807:00

04 · Cloning A Competitor's Feel

Builds the Glido site by directly referencing competitor Lemon and asking the agent to apply Glido's brand guidelines to that same layout.

07:0008:58

05 · The One-Shot Build Prompt

Writes a single loaded prompt asking for two distinct layered sites, referencing the AIS site, 21st.dev, and Godly.design for inspiration.

08:5810:41

06 · One-Shot Website Results

Reviews the two resulting one-shot builds: Ferna (a countertop herb garden) and Low Key (a mechanical keyboard), including a hard-cut flaw in the second.

10:4113:48

07 · Seven Design Principles

Lays out the full checklist on a whiteboard: brand guidelines, the 3Ps, scroll lock, inspiration, components, mobile, and verification.

13:4815:46

08 · Fable 5 Vs. 5.1

Runs matched test builds (including a PERKFORM coffee site) on both model versions with identical prompts and assets, then compares cost and output side by side.

15:4616:13

09 · Final Thoughts

Notes he'd only used about 45% of his weekly usage limit despite hours of testing, and points to the free scroll-craft skill and community.

Atomic Insights

Lines worth screenshotting.

  • Telling an AI model to 'make it look professional' or 'make it feel premium' fails on its own; it needs a concrete reference to imitate.
  • Distinct depth layers, like a back mountain, a middle mountain, and a front tree line moving at different scroll speeds, are what make a scrolling site read as premium instead of flat.
  • Cards that stack on top of each other as you scroll feels more dynamic than elements that simply fade in.
  • Naming the exact elements you liked about a reference site (the layering, how the cards stack, an interactive background) gives an AI model something concrete to copy, rather than a vague style direction.
  • Component-reference sites like 21st.dev let you copy ready-made prompts for individual UI elements instead of describing scroll effects or backgrounds from scratch.
  • Directly referencing a competitor's site and asking the agent to apply your own brand guidelines to that layout is a fast way to get a professional-feeling clone.
  • One prompt that names a reference site, a component library, and a design-inspiration site can produce two distinct, fully-styled sites without any follow-up iteration.
  • A one-shot build can nail motion and depth while still leaving small flaws, like a hard cut between sections, that only a second iteration pass would catch.
  • A verification loop, having the agent screenshot its own scroll animation section by section and compare it against the intended feel, catches visual bugs a text-only review misses.
  • Mobile needs its own explicit check rather than an assumption that desktop effects like card-stacking will translate automatically.
  • In matched tests using identical prompts, assets, and brand guidelines, Fable 5.1 and Fable 5 produced visually similar sites, meaning the seven-part process mattered more than the model version.
  • Across paired test builds, Fable 5.1 ran cheaper than Fable 5 in most cases, from roughly on par to nearly half the cost, consistent with the token-efficiency gains claimed for agentic work.
Takeaway

The prompt process beats the model version.

WHAT TO LEARN

AI website builds stop looking generic when you feed the model real design references and a repeatable checklist, not when you upgrade to a newer model version.

01Premium Website Examples
  • Distinct depth cues, like separate mountain, treeline, and laptop layers moving at different scroll speeds, are what make a scrolling site read as premium rather than flat.
  • Cards that stack on top of each other as you scroll, rather than simply fading in, add a dynamic feel without requiring heavy animation work.
  • A sticky, locked navigation bar reads as a small but consistent detail that makes a site feel more considered.
02How To Avoid AI Slop
  • Telling an AI model to 'make it look professional' or 'make it feel premium' is not enough on its own; it needs concrete references to imitate.
03Finding Design Inspiration
  • Pulling inspiration from an existing site you like, and naming which elements you want copied, gives the model something concrete to build toward.
  • Component-reference sites like 21st.dev let you copy ready-made prompts for individual UI elements instead of describing them from scratch.
04Cloning A Competitor's Feel
  • Directly referencing a competitor's site and asking the AI to apply your own brand guidelines to that layout is a fast way to get a site that feels professional, even though it is effectively a structural clone.
05The One-Shot Build Prompt
  • A single loaded prompt that names a specific reference site, a component library, and a design-inspiration site can produce two complete layered sites with no follow-up iteration.
  • Asking for two distinctly different builds from one prompt is a cheap way to get variation to choose from instead of committing to the first result.
06One-Shot Website Results
  • A first one-shot pass can nail depth and motion while still leaving small flaws, like a hard cut between sections, that need a second iteration pass to fix.
07Seven Design Principles
  • The seven-part checklist behind these builds: brand guidelines, the 3Ps (Pain, Person, Promise), scroll lock, inspiration, components, mobile, and a screenshot verification pass.
  • The 3Ps forces a business-readiness check before design starts: is there a specific pain, a specific person feeling it, and a specific promise for how the product solves it.
  • A verification loop, having the agent screenshot its own scroll animation section by section and compare it to the intended feel, catches visual bugs a text-only review would miss.
  • Mobile has to be checked as its own pass, not assumed to inherit the desktop layout, since effects like card-stacking don't always translate automatically.
08Fable 5 Vs. 5.1
  • Using identical prompts, assets, and brand guidelines on matched test sites, the two model versions produced visually similar results, meaning the process mattered more than which version ran it.
  • Across paired builds, the newer version ran noticeably cheaper in most cases, from about even to nearly half the cost of the older one.
09Final Thoughts
  • Roughly six hours of build and test work only consumed about 45% of a weekly usage limit that used to get burned through in one to two hours, a rough proxy for improved efficiency per session.
Glossary

Terms worth knowing.

AI slop
Generic, formulaic-looking output produced when an AI model is prompted vaguely, without concrete design references to work from.
Scroll lock
A design technique where the user's scroll position directly drives layered visual effects, like parallax depth, stacking cards, or text reveals, so scrolling feels like controlling the page rather than just passing through it.
One-shot prompt
A single, fully-loaded instruction to an AI coding agent that includes everything needed to produce a complete result, with no follow-up iteration.
3Ps framework
A pre-design checklist of Pain, Person, and Promise: does the business have a specific pain it solves, a specific person feeling that pain, and a specific promise for how the product solves it.
Verification loop
Having an AI agent screenshot its own output, frame by frame or section by section, and compare it against the intended design before treating the build as finished.
Resources

Things they pointed at.

Quotables

Lines you could clip.

03:56
You can't just say to Fable 5.1 or any AI model, make this look professional, make this feel premium. You really have to give it something to work off of.
states the video's whole thesis in one lineTikTok hook↗ Tweet quote
13:28
If you don't have a verification loop, if it's not taking screenshots and saying, oh wow, this looks bad, this looks out of bounds, this color's off, let me fix that, then what are you doing?
sharp rhetorical challenge, works as a standalone clipIG reel cold open↗ Tweet quote
14:27
Around the board, Fable 5.1 was actually cheaper. Here's an example. Fable 5.1 was $18.24, Fable 5 was $20.22.
concrete number, clip-worthy proof pointnewsletter pull-quote↗ 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
This is probably my favorite website I've ever built with Claude. This is the AI Automation Society site. What I think is so cool about this one is look at the layers as I start to scroll.
We can see the mountains in the background and this like tree line and they are clearly different layers and that adds a really premium feel as well as this whole laptop kind of being dynamic right now. We keep scrolling down and we see a little bit about AI Automation Society. We see the words come in.
We see the words come in down here and we can flip between the classroom, live calls, events, and leaderboard. And as we keep scrolling, More text keeps coming in dynamically.
And these cards start to stack on top of each other, which I think just feels super, super dynamic and engaging. We can see the pricing section here, free community plus community, as well as our certification cohort. We see some Q and A down here or FAQ, sorry.
And look at this animation where the text sort of like locks as we switch between these different things. I think that's awesome. We see some YouTube videos and then finally the call to action down here with once again, the layering comes back in.
And I just think that that is so, so cool. And I know you guys are probably wondering on mobile. So here it is right here.
This is me on my phone. We get the same dynamic laptop screen. We get the same layered effect, which I think is just beautiful.
We can scroll through this text. We see we get these same animations, but we click through these sections a little bit differently. We continue to scroll down.
All of this stuff comes in. The cards don't stack the same way it does on desktop, but I'm sure we could engineer that if we wanted to with just one prompt. We keep coming through.
The point I'm trying to make here is Fable 5 .1 is able to take care of this on mobile as well. And you get the exact same premium feel. I think that this website is beautiful.
Let's take a look at another example here. This is my website. You can see we've got the text.
We've got the hero section. Those numbers were sort of like ticking up. I've got myself over here.
And this is like a really neat background that I think adds depth and adds another layer. but it's not distracting. These are all clickable links.
These numbers are ticking up and we can still see consistency with the background animation. We continue to go through these things, color up as I highlight. We get into this interesting like dynamic element.
You can see when I move my mouse, these move. But once again, it's not too overwhelming or distracting. I think it just feels very premium and adds some nice depth here.
We have a little bit of background information and this links to the about page, which is just a little bit of a bio. It's nothing too fancy at all. But anyways, we keep coming down and we have like a little bit of a photo montage.
These kind of come up as they go into screen. And then we keep coming down. We see my book becoming AI native.
We have new YouTube videos every week. And then it pulls up join AIS and a little signature, which it just actually found in my pictures on my local desktop. Now what I also really like is that the nav bar stays with you all the way through.
And it also did that within the AIS site, which I really, really like. I don't know why, it just feels a bit more like having it locked there just feels good. Now let me show you guys this next one, which is Glido.
I think this one is so cool because look at this little dictation bar. There's so many animations within this. You can see that it's dictating words and putting them into Slack.
And this looks very similar to the way that you can actually see me talking into my mic right now. And right here, you can see that I'm dictating with Glido.
So super, super cool. We can have the apps right here that we already use and it pauses when I'm on it. We get these animations coming in with the holding down a key, saying it messy, and then it gets dictated and pasted over here much cleaner.
We can keep going down and seeing that we have different apps. Like we're seeing Glido putting this into Slack. We're seeing Glido put this into Cursor.
We're seeing it actually sort of like have these animations where we can see what it would look like to use Glido in these different apps, Gmail, and of course, Cloud Code in the terminal. We have more stuff down here transcribing over here or speaking over here, as well as just like typing the difference right there. And now.
This is my favorite part as we go down, which is this animation. We have the dictation, and then we have these two things that are going different ways with all of these apps. Some of these logos are obviously off, but hey, for a one -shot prompt, this is pretty solid.
I like that animation too. And we have some stuff from us, the founders down here. Anyways, the pricing.
Now, what I want to talk about is how do you actually get Fable 5 .1 to do stuff like this without giving you AI slop? Now, obviously what I've found is having things like scroll animations and having text feel more dynamic. And specifically in this video, I really found out about layering.
That helps a ton. But ultimately what I realized is that you can't just say to Fable 5 .1 or any AI model, make this look professional, make this feel premium. You really have to give it something to work off of.
So what we did in this video is I got a lot of inspiration from other websites. So for example, with this website, which I just absolutely love, I found an example of a website that I really loved and I took the elements from it that I liked. This one is called Fora.
You can see it's very similar. You can see it has hero text. It has the layers in the background.
And when I started to scroll, I was like, wow, I love the layering here. So I told Fable 5 .1 how to figure out how we could make a hero section that as I scroll down, there's like four layers. There's a back mountain.
There's a middle mountain. There's a laptop screen. And then there's a front layer of trees.
And I basically just love that feel. And I wanted to replicate it. So I just had it make all of these separate layers that move when you scroll.
Then we of course have like this text thing. I really liked how the cards here stacked. I thought that that felt super premium.
So I looked at this website for inspiration and I told Fable 5 .1 that I wanted to have mine have the same feel. And I explained all the elements of this and why I liked it and how I wanted it to use that as inspiration. Now for my website here, there wasn't exactly a website that I took inspiration from, but instead what I did is I took components that I really liked.
So I went to, where is it? I went to something called 21st .dev, which you guys have probably heard of before already if you've been watching me for a while making sites. This site basically has a bunch of components that you can find and you can literally give your AI agents the prompts for these animations.
So for example, this container scroll, you can just copy prompt and then your agent can basically copy that element. So I was looking at backgrounds that I really liked here. I was looking at different gradients.
I was looking at different interactive elements and I just decided that I liked one. I'm not gonna be able to find it right now, but I really liked that one that you see in the background here and I just took it and then I started designing with it. And then I just explained to Fable that I wanted all of this text to sort of appear as it enters the screen.
And then I said, hey, I want this to be 3D. I want this to feel dynamic. I want, you know, all this text to come in.
I want this to scroll sideways. And of course, I used my scroll craft skill, which you guys can access for completely free. It is linked in my free school community, which is in the description.
This skill has all of the design elements that you need to understand for layering, for scrolling, for, you know, text appearing like this, for text appearing like this. It has basically all of these principles inside of that skill. It's completely free.
And then for Glido, what I actually did is we looked at a competitor site. So we looked at Lemon, which is another dictation app, and I loved how it had these animations that almost give you the feel as if you're already using the product.
So I basically just once again came through here and said, hey, actually for this one, what I want you to do is go to Glido. I want you to take our brand guidelines and just insert it onto a page like this. And you can see.
This one was very directly just like cloning it, I would say. But that's what's so cool about Fable 5 .1 is it can inspect what's going on here and it can generate you one that feels the exact same. It even made the same sort of like, it almost feels like watercolor painting in the background, as you can see, but it made the same vibe.
And now we just have, oh, sorry, that was the wrong app. And now we just have this that we could go ahead and push live if we wanted to. And then look at what else I did.
I was like, okay, this is pretty cool. So I gave it an example of a good site and then I gave it this goal. So one -shot prompt.
And then I told it to build. me two distinctly different, but most impressive scroll craft, which is my skill, layered sites that you could possibly build me using our skills. I told it to look at the AIS site because I really liked that one.
I told it to grab components from 21st .dev. I told it to go to godly .websites. This is all about giving your agent more specific prompts and inspiration.
If I go to actually godly .websites, you can see. godly .design, we can find trending sites. We can find logos.
We can find hero sections. We can give all of this kind of stuff to our AI agents for inspiration of how we want our site to look. CTAs, footers, OG images.
There's so much stuff in here. There's also another site called awards where you can literally look at websites that are winning awards for design and you can just understand what kind of field do you want. You know, there's different categories in here.
You know, technology, e -commerce, restaurant, fashion, because obviously your site probably is going to convert better if it feels like it's in your niche talking to your avatar so this kind of stuff helps you get inspiration much better there's literally another site called motion sites that has like these jaw -dropping animated backgrounds that you can actually go ahead and grab and just bring right into your websites i think the one that i actually used was very similar to this one if you as you can see if i put this into a new page this one is just kind of like a really nice animated background.
It's obviously not the same because ours is sort of interactive, but this is also a really cool feel to have in the background of your hero section. Okay, so then what I did is I gave it the slash goal prompt and I said, hey, I need you to build me two distinctly different but most impressive scroll craft, which is my skill, type of sites that you could using these skills, using layering, looking at these components for inspiration, right?
Like godly websites, 21st .dev, looking at all this type of stuff. I told her they could generate the... assets that it needed.
It could use Key, it could use Higgs field, it can use whatever it wants, but I need it to be subtle, but premium. And I just said, go make me these sites. So let's take a look at what it actually built.
So this first one's called Ferna, fresh herbs without the windowsill. You can already see right away from the beginning, we have layering. We can literally tell that this plant, PNG, as well as I think even this leaf in the background and these leaves, they're all on different planes and the background image is on a different layer as well.
So that gives it a really nice Immersive feel we can see the text comes through right here. This text pops through this text fades in these cards stack Which I think looks amazing we can see right here We have a little scroll video now where this literally grows over time and we can go backwards I like how this feels once again, we get more layering You can see the plants in the background are moving to the left as well But not at the same rate and then finally we end off with this video where the light basically Turns on and that is the site that was a one -shot prompt with scroll craft Okay, and then the second one it made, this one is called Low Key.
It's a keyboard. Let me just refresh this so we see the text comes in like that. We can see there's a little animation here.
It looks like there was like some of the keys were being pressed. If you watch right here, yep, they look like they're being pressed. We can keep scrolling and now we get more elements of layering because the background is moving as well as the actual keyboard.
Now this is something I don't like. You can see there's like a hard cut right here. So on more of a verification loop and on more of like a...
iteration, it would probably, we'd be able to fix that, but this was a one -shot prompt. Anyways, text comes down here. Text comes through here.
I like how it comes in like that. Same thing. Now open it.
The keyboard keeps coming down and now the keyboard like comes out, right? So it literally like takes it apart itself and we can see inside of it. And then we have different colors to pick from.
The desk is still scrolling down this whole time. The keyboard comes back and now we could also have our call to action down here. So all things considered, one -shot prompts, these two sites, I think that it gives you a really good base to work from.
So after showing you guys those examples and talking about all that, here's what I think is the most important that you need to actually be doing when you're building websites. And all of these things that I'm going to talk about are baked into my scroll craft skill, which you can grab, like I said, in my free school community.
So the first thing that I think is really important is to actually have some sort of brand guidelines, right? You want this to feel consistent as far as, you know, your logo, your colors, things like that. From there, I think that you need to give it your three Ps, which is what I call sort of like the AI monetization readiness assessment, meaning does your business have a pain that you're solving?
Do you have a person that you're solving that pain for? And do you have a promise of how you're Your product or service is solving that pain, promising how it solves that pain for that specific person.
Now, from there, what I think you need is you need some sort of scroll lock. And maybe lock wasn't the right word, but you need responsiveness. You need the user to feel that they're controlling the site because as they scroll, they're getting some sort of feedback.
And it doesn't have to be anything super, super flashy, but even just having the text go like this, even just having words appear, and I have to refresh this because they already did, even having the words appear like this, just something that subtle, I think makes the website feel so much more premium. Because some feedback I got on my last video was like, oh, I hate these 3D world where I scroll and it makes me fly through.
And I get that, I get that. It depends on the business. It depends on the three Ps, like I just said.
I do think that having a scroll element in something is just really, really important. Anyways, from there, I think that you need inspiration. I think it's very hard to go into a website design.
project and just tell it what you want and expect that it's going to come back and not feel like AI slot because unless you're using some sort of skill or unless you're building off of some sort of template, it's probably going to feel that way because AI is AI. So inspiration can come in the form of looking at other websites and finding out what you like about it.
Like the layering, I think the layering is super important like that. Maybe it's the way that the pricing section feels. Maybe it's the way that the background is like interactive and responsive to the mouse, whatever it is, you need at least a little bit of inspiration.
And what's cool about something like 21st, is you can get inspiration on your borders. You can get inspiration on your actual buttons.
This one literally has like a section for features. It has a section for FAQs. You can get inspiration on how you want every single like little element of your site to look, even like the text, all of this stuff.
And then that's basically part five, which is understanding what components can you grab that already exists somewhere that you can use in order to make your site feel more dynamic and feel more branded. And then really the most important thing at the end of the day, besides, actually no, number six, you need to make sure it works on mobile too.
It has to look good on mobile. So many people are looking you up on mobile, clicking links on mobile. Make sure it's verified on mobile.
Claude can do that well. Anyways, the last thing ties into that, which is verification. Now by this, I mean...
have it screenshot everything, especially when you're doing scroll animations, have it screenshot frame by frame or pixel by pixel as it's scrolling down. That way it's essentially watching a video of how you will experience it. So if you don't have a verification loop, if it's not taking screenshots and saying, oh wow, this looks bad, this looks out of bounds, this color's off, let me fix that, then what are you doing?
Now, the last part of this video was I was gonna run through a bunch of these other experiments I did between Fable 5 and Fable 5 .1. I had to build a bunch of different sites for me. As you can see, I did like, you know, These perk form sites right here, this one was Fable 5 .1, this one was Fable 5, this one was Fable 5, this one was Fable 5 .1.
They just felt very similar. Like none of them clearly blew the other one out of the water. They were very similar because they had the same prompts, the same assets, the same brand guidelines, excuse me.
And they use the same skill. They all use Scrollcraft. There was a few minor, minor differences, but not enough for me to be like, wow, Fable 5 .1 crushes Fable 5.
Those seven things that I just talked about are more important than explicitly using which model. But here's what's interesting. Around the board, Fable 5 .1 was actually cheaper.
Here's an example. Fable 5 .1 was $18 .24. Fable 5 was $20 .22.
Here's another one where Fable 5 .1 was $14 .52. Fable 5 was $14 .67. So that one's actually pretty similar.
Here's another one where Fable 5 .1 was $12 .83 and Fable 5 was $21 .64. Here's another one where Fable 5 .1 was $11 .18 and Fable 5 was $17 .37. So if you guys remember in the release blog, they basically said, Anthropic said, hey, you know, Fable 5 is gonna be 25 % more efficient, which is cheaper on some like, you know, knowledge work and regular type of work.
And then on heavy agentic coding and multi -step, Fable 5 might be as much as 45 % cheaper. Or sorry, Fable 5 .1 might be as much as 45 % cheaper than Fable 5 because of how much more efficient it is with its tokens. And so far, that actually is what I've seen.
Out of all these experiments and all the knowledge work that I've done, you know. all the experiments and websites that you guys saw me build, but then also a bunch of testing that I've done on my own that I haven't showed you guys, I've only used about 45 % of my weekly Fable limit, which yes, I know a lot of you guys might think like, oh, that's a lot for like, you know, five to six hours of work, but I've blown through Fable weekly limit in like one to two hours before just using Fable 5, driving work.
building some things, building some websites. I was actually really surprised that I didn't crush through my weekly Fable limit already, just based on how much I've been sitting here using it for the past multiple hours. So anyways, guys, I was going to break that down more, but honestly, I thought that it would just get a little bit boring and feel repetitive.
So I just wanted to bring you guys those results. Overall, Fable 5 .1 feels a little bit faster and a little bit cheaper, but that is going to do it for today. Don't forget to go into my free school community linked in the description if you want that scroll craft skill, because it's what I'm constantly updating as I'm learning more about.
AI design. So if you enjoyed the video or you learned something new, please give it a like. It helps me out a ton.
And as always, I appreciate you guys making it to the end of the video and I will see you all in the next one. Thanks everyone.
The Hook

The bait, then the rug-pull.

Nate Herk opens by scrolling through the sites he's proudest of, then works backward from them: what actually separates a layered, scroll-driven build that feels premium from the generic AI output everyone recognizes on sight.

Frameworks

Named ideas worth stealing.

10:48list

Seven-part ScrollCraft design checklist

  1. Brand guidelines
  2. 3Ps: Pain, Person, Promise
  3. Scroll lock
  4. Inspiration
  5. Components
  6. Mobile
  7. Verification

The full sequence Nate Herk runs before and during any AI website build, from establishing brand consistency through a final screenshot-based verification pass.

Steal forany prompt written to an AI coding agent for a landing page or marketing site build
CTA Breakdown

How they asked for the click.

VERBAL ASK
16:04link
Don't forget to go into my free school community linked in the description if you want that scroll craft skill.

Verbal-only CTA in the final seconds, backed by two links in the description (the free ScrollCraft skill and a paid $1M agency playbook opt-in); no on-screen graphic reinforces it.

FROM THE DESCRIPTION
OTHER LINKSAlso linked in the description.
Storyboard

Visual structure at a glance.

open
hookopen00:00
the prompt
valuethe prompt07:11
seven principles
valueseven principles13:41
close
ctaclose15:55
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.