Fable 5.1 Just Solved AI Slop... I'm Done

summarized

TLDR

Fable 5.1 (Claude 5.1) can build production-quality websites from a single prompt, with animations and design details that outperform Chat GPT 5.6 in direct comparisons, and it costs less than the previous version, Fable 5. The real advantage comes from pairing it with tools like Open Art for video and image generation and a multi-critic design loop that refines output, producing one-shot results that are nearly ready to ship. The model still has minor spacing issues, but its combination of quality, price, and speed makes it the strongest option for AI-assisted web design right now.

Key points

Fable 5.1 built a full website with smooth animations in one shot from a reference URL.

The model outperformed Chat GPT 5.6 in design crispness and spacing on identical prompts.

Fable 5.1 is significantly cheaper than its predecessor, Fable 5.

The speaker integrated Open Art's image and video generation tools into Fable 5.1 via CLI.

A free design loop skill uses multiple critics to improve Claude's design output.

Tools mentioned

Techniques

  • One-shot website design with reference URL inspiration
  • Multi-critic design loop for iterative improvement
  • AI copy humanization via punctuation cadence, rule of three, and rhythm analysis
  • CLI-based integration of external image and video tools (Open Art) into Claude
Transcript (captions)

0:00 Fable 5.1 just dropped and it can build beautiful designs, websites, you name it, in one shot. And not only is it significantly cheaper than the previous model, Fable 5, it can build designs at

0:11 a way better standard. And in this video, I'm going to show you exactly how to do that, what it's capable of, and crucially how it actually goes ahead and compares to the latest Chat GBT model so

0:23 you can get light years ahead of everybody else. So, if you haven't already, grab that beautiful coffee and let's dive straight in. Now, this entire website you're seeing right here was

0:31 built completely with Fable 5.1 in one single shot. Look at this beautiful animation as I scroll up and down the images, everything else. And you can just see the level of interactivity. And

0:43 what I was particularly impressed with is how well it nailed this. This was literally no feedback. It absolutely crushed. And you can see just exactly what this thing is capable of, how it

0:53 moves around, the crispness, the small edges to detail. It has an artistic edge to it that got me really excited and you're going to see how it literally built this as well and how Jack GBT

1:04 compared to it. But first of all, we need to go ahead and begin with Fable 5.1 and why it really matters. So, I don't spend any longer, guys, than 10 seconds on the benchmarks cuz we don't

1:14 want a benchmark queen. We want something that actually works. Now, this model is better at longunning work. It is generally speaking more concise. In other words, its quality output per

1:23 token efficiency is way better. And as I'll show you, when you give it tools like video generation, it is incredible at actually capturing and generating this in one go. I'm super excited about

1:34 it. So, the very first thing that I actually had Fable 5.1 do, which I think is the best way to understand this. Then I can show you how you can get results just like that, is essentially what you

1:41 want to do is come over and ask it to build a site. Now, interestingly, I also asked ChatgPT 5.6 solve to do the same thing. And all I did here, for example, is gave it this reference from referral.

1:52 I'm also going to show you loads of cool assets you can do to do this. And this essentially is the website as you can see. Looks gorgeous, pretty sweet, has lots of stuff going on. And all I

2:01 literally did was copied URL and I said, "Hey, I want you to build me, be inspired by this and build me this website, make it a little bit better." Right? Then if I come over to the actual

2:09 results, if you can see, this is what Claude did. Claude open, you know, Fable 5.1. And just look at these beautiful animations and graphics. It is fantastic. Then I give this exact same

2:21 prompt to the best, most premier model inside Chat GBT 5.6. So, and this is the result we got. Now, this is still good. Obviously, there's a couple of things we've got to tidy up. So, bear that in

2:32 mind, but you can just see the kind of difference between the two. Again, it's got this, but I don't think that this scrolling animation here is quite as crisp as the one that we got

2:41 realistically with this. And when it comes to t, you know, design, time is a really important asset, as they say. So you can come down and you can see it has got something there but it's got these

2:51 kind of bit gaps and a bit of spacing. It needs a little bit of work. Going to come down. You can see the difference. This I think is really a really sweet move. And then here I think is where

3:00 really it is in completely different balls. If you look at this animation compared to what we get with Fable 5.1 down here it's a completely different ballpark. Completely different ballpark.

