I Tested Fable 5.2 vs Opus 5.5 Building Websites, Apps, Motion Graphics (Unexpected Results)

0:00 and probably just dropped Fable 5.2 and like every new model release, people are hyping it up and saying that it beats everything else. But is that actually true and at what cost? So, I wanted to

0:09 test this and I want to compare Fable 5.2 and Opus 5.5, giving both models the exact same prompt to build three different things. I'm going to redesign an old website, a working clone of the

0:19 Canva app, and a product launch video to test its capabilities in creating motion graphics. Now, I'm not going to build any games today cuz I want to focus on testing these models for the things that

0:27 you and I will actually build. And of course, after each test, I'm going to break down exactly how much they cost to build and answer the question, when should we use Fable 5.2 and when to use

0:36 Opus, and some of what I found actually surprised me. So, let's get started. Now, I'm not going to bore you with benchmarks, but here's the quick 10-second version of what Anthropic just

0:44 announced. So, Fibble 5.2 is their newest and most capable model. It came out on top in nine out of 11 benchmarks ahead of GBT6 Astra, Gemini 4 Carbon, and Opus 5.5. It is actually 30% faster

0:55 than Fable 5.1 and the price per token actually went down. But here's the catch. It still costs twice as much as Opus 5.5. Now Opus 5.5 has been my daily driver. You know, I've been very happy

1:06 with it. It's always been able to complete everything that I throw at it. And plus, I also like the way that it's been responding to me and not to mention that it's also very costefficient. So

1:15 when Fable 5.2 was announced, I was actually curious if that added performance justifies the cost when you already have such a good model like Opus 5.5. So that's what we're testing today.

1:24 And without wasting any more time, let's do the first test. All right. So the first task here is going to be rebuilding this very old looking website. This is car parts.com. It is

1:34 actually a directory of car parts and apparently it's making about $45 million a year in revenue, which is pretty insane for an old website that hasn't been updated for a few decades now. But

1:45 we're going to redesign this. So I'm going to give it a very simple prompt here. Redesign this website. And I'm going to give it the URL here. Understand the business model of this

1:53 website and redesign the entire site with the best design principles using your front-end design skill and add motion graphics when possible. Also use the Hixfield MCP to generate any images

2:02 or videos. And that is all my prompt. Very simple. For this test, I'm not giving it any references in terms of design, colors, or even images or videos. I'm going to let it have the

2:11 freedom to generate anything that it feels will be the best for the website. I'm just giving it the tool to generate those images. Now, for both models, I'm using High Effort here, not Max or Ultra

2:20 Code, cuz I think most people won't be using that. And here is the first version. Now, I'm not going to tell you which AI model made which one. So, I'm going to show both first, and then at

2:28 the end, I'm going to reveal which model did what. Now, at first glance, I think this is super impressive. I think the website just looks clean, and I love how this car just moves in like this. And

2:37 I'm also able to hover my mouse over the car, and the individual parts here actually expand. And it gives you a label for each part here, which is really cool. It makes the website feel

2:46 interactive and just look at this. I think it's a night and day difference compared to the existing website. And I also love the fact that it's not adding too many colors. So, it's just basically

2:55 black and white plus this yellow accent here, which makes the website feel modern. Now, instead of this dated looking drop down here, we have a completely new design for the drop down.

3:04 So, if I click here, you can see that it looks so much better. And all of these are working as well. And if I just scroll down a bit more, you can see some of the sections that it's created. It

3:14 looks super clean. So, it basically went and crawled all those pages from the old website and pulled all the information and brought it over here to this brand new redesign. And we also have some

3:23 motion graphics here. So, it did add a couple of these animations which are very subtle but just elegant. And we've got more sections here. And some of these images were created inside of

3:32 Hicksfield. I gave it the freedom to create any images that it wants as long as it's relevant to the website here. And obviously, this Porsche here also was created inside of Hickfield. Now,

3:40 let's check if we can actually perform an actual search here. So, I'm going to click on this and maybe click on find my part. Yeah. So, it looks like we can actually search for things here and we

3:48 can actually select any items here. So, it is like a full-blown e-commerce website where we can actually order the parts. It's gone beyond just the homepage and actually created all these

3:57 pages as well. All right. So, let's have a look at the second website. Now, I think this one structure- wise is very similar to the first one where we got some text on the left and then a car on

4:06 the right and drop down on the bottom. And I think the car here looks like it was made with code and not an actual video. Although we do have some interactivity here. I can move the car

4:14 around and there are places where I can click and reveal the labels. But I do wish that this is an actual car with the real color. I think it'll look a lot nicer. So let's test out more of the

4:25 side here. If I click on the drop down here. Okay, so we've got a drop down. But it is kind of hidden behind the scroll bar here. So I think that needs to be fixed. And also the dropown is

