Modern Creator
Luke Carter · YouTube

I Built 6 Websites in 17 Minutes With Claude Fable 5

A six-level stress test of Claude Fable 5 as a web design engine — from a two-minute landing page to a scroll-driven 3D experience that used to take hours.

Posted
today
Duration
Format
Demo
educational
Views
6.2K
230 likes
Big Idea

The argument in one line.

Fable 5 closes the last production gap in web design, which means the only defensible premium now is charging for the outcome the website delivers, not the design itself.

Who This Is For

Read if. Skip if.

READ IF YOU ARE…
  • A freelance web designer or agency owner wondering whether AI has reached the quality threshold to change your pricing model.
  • A developer already using Claude for code generation who wants a practical benchmark of Fable 5 vs. Opus on front-end output.
  • A founder or solopreneur building client websites who wants to understand how far a single prompt can take you before human revision is needed.
  • Anyone interested in Three.js or scroll-triggered animation generation from pure text prompts, with real outputs visible on screen.
SKIP IF…
  • You need the actual prompt text to replicate these results — prompts flash briefly on screen but are not narrated or provided in the video.
  • You want a code review or accessibility audit of the output — this is a visual and speed comparison only.
  • You work in a design context where client brand assets and reference imagery dominate — the zero-reference-image constraint here is intentional and atypical of real client work.
TL;DR

The full version, fast.

Fable 5 produces shippable website designs from single prompts with noticeably better typography restraint than Opus — fewer type sizes, better hierarchy, less broken mobile layout. At Level 6, a scroll-controlled 3D experience that previously took hours of iteration with Opus came out near-complete in one 25-minute prompt. The video's more important argument is that this quality threshold makes design a commodity: when anyone can generate a beautiful website in minutes, the only thing worth charging premium for is the measurable outcome the website creates for the client, not the visual craft itself.

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:0002:20

01 · Cold open + six-level setup

Fable 5 dropped hours ago; test structure introduced; first three prompts sent simultaneously

02:2003:30

02 · Level 1: Clean premium landing page

Forma fitness studio — two minutes, shippable verdict, stock image critique

03:3005:00

03 · Level 2: Brand identity design

Form Lab — bold black/white/blue identity, strong typography, one-shot brand coherence

05:0006:50

04 · Level 3: Animated layouts + mobile

Kinetiq performance training — dashboard mockup, some broken elements, mobile check passes

06:5008:25

05 · Advanced prompts sent (Levels 4-6)

Three simultaneous builds launched; prompts visible on screen; 10-25 min build times on Effort Medium

08:2510:00

06 · Level 4: AI-generated 3D background

Strata SaaS — Three.js particle mesh, mouse interaction, frosted glass panels, no Spline needed

10:0011:15

07 · Level 5: Immersive scroll journey

Solna wellness — organic 3D depth environment, portal-like transitions, buttery smooth Three.js

11:1513:50

08 · Level 6: Scroll-driven 3D performance site

APEX|OS — cinematic scroll-triggered 3D objects, live animating metrics, 25-min one-prompt build

13:5014:25

09 · Fable 5 verdict

Confirmed improvement; overkill for Levels 1-3; justified for immersive/3D client work

14:2515:35

10 · The race to the bottom argument

Design democratized equals commodity trap; escape is charging for outcomes not deliverables

15:3516:36

11 · CTA: BraveBrand community

Skool community link, Digital Home ecosystem, positioning playbook offer

Atomic Insights

Lines worth screenshotting.

  • A website that does not perform is just a digital brochure — the result you sell with it is the actual product.
  • Fable 5's biggest improvement over Opus is typography restraint: fewer competing type sizes, cleaner visual hierarchy per prompt.
  • Level 6 scroll-driven 3D work that took hours with Opus came out near-shippable from Fable 5 in one 25-minute prompt on Effort Medium.
  • Using Fable 5 for a basic landing page is overkill — the credit cost is not justified at Levels 1 through 3.
  • When design generation is fully democratized, the race to the bottom on price is structural, not cyclical — the escape is selling outcomes, not deliverables.
  • Three.js scroll experiences that previously required Spline subscriptions and custom assets now emerge from a single text prompt.
  • Mobile optimization passed without a second prompt on Levels 1 through 3 — a non-trivial production time saving.
  • The moat in web design is no longer visual craft — it is the ability to position a brand so the client escapes commodity pricing.
  • Effort Medium in Claude extended thinking produced all six results — Max effort was deliberately avoided to prevent hour-long build times.
  • The one-shot accuracy on visual hierarchy (eyebrow, H1, subhead, social proof, CTA) is the specific quality metric where Fable 5 outperforms earlier models.