3:12 Come down and you can see and there you go. You got the whole thing. So, really good standard. I think with a couple of prompts, to be fair, you could really bump up. But from a oneshot point of

3:20 view, I'm super impressed with where Fable 5.1 is. Now, the next one I gave it was asking it to basically rebuild Notion. So, this is the Notion website. As you can see, where teams and agents

3:31 ship together, build together, do all this sort of stuff. This is the website. Now, I wanted to test its capability by basically being like, okay, just building the website, but did one for AI

3:41 instead. And this right here is what it built. And I'm not joking. This is this is exactly what I got on one shot. I even said to her it, "Add me in there." So, you see this handsome guy with the

3:51 mustache? That's me. That's how you know it did this. And look at the level of detail that Fable 5.1 can do from a design point of view. Cuz you know, on this channel, guys, I'm all about like,

4:00 well, so what? Like, okay, it's great. And by the way, if you new, I am Jack. I did build and saw my last tech startup with a gazillion customers. And one piece of feedback I always got was

4:09 design, which is why I'm so invested in design and what AI can do. Now, look at these small details. It actually went ahead and built this. Look at this. This Northland HQ is completely unique. If I

4:21 come back over to Notion, for example, this is Ramp HQ. And these are different things. You can see it's built all of this by itself. Completely unique, which is insane. I I mean, I'm really really

4:31 impressed with that. And you can see it's got these different floating things around there. It's got the logos. Again, it's got me me under Catherine. I don't know what it's trying to say about

4:38 Katherine. I'm not sure I could I can accept this, guys. Actually, I think we're going to actually we're going to down vote Fable 5.1 after that. Unacceptable. But as you can see again,

4:45 it's just done a fantastic job of oneshotting. So, you can basically get inspired by several designs and build this. Then this is what we got through with chat GPT. A completely new and

4:56 unique take on the topic. It's gone dark mode. I like that it's been, you know, kind of inspired by that. I think this has taken more the principle of it and kind of driven in that direction. But

5:06 again, you can see the difference. This is like one shot essentially. uh it's come down and the vibe is just very different. It's not something that you could particularly use straight away.

5:14 The other test that I gave these models and I'll show you exactly how I did this in a second was essentially to look at a perfume bottle and rotate it around 365. This for example is what we did with

5:23 chat GPT and it's a good stab. But as you can see as it's rotating around it's not a flawless loop. I gave the same thing over to Claude and this is what we got. It went ahead and that is a

5:35 flawless perfect rotation. Uh we got that directly just using Claude uh 5.1 which is pretty fantastic. And a great resource for your designs, I'll show you some even more in a second, is this

5:46 website called save.com. It's pretty cool. And I really wondered like, okay, if I found something interesting on here that I like. Um how quickly and how reliably can Fable 5.1 do it? Well, I

5:55 gave it a test and this is one that I found. So this is like a Carlos thing as you can see. Let Carlos push, deploy, pull, build, merge one. I was like, could you build one for me? Just talking

6:04 about Jack. And this is what it did. And it literally did all of this. This is all code. It it was able to understand the video and redesign it for me flawlessly in one shot. The other cool

6:14 thing I did is I run a podcast as you might know with my buddy Nick and these are some of the design assets that we have for our podcast which is pretty cool. And I was like okay well what if

6:22 we just gave this URL to for example Claude could it make build as like a brand guideline? I did that and it went ahead and built us this whole system. Now again, there's various different

6:31 improvements you can do to it, but it's just so it's capable of extracting assets and building good things for you on a single shot. Now, the cool thing about it isn't just its design

6:39 capabilities, but the fact that it's actually cheaper to use, which is awesome, but you're not going to be able to get websites like this unless you actually give it like an image uh

6:48 editing tool and also a video creation tool. For example, this website here is a video gen thing, which is awesome. And again, you can do with various different things. This again, all I did to build

6:57 this is I literally just plugged into this tool called Open Art, which is ridiculously easy to use. This is like essentially connecting to every state-of-the-art image tool, video tool.

7:07 It is unbelievably easy to set up. All I literally did is I came over and then when you're here, you just come over, click on the CLI, and literally guys, you can just copy and paste all of this

7:15 and head back over to Claude. Then once you're in Claude, just say, "Hey there, I want you to connect Open Art via the CLI." And then once you've signed in, you can actually generate images and