4:35 huge. So I'm not sure what's happening here. Obviously not perfect. Let's scroll down a bit more. And these are the sections as usual. some images that it generated. And if I scroll down more,

4:44 we've got more sections here. So, I think it's pretty standard. And let's see if this search function works. Okay, that works. So, it went ahead and built everything as well. View part. Okay, so

4:54 I can also go through the entire process and I can click through things and do a checkout. All right, so let's reveal who did what. As you guys can probably guess, this first one here was created

5:02 by Fable 5.2. And this second one here is made by Opus 5.5. Now, I'm pretty surprised here because I built tons of websites with Ops 5.5 and it's never given me this kind of error here,

5:13 especially this dropdown, which I think is strange. Not sure why it's doing that. Now, in terms of color direction, I did not give it any references or any direction in what color I want. So, I'm

5:23 not going to blame Opus for giving me this color. As you can see, this looks a lot cleaner. Even the color of the car here matches the yellow highlights of the website. So, it understood that

5:31 pretty well. And I've actually tested Fable 5.2 to to create a number of websites yesterday and I feel like it has better taste by default even though you don't give it any references. So I

5:40 think that is a good thing. All right. So how much does it cost for me to build each of these websites? So the left one here cost me $41.61 and the right one cost $18 and it took

5:49 92 minutes for Fable to create the website while Opus only took half the time at 40 minutes. So obviously Fable took a lot longer and a lot more expensive. So the question is would I

5:59 use Fable 5.2 to generate a website like this? Probably not. And not simply because it is more expensive, but also because in reality when you're creating websites, most people are not just going

6:07 to one-shot it and, you know, give it one simple prompt and hope for the best. Because when you do that, the AI would have to guess in what you think looks good, right? And I think what looks good

6:15 is very subjective. So for me, if you've been watching my videos, whenever I build something, I always like to give it a lot of references, a lot of direction in how I want the colors to

6:24 be. And when I do that, Opus 5.5 has always delivered, right? So for building websites, I think I will personally stick with Opus 5.5 unless of course I have unlimited budget to work with. Now

6:33 you're going to notice that this website is still on my local computer and nobody else can see it, right? So the next step is to publish this site on internet and for that we need web hosting. Now of

6:41 course there are a lot of options but today I'm going to use Hostinger who is kindly sponsoring this video and I've been using them for years for many of my websites and what I like about Hostinger

6:50 is that they do have a direct connection to Claude which makes it seamless to deploy or even update my websites. And I'm going to show you how easy it is to set up. So, first you want to click on

6:58 the link in the description below. If you scroll down, you're going to see two plan options here. And for me, I would choose unlimited for 279 a month, which is 85% off because they're running a

7:06 Black Friday deal at the moment. And you get unlimited sites and a free domain for 1 year. So, we'll just choose this option. And now, you can choose the term here. Obviously, the longer you go, the

7:14 bigger discount and the cheaper it gets, right? So, for this example, I'm going to choose 48 months here. And keep in mind that you also get a 30-day money back guarantee. So, if you change your

7:22 mind for any reason, you have that option for peace of mind. Now, before you click continue, you want to enter the coupon code here. So, if you enter the code Jason Lee, you get extra 10%

7:30 off, which gives you an even lower price. And you can also see that they have a lot of Black Friday deals going on at the moment. For example, a free domain if you're on a 12-month plan or

7:38 longer. You get a free email account for one year and double the AI credits if you are building websites with AI. They also have something called Hosting Your Reach, which is their new email

7:45 marketing platform, and that is on Black Friday pricing, too. So, you can do everything in one place in just one subscription. So, now that you're ready, you can click continue and complete the

7:53 payment here. And once you've created your account, you can now connect your cloud account to Hostinger. So if I go back to cloud settings, I can click on connector, find Hostinger, select it,

8:01 and I can click connect. Now, I'm already connected, but if it's your first time, there's a connect button here, and it opens a new tab in your browser, and it will ask you to sign in.

8:08 And that is it. And you also want to make sure that you turn on always allow so Claude can make changes to your Hostinger site. And now that everything's connected, I can open a new

8:15 chat. And I can just say, hey, can you upload the website to Hostinger through the connector? I have authenticated my account. And you can hit run. and we'll take all the files that you created and

8:23 deploy your site automatically. So you don't have to upload anything by hand. And in just a couple minutes, the website is live. So if I click on the website, you'll see that this site is

8:30 the one that we just created on a temporary Hostinger domain, which you can also connect your branded domain if you want to. So yes, you can see how easy it is to deploy your website.

8:38 Hostinger has a lot of Black Friday deals at the moment if you want this discount. The link is in the description below along with the coupon code. Thanks Hostinger for sponsoring this video. And