Takeaway

The outcome you sell is the only thing AI cannot replicate.

WHAT TO LEARN

Now that a shippable 3D website can emerge from a single prompt, the production skill is no longer what clients pay for — the measurable business result is.

  • Fable 5 produces shippable designs at Levels 1 through 3 with no iteration — accept this as baseline and stop investing time in layout execution.
  • Typography discipline (fewer competing type sizes, cleaner hierarchy) is the specific quality signal where Fable 5 outperforms earlier models; use it to evaluate your own AI-generated outputs.
  • For complex Three.js animations and scroll-driven 3D, Effort Medium is sufficient — Max effort adds significant build time without proportional quality gain at this use case.
  • When a Level 6 immersive site takes 20 minutes to generate, the client is not paying for the site — they are paying for the strategy, positioning, and outcome the site delivers.
  • The commodity trap in web design is structural: as generation speed increases, prices compress unless you scope your offer around measurable outcomes rather than deliverables.
  • Test any AI model against escalating complexity with zero reference images to find its true one-shot ceiling, not the ceiling achievable with heavy prompting assistance.
Glossary

Terms worth knowing.

Three.js
A JavaScript library for creating 3D computer graphics in a web browser, used here to generate animated particle meshes and scroll-driven 3D objects from code.
Spline
A design tool for building 3D web experiences; mentioned as something Fable 5 can now replace for basic 3D background generation without needing external assets.
Effort Medium
A thinking mode setting in Claude that applies moderate extended reasoning — less thorough than Max but produces results in minutes rather than tens of minutes.
Mythos
The underlying architecture Anthropic claims Fable 5 is built on, described as their most advanced model infrastructure at time of release.
One-shot kill
A single prompt that produces a result good enough to ship or use as a foundation without requiring additional prompts or manual correction.
Digital Home
The creator's term for an AI-powered, owner-controlled web ecosystem — as opposed to renting separate SaaS tools — featured as the product offer in the CTA.
Resources

Things they pointed at.

Quotables

Lines you could clip.

05:10
This is literally out of the box prompt direct into functional landing page and website. Two minutes guys. What the hell?
Punchy reaction with exact time claim — strong hook energyTikTok hook↗ Tweet quote
11:57
Remember, this took me hours to try and replicate using Opus. One prompt, twenty minutes, and we are rock and rolling.
Direct before/after contrast, no setup neededIG reel cold open↗ Tweet quote
14:31
It is going to be a race to the bottom. People are going to be charging less and less and less for websites — which means you need to up skill yourself and start charging for the outcome you are delivering.
Sharp business argument, standalonenewsletter 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.