7:24 videos with claude, with chat gvt, with any model. It saves a ton of time and it's a very intuitive platform and just lets us build beautiful stuff like I just showed you. Now the other thing

7:34 that I did when I was building out these systems using open art, using Claude 5.1 Fable is I actually went ahead and I also developed this design loop skill. Now, this design loop skill, it

7:45 basically is something I'm building out over time, adding to it, and essentially it just enables Claude to go through a series of reviews, and it creates critics that all challenge one another,

7:53 making sure that it actually hits the ideal point. I'll put a link down below. You can grab it completely for free. It'll be available inside my uh free school community, which is right over

8:02 here. So, you can go ahead and grab that, and I'll put a link down below so you can go ahead and nail it. And by the way, if this is all sounding like I'm speaking design Spanish, I'll also put a

8:09 link down below for the full clode masterass that will take you from a complete beginner all the way through to learning how to build beautiful websites, power features, memory

8:17 systems, Hermes agent, and a gargantillion other things. And you also get direct access to the memory operating system, um, as well as the design operating system, and all the

8:26 other beautiful bells and whistles that come in the Aentic OS. I'll put a link down below so you can absolutely crush it. And so the key thing when you're building out any designs like this is

8:35 you need good reference designs. So I pulled together this as well which I'll share with you. This effectively is just a basic combination of all the cool places that I found. So let's say we

8:43 wanted to buy website galleries. Well this will just show you loads and you can literally come down and look at all of the best website galleries. Like you've got this one here which is cool.

8:51 And again just get inspired and you can give Claude or Chat GPT images. You can give it videos. As you can see, it's just an absolute massive uh resource full of different places. Some are

9:02 absolutely incredible, some are killing it, some could be a little bit better. This one's pretty decent. So, that's really cool. On top of that, you got what I call UI sniping. So, if you

9:10 really want to take your website to a complete new level, what we can do is find specific UI components that we can leverage to do very similar things. I talk about this for years on

9:20 the channel. It's very, very cool. So effectively instead of essentially designing everything from scratch, you can just go ahead and get a specific thing that you want to use and just

9:28 insert that into the business as well, which is really powerful. Then I've also included these basically things that you can save and collect that you might find quite helpful. There's some stuff here

9:36 for brand type, deck, social, just a nice kind of repo that we can build out over time showing you how to do anything. And then the final thing that you want to do with anything that you're

9:44 building is going to be what I call the sloth monster on GitHub. Now, this is something that I built actually specifically to help out with u what I would call killing the slop monster.

9:55 Now, the idea of this is you want to turn an AI written copy into something that sounds like a human. So, this is built off all of the open-source like humanizing GitHub repos and I found it

10:04 really powerful and I did one additional thing to it as well as well as trying to take the best from everyone that existed. I added into a sales and marketing edge. So this looks at AI

10:12 vocab, AI constructions, punctuation cadence, rule of three, rhythm, and then sales and marketing. So I had a look at and just got loads of the best insights from Horoszi, Daniel Priestley. Um it's

10:23 built on several principles like don't make me think. So essentially what we do whenever we get anything with text, all we do is run it through this free GitHub repo and effectively makes it sound not

10:32 like AI. To give you an example of that, you'd we go from things like this. Trusted, reliable, and built to last becomes six nails per shingle every shingle. Not just not just roof, but

10:42 peace of mind. A written scope and a fixed number before anyone climbs a ladder. So, it identifies all these crazy AI signs of writing and fixes it. So when you combine brilliant design

10:52 reference, you combine fantastic powerful model with the wonderful Fable 5.1 and then we give it an anti-AI slot machine, we can actually get something that builds some beautiful designs and

11:02 slays the AI slot monster, which I invite you to join me on the crusade against. Now what do we do with Chat GPT? Chat GPT 5.6 Soul still definitely has a place. It is faster and it is

11:14 better at different models and they are going to be releasing Astra soon. So when that happens, if you want me to cover that, let me know down below. But it does take us on to a really important

11:24 question, and that is that a powerful model is one thing, but if you don't know how to use that to actually drive value in your business, in your personal life, you're leaving way too much value

11:33 on the table. So the next thing we need to do is learn how to do exactly that in this video right here.

Frontier News · by Hyperjump Technology