8:46 now back to the content. All right. So the next task is I want to see if Claude can recreate Canva. So most of you are already familiar with Canva. So let's say I want to build a clone of Canva for

8:56 my personal use. But one thing to note here, I'm not actually trying to recreate the entire app cuz obviously they got tons of features which they have built over the years and I don't

9:04 use most of their features here. So I'm just going to rebuild the parts that I personally use for my day-to-day. And I primarily use Canva to design my YouTube thumbnail. And I think it'll be nice if

9:13 I can just build what I need and remove all the other things that I never use. So, what I did here was I just took a screen recording of the entire Canva UI here and I'm just clicking through all

9:22 these buttons here and just tell it what I want to build in plain English. By the way, I think screen recording is a lot quicker than taking screenshots cuz I can continuously record the screen and I

9:30 can move my mouse around and I can also narrate using my voice to give it further instructions. All right now, the purpose of this test is actually to see if Fable and Opus are going to be able

9:39 to understand and recreate all these functions based on a simple screen recording and how close it actually get compared to the actual app. And of course, we're going to see who built it

9:48 better and cheaper. Now, I'm going to give it a very simple prompt here. I want you to build a clone of Canva and call it Canva with a K, but I only want specific features. Make the design and

9:57 experience as close as possible to the original Canva app. I am building this for personal use, so build it in local host. and watch this video for further instructions. And here is the first

10:06 version. Wow, look at that. This is basically an exact copy of the Canva app. So, if I toggle to the original app, this is what we created. This is basically an exact copy of Canva. As you

10:17 can see from the layout, the colors, everything is the same. So, on the left, you can see that we have templates, elements, we have text, uploads, and if I click on this, there are some presets

10:26 that I can use. If I click on this, all right, so that looks exactly like what happens in Canva. There are also a couple of font options here. A lot of font options actually. So if I go to PT

10:36 sense. All right. So that changes the font. I can uh rotate as well. Make it unbold, change the size alignment. So yeah, pretty much the same. And I can also add a new page obviously. And what

10:48 about duplicate here, right? So that is pretty insane. And what if I click on the share button here? Okay, so here's where I can download the project. So if I click on download. All right. So a lot

10:57 of format options here. I'm going to click PNG and let's try to download. All right, so that works. So I'm not sure why I'm still paying for Canva, but let's take a look at the second version

11:07 here, which is also looking very similar, but slightly different type of font if you look closely as to the previous version. And let's test it out a bit more. Templates, elements. All

11:17 right, I can add this. And then can I change colors? Yep, I can do that as well. So I can also maybe add this as well, right? I think both versions are super responsive in terms of the way

11:28 that I can move all these elements. And let's see if this works. Transparency. Wow, everything works. And animate. Interesting. All right. I would say that this is 95% of the experience compared

11:39 to the original Canva. And by the way, this is only the first version. Imagine what this can become if I do more iterations. Now, if you're wondering, this first version was actually created

11:48 by Fable. And this second one here is built with Opus, right? Very, very similar for both models here. And what surprised me here is that the cost to build each one of these is actually very

11:57 similar as well. So Fable cost me $54.60 while Opus is also very close at $47.62. And they also took roughly the same amount of time. 104 minutes for Fable and 92 minutes for Opus. Now, if you

12:10 look at this app that we just created with Opus, if you click on elements, you might think that okay, so if I when I add more shapes, I only have a few options here where if you go to the

12:19 original Canva app, you can see that they have hundreds or thousands options for, you know, arrows, emojis, all these things, right? And that is true, but that is also why I said everything here

12:29 is also customizable. And you can just pick whatever that you need for your own use case. For example, I might not need a thousand of these images here, but maybe I want more options in terms of

12:39 emojis and stickers. So, I can simply ask Claude to just give me more options here. So, I can put in another prompt. Hey, I want 30 more stickers and emojis. Can you add more of that? And after a

12:49 couple minutes, it just gave me a new version where I can click on this and I can see that we have a lot more stickers here and also a lot more emojis. Now, of course, this is not something that I'm

12:58 going to publish for the public to use, but I think a tool like this would be useful for my personal use because I can customize a lot of things. But for the sake of this video, what if I want to

13:06 publish an app like this and make a product launch video? So, I'm going to ask Fable and Opus to both create their version of a product launch video. Basically, a motion graphics video that

13:15 is written in code. And Opus 5.5 has been really good at motion graphics. And I wanted to see if Fable 5.2 can do an even better job. So, the problem is also very simple. give it the location of the

13:26 app that we just built so they both can understand the colors and also the features of the app. And I'm also going to give it a prompt. Build a 30 secondond motion graphics video for the