metaphoranalogy
00:00What's up, my friend? Welcome to this video. Today's a cool day.
00:03Alright. Fable five has just been dropped from Claude literally a few hours ago. And in today's video, I wanna see if it is any better at creating websites than Opus' or Codex'.
00:15So the idea of today's video is pretty straightforward. We're gonna go through six different levels of varying degrees of complexity to see how far we can actually push Fable five and see if it is worth the hype. Because frankly, over the last few months, I am being completely immune to new AI drops.
00:32Opus 4.123456789, I've completely lost count. And frankly, AI drops are now not that dissimilar to flipping new iPhone models.
00:41But today, I think something is different. There's been a lot of hype built over the last few months around this idea of mythos from Claude. Now, I just think it's a big marketing ploy, but they said that Fable five is built off the back of mythos, which is meant to be one of the craziest, most advanced AI models of all time.
01:01Let's see if it's gonna be worth it for us as business owners and entrepreneurs and see if we can actually start creating useful, beautiful website designs and digital experiences for our clients. Okay.
01:11So we got six different levels here of varying degrees of complexity. First is a clean premium landing page, then we're gonna see how far it can get into brand direction, then we're gonna go into more sort of advanced workflows over here.
01:24Alright. So the first thing I'm gonna do is just drop my first three prompts into Claude and we're gonna send it. Guys, I'm gonna be burning all of my flipping Claude credits for you so you don't have to.
01:34Alright. K. Let's just get a split view going.
01:37Alright. You can see that even on level one, two, and three, we're going up in degrees of complexity. So for level two specifically, you know, we're talking about a clear visual identity and actually getting it to create a bit more of a brand.
01:49For level three, we're then getting into a bit more animated feel, animated backgrounds, etcetera, etcetera. Now bear in mind, the purposes of this test, I wanna see if Fable five actually has a sense of taste. That's why I'm not giving it any reference images.
02:03I'm not actually guiding it too far rather than just using a prompt to see how close we can get to a one shot killer. So let's let Claude work and let's see what it comes back with. Alright, guys.
02:13So our different chats are now finished. So you'll see level one took approximately two minutes, level two took approximately three minutes, and level three took approximately three to four minutes. Okay?
02:24So let's go ahead and review these. Now what I will show you here is that we're using Fable5 and each of these are on effort medium. Alright.
02:32So we're not going crazy all the way down here to ultra code just because I think that would be flipping overkill. Now, you've seen the meme of the guy with the flamethrower trying to light his flipping cigar.
02:43That's how I feel using Fable five to design really basic landing pages. Alright.
02:48So here are our three previews. Okay. So number one, this is level one guys.
02:53Pretty straightforward, you know, it's used arguably the worst stock image of all time, you know, which could be a meme in itself. But let's just try and focus on the design here.
03:02Okay. So the eyebrow, the h one, the subheader, we've got this sort of, you know, rating over here. I think, you know, looks clean.
03:09Doesn't look offensive in any way shape or form. Again crappy choice of stock image but again that's easily fixable. You know I think it's worked the typography pretty straightforward you know everything looks relatively clean.
03:21Again if one of my beginner clients sent me this to review I'd be like you know what Ship it. Let's go. No problem.
03:28Alright. But arguably, you know, there's probably nothing different between what Fabled five has done here and what Opus 4.8 could do or Codex could do. So, you know, fine.
03:37No problem. So let's check out level two. Alright.
03:39So level two is looking pretty clean. I kinda like this. Still got our crappy meme stock footage image over there, but I think the way that this is structured ultimately looks pretty damn good.
03:51Alright. So again, we've got nice typography treatment here. I actually quite like how it's chosen to highlight a few of these different sections.
03:59And as we move into this sequence as well, you know, the image overlay there as well, it's just completely decided to add that on its own accord, which I think is really quite cool. And then we got this nice black background, some frame emotion over here in regards to the weeks. The typography feels really clean and actually much better than Opus.
04:19I don't know what you guys think. Let me know in the comments below on what you think but I feel like just from a legibility standpoint and typography standpoint, it feels very clean and like it's understood the assignment kind of perfectly.
04:33So testimonials, nice, you know, sort of nice background here and usually what I'm used to from an AI design perspective is that, you know, when we treat these backgrounds, you know, usually stuff's hanging off the side, you know, but it's gone in and created all of this on its own accord, hours, contact, etcetera, etcetera, just from one prompt.
04:53Alright. So that's a one shot kill and I'm pretty impressed with that.
04:57Okay. So before we check out mobile, let's go ahead and check out level three. Okay.
05:01So level three looks interesting. Okay. So we've got our background animation with these little sort of shooting star things.
05:07You know, this is obviously just a placeholder but you can see it sort of hovering quite nicely. You know, this is not working correctly so that's broken. Placeholder for an image here.
05:21But I think, you know, there's little signs of hope in the sense that the typography does look clean and well treated. You know, so we got our nice sort of hover animations over here which I think looks pretty cool. You know, this is also a little bit wonky.
05:36I think this is probably trying a little bit too hard. But I think, you know, from what we've got here just again from one prompt into working, you know, sort of baseline MVP, I'm pretty impressed.
05:48Alright. So what I wanna do now is just quickly check mobile and see how it's ultimately handled that. Okay.
05:54So you can see mobile optimized. Yeah. Looking kinda good.
05:58Obviously, that needs cleaning. This ticker is just broken. But from a mobile perspective, obviously, I'd need to, you know, test this on my actual phone.
06:07I think it's looking pretty good, guys. Unless I'm flipping hallucinating here. You know, it's done a good job.
06:13Obviously, minimal input from copy positioning, etcetera, but I think we're in a good position.
06:18You know, sort of same for this, I think mobile actually looks pretty damn good. It's ultimately tweaked that, adjusted that specifically for mobile guys and I have literally not prompted it again.
06:30This is literally out of the box prompt direct into functional landing page and website, you know, which I'm pretty impressed with. Again, let's check out our meme lady over here. You know, again, this is something completely shippable and literally this site in particular, this landing page took two minutes to create.
06:47Okay. Two minutes guys. What the hell?
06:50So I think, you know, initial tests pretty good but I think it's time to turn the heat up a little bit because ultimately these designs are things that I'm pretty desensitized to now. I'm pretty sure Opus would be able to do the same, but what I wanna do now is go into our more advanced prompts.
07:08So I'm gonna tee that up, I'm gonna set them off and let's see what it comes back with. Okay. So we're just gonna take our level four, five, and six prompts and drop them into the chats over here, get them working.
07:18And ultimately, this is gonna be the real test. I think everything we've given it so far has been pretty damn easy. So let's get those sending.
07:26Let's get split view going so we can see them in tandem. Alright. So let's just take a look at these prompts for a second.
07:32Okay. So you can see they just get more complex in order. So we've got create a futuristic premium website aesthetic with an animated three d JavaScript background.
07:41Alright. So we're getting Claude to actually create its own three d background with no reference whatsoever. The fifth level of complexity is a calm grounded yoga vibe organic type feel where the user scrolls through and really what I wanted to do with this prompt is create some immersive vibes going on where someone scrolls and we're actually going into the three d object.
08:02And then level six is ultimately our wild card design which does have a scroll based animation but using three d. So really this is pushing the boat out and ultimately this would cost one heck of a lot of money to ultimately do and I've tried to do this with Opus before and it took hours and hours and hours of production.
08:20So I'm hoping we get close to a one shot kill. So let's let Claude work, see how long it takes, we'll come back to it and see what the result is. Alright, guys.
08:28So we've got our three designs back. Now these designs took between ten and twenty five minutes. Level six took about twenty five minutes to create and that's literally on the medium thinking mode.
08:38So I'd hate to think how long max effort would ultimately take, but you know, we've got our designs ultimately ready. So let's take a look at what these are showing up as. So here is level four.
08:49Alright. So we've got our three d object which is created. So it's triggered and affected by our mouse hover which is kinda cool.
08:56As I scroll down, it gets smaller and there's a bit of a parallax effect. We've got highlighted frosted glass look and feel.
09:04It's created some random dashboard, and obviously without any context, know, it's gone ahead and created that as well. And then, you know, the rest of the thing looks pretty clean.
09:13I like the way it's taken like a very clean accent color. It's not overdone it. There's not too many different type sizes as well, which I think I've noticed Fable five doing pretty well.
09:24What I've noticed in a lot of AI websites is that it likes to pack it with loads of different type sizes and type styles and too many italics. So a lot of my time when designing AR websites is trying to bang bad practices out of it from a typography standpoint but I feel like this looks very clean, respectable and something that you know would not look out of place on framers flipping gallery website.
09:49Okay. So I like how that's looking. I think it's executed this incredibly well and the fact that it's created this on its own is really cool.
09:55Alright. You know, you would have to have a subscription to something like Spline which you know, you would have to go out and spend some time creating your own three d object which is now just been done in one prompt in ten minutes. Right.
10:06So let's check out level five. Holy crap. I feel like I've just landed in a Dubai boutique spa, you know, with all the gold leaf vibes to it.
10:16But ultimately, it's pretty ethereal like it feels like maybe, you know, this is a transition into some sort of new dimension. But what we wanted to do here is create that immersive look and feel and, know, sort of scroll based effect which I feel like it's executed incredibly well without any copy and without any references, just done the job.
10:39Alright. So I like the way it brings in the testimonials there and you know, it feels buttery smooth. So I've tried to do this design before where we used a video that we created from Higgs Field in the background which was laggy as hell.
10:52Didn't have a nice smooth effect to it no matter how fast I wanna do it because it's created this three d effect and it's using three dot j s. Okay? Which is really, really cool.
11:03So, you know, whether you hate this or love this, you know, it's done a pretty damn good job from a one shot prompt. Alright?
11:09So let's now check out the main event which is level six. Okay? So I'm excited for this one.
11:14Alright. So here we are. Level six.
11:17Okay. So interesting scroll based trigger on the animations there. The background moves is immersive.
11:26Okay. This is locked in. This is all triggered by scrolling at the moment.
11:31So you can see we got the phases. We got this nice three d object coming in from the background, which is interesting. So that's cool.
11:40This panel triggered animation, different zones, background still moving smoothly, and we're rock and rolling.
11:53Alright. So guys, level six executed, I must say to perfection.
11:59Now, obviously, there are things that we can do to get this more production ready. But guys, this really took twenty minutes to build, one prompt, and we're rock and rolling.
12:09Alright? Remember, this took me hours to try and replicate using Opus. Alright.
12:15So there has been a marked improvement in the model and now I can confirm it. It's not just hype. Alright.
12:21So I'm actually really impressed with how this is looking and how this has come across because I'm so used to having to go through tweak typography, fix broken things, and to me this feels buttery smooth. Alright.
12:35So I feel like I'm, you know, flying through flipping space right now. Okay. So obviously this is completely conceptual, you know, the copy is just, you know, been made up, but realistically for an AI model to be able to do this really just puts us on a new trajectory for what is possible in the digital realm from a creation standpoint, from creating immersive experiences for our clients, for selling website design and funnels, and creating immersive experiences using, you know, code.
13:04So, you know, it's taken it, understood the assignment, and executed. Now, before I speak too soon, let's check out mobile because I know a lot of you really, really do care about it, rightly so. Okay.
13:15So from a mobile perspective, stacking, smoothness, obviously, it's only really going to, you know, be told once we test this on mobile.
13:24But, you know, from a locking viewpoint perspective, frosted glass, cleanness of design, animation, you know, I think we're looking pretty good.
13:35Okay? Here's our other immersive vibe mobile optimized working pretty fine, and here's our other one, you know, level four mobile optimized.
13:49Alright. So guys, you know, that's what we've done.
13:52We've tested six different websites, six different levels of complexity and we ain't even had breakfast yet, my friends. So that's today's demonstration. I do believe that Fable is potentially overkill when it comes to simplistic website designs.
14:06Probably gonna cost too many credits. Probably is not worth your time if you are creating simple designs like level one, two and three. But if you're creating custom designs, three d immersive experiences for clients that are paying you thousands of dollars then ultimately it's worth it.
14:21Alright. You can just see how much time it saved me. Now, where does this all go When website design becomes completely democratized like I've just proven it.
14:30With the right prompt, can create literally anything. Now, I've had a lot of people say to me, Luke, you know, what makes a 10 website? What makes a 20 website?
14:38Is it just design? The answer simply put is no. It is not just design.
14:42What people pay 10,000 plus for in regards to digital websites and designs like this is ultimately the result that you're selling them. So I don't care what a website looks like. If it doesn't perform and get you to the goal that you're looking to go to, it's frankly useless.
14:57It's just another digital brochure. So the real moat now when more websites, more funnels, more landing pages are gonna be created on a daily basis because we now have access to tools like this comes down to your ability to ultimately market the thing and position your brand or your client's brand in a way where you get out of the commodity trap.
15:16Because now that website design is democratized, it is going to be a race to the bottom. People are gonna be charging less and less and less for websites which means you need to up skill yourself and actually stop charging for websites on their own and start charging for the outcome that you're delivering. Because that is what people pay 10,000, 20,000 for and an immersive website could be part of that stack.
15:37It could be a tool that you use to get yourself or your clients to the outcome that they're looking to achieve. So what you've got to understand is that it comes down to marketing, brand positioning, uniqueness because ultimately this industry is rife for disruption.
15:51Things are changing rapidly right now. So if you want to get access to all of the prompts shown in this demonstration, if you wanna build an AI native business, if you wanna start with building a digital home which ultimately takes immersive landing pages and websites and pulls it into one ecosystem that you control, you own and ultimately puts you on the path to building an autonomous AI native business, then my friend, check out the link in the description.
16:13You can join our school community and hundreds of others that are building towards digital sovereignty. And what we're really focusing on now in the coming months is how to market yourself and position yourself in a way so you can start charging higher prices for what you're doing. You just have to learn the skills needed to position yourself in the way that makes you someone who is impossible to ignore.
16:34So my friend, I'll see you on the next one.
The Hook

The bait, then the rug-pull.

Hours after Anthropic dropped Fable 5, a web designer sat down and ran the only benchmark that matters for people who bill clients: one prompt per site, zero reference images, six levels of escalating complexity. What he found was not just a faster model — it was a closing argument.

Frameworks

Named ideas worth stealing.

01:07list

The 6-Level Web Design Stress Test

  1. Level 1: Clean premium landing page
  2. Level 2: Distinct visual brand identity
  3. Level 3: Animated layouts + motion composition
  4. Level 4: AI-generated 3D JavaScript background (no Spline)
  5. Level 5: Immersive scroll journey
  6. Level 6: Scroll-controlled 3D performance experience

A repeatable framework for benchmarking any AI model on web design — escalating complexity with zero reference images to isolate true one-shot accuracy.

Steal forAny AI tool comparison or capability audit; also usable as a client proposal framework showing tiers of design complexity and cost
14:25model

The Positioning Escape from Commodity Design

  1. Design quality is no longer a moat — AI produces shippable work in minutes
  2. Commodity trap: race to the bottom on price is structural
  3. Escape: stop charging for deliverables, charge for measurable outcomes
  4. Build systems around the result, not the artifact

When production is democratized, the premium moves entirely to whoever can tie digital execution to business outcomes.

Steal forRepositioning any service business threatened by AI automation; agency pricing strategy; value-based pricing presentations
CTA Breakdown