13:34 app Canva. Demo the app's features and to be specific how people can create multiple banners and posters inside of the app. And also showcase Canva AI, an AI feature that allows users to design

13:44 banners in a prompt. Of course, this is also fictional. And again, I want to use Hickfield SVP to generate any images and but the motion graphics should be written in code. And again, I'm not

13:53 asking it to generate any specific images here with Hfield. I'm just giving it access to this tool and epidemic sound here, which is a library of music, soundtrack, sound effects. And I'm not

14:01 pointing to any particular soundtrack. I'm just asking it to look for the correct soundtrack that it thinks will work best for our video. And here is the first video.

14:39 Wow, I think that looks super good. And I particularly like this scene where it is prompting the fictional Canva AI here to build the banner. And also look at the scene where there's a bunch of

14:48 posters here. And all of these were actual posters which were created inside of Hicksfield. So if I go to Hicksfield, these are the images that it generated and actually put everything together

14:58 here inside of these small boxes here and put the text on top of it and produce this smooth motion graphics here. So overall, I think this is super good except for maybe the soundtrack.

15:08 I'm not a big fan of the music here, but I just wanted to test whether or not it was able to actually follow the beats. So you can switch nicely between scenes according to the music, and it was able

15:17 to do that. All right. So, let's play the second video. [music] [music] >> [music]

15:49 >> All right. So, they're both very similar as you can see, but the music is just more upbeat for this one. And the other one is more subtle, more elegant. So, that first version was actually created

15:58 by Opus 5.5. And the second one was Fable 5.2. And although they look very similar in terms of quality, this one, Fable 5.2, actually cost me $68.34 to build this video in 137 minutes, so

16:10 about 2 hours. and Opus actually built it one-third of the price at just $22.31 in about 84 minutes. Now, I think design is very subjective. Which one looks better will be different for everybody.

16:21 I'm curious to see what you guys think in the comments below. I feel like there are some good parts in what Fable created here and also some things that I'd really like in what Opus created.

16:30 So, I would say that it's kind of a tie in terms of quality. However, if you look at the cost, I think the clear winner here is Opus in both cost and time. And I think this is super

16:38 important to understand because when you're actually creating these videos, you're not just going to oneshot everything. You will have iterations. You will have corrections. So as you do

16:45 more revisions, the gap between the cost here will be even bigger. Now, as you've seen with all the tasks that we did today, payable is a lot more expensive than Opus. So you want to be smart about

16:54 which model to use for which job. So I think you always want to start with Opus 5.5. And this is not just me saying that cuz Antropic itself says that most people should start with Opus 5.5. And

17:04 in their launch post here, they called it our strongest daily driver. And they say to move up to Fable for the most ambitious work, right? So with that in mind, here's how I think about it. So if

17:13 Opus can already do one job pretty well, using Fable is not going to make it much better cuz you're just going to be paying double for the same result. So you want to save Fable for the jobs

17:22 where you really need that extra brain power. And for me, it's always going to be the jobs that require the most thinking. So when I'm researching a business model, maybe doing market

17:30 research, you want to use the most powerful brain for these kind of jobs, right? And you want to think about it like building a house. You always want the best architect to plan and design

17:38 the structure, but you don't want to pay the architect to lay the bricks, right? So whenever I start a new project, I'm going to use Fable for the thinking, meaning things like planning the

17:46 architecture of the app, researching the business model, doing market research. But when it comes to the actual building, I'm going to stick with Opus and maybe even Sonnet. So how do you put

17:54 this in practice when you are building apps? So Claude actually makes it easy now with something called Nestlet sessions. So you can start sessions from inside another session and each chat

18:03 here will run on a different model. So for example, let's say you're building a mobile app. So you can start a main session and you run it on Fable 5.2 which is your architect here. And you

18:11 just tell it what the app is going to be about, who it's for, what your goal is and it will plan everything, right? And when it comes to building, it's going to start separate sessions here to do the

18:19 work, right? So one open session will build the app screens. Maybe another one will build the landing page and maybe another session here to build the app store descriptions or the screenshots.

18:28 And maybe you can use Sonet 5.5 for this. And once they're all done, you're going to report back to the main chat here and Fable 5.2 will check that everything will fits together nicely. So

18:38 that's how I would set it up. And one last thing, Anthropic is actually encouraging people to use more of Fable 5.2. So if you guys have a paid subscription, you might have some free

18:46 resets sitting in your account. I currently have three free resets here where I can use it whenever I hit my 5 hour limit. So I think this is nice so I can keep going if I hit my usage limit.

18:55 But keep in mind that there's an expired date to these. So, you want to just use them before the deadline. And that is all for today's video. If you love breakdowns like this, make sure you

19:02 subscribe cuz I do these videos weekly. Thanks again for watching.