How they asked for the click.

VERBAL ASK
15:51product
Check out the link in the description. You can join our school community and hundreds of others that are building towards digital sovereignty.

Well-executed — CTA is earned by the video thesis. The offer (positioning playbook + AI-native business community) is the direct answer to the problem surfaced: design is a commodity, you need to sell outcomes.

MENTIONED ON CAMERA
FROM THE DESCRIPTION
PRIMARY CTAWhere the creator wants you to go next.
Storyboard

Visual structure at a glance.

open
hookopen00:00
six levels grid
promisesix levels grid01:07
Level 1 output
valueLevel 1 output02:48
Level 2 output
valueLevel 2 output03:38
Level 3 output
valueLevel 3 output05:02
Level 4 output
valueLevel 4 output08:25
Level 5 output
valueLevel 5 output10:00
Level 6 output
valueLevel 6 output11:15
verdict grid
hookverdict grid13:50
positioning argument
valuepositioning argument14:25
CTA
ctaCTA15:51
Frame Gallery

Visual moments.

Watch next

More from this channel + related breakdowns.

28:01
Jack Roberts · Tutorial

How I Build $10,000 AI Websites in 17 Mins

A 28-minute walkthrough of the complete AI website pipeline: extract design DNA, brief it into Google AI Studio, refine in Claude Code, then use competitor outlier analysis to wire it for conversion.

May 26th
Chat about this