Enjoying this issue?
Get tomorrow's AI & engineering digest in your inbox — hand-picked, summarized, and always spam-free.
TLDR
Opus 5.5 can generate animated graphics, logos, and product demos from a single text prompt, producing results that previously required a designer. The model is 40% cheaper and 30% faster than Fable 5.1, and it can replicate brand styles by scraping websites via Firecrawl. The real unlock is that it turns static design assets into looping, interactive animations, but the quality varies and some outputs still need refinement.
Key points
Opus 5.5 is 40% cheaper and 30% faster than Fable 5.1.
It can generate animated slides, website graphics, and product demos from a single prompt.
Firecrawl integration lets it scrape brand colors and logos from any URL.
The model can resize the same graphic to different aspect ratios for multiple platforms.
It can animate logos for brands like Nike, Duolingo, and Spotify without direction.
Tools mentioned
Techniques
- One-shot prompting
- Brand scraping via Firecrawl
- Style reference replication
- Multi-aspect ratio resizing
- Logo animation
Stop scrolling. Start reading smarter.
Receive the day's most important AI & engineering updates in one concise email. No spam.
Transcript (captions)
Core Design can now build beautiful graphics, motions, and designs that were not possible before with the brand new Opus 5.5. And in this video, I'm going to show you across seven incredible use
cases that are going to save you time, give you brand new capabilities. And after spending hours in this and hundreds of dollars worth of credits, I'm going to show you everything and
give you the resources so you can do the same and get started. Grab that beautiful coffee. Let us begin. Now, the headline cost is the Opus 5.5 is 40% cheaper and 30% faster than Fable 5.1.
Now, what's interesting with this as well is we're getting comparable quality. But the coolest unlock here, what's actually new is the fact that it can now build incredible graphic designs
like this. Now, let's begin with level one. Level one of seven. And he's going to get better the more that we go down the list. So, you need to make sure that you stick and get these seven. If you
watch a design video, it needs to be this one. Animated slides. Much to the dismay of corporate America. What we can now do, like you're seeing right here, I'm showing you a design of an animated
slide that is running on a loop. And Opus 5.5 built this entire thing. So instead of having still graphics, we can now get these beautiful animated graphics. And everything I show you in
this video, by the way, is one shot. I haven't had to go back and do anything. So what is the idea? The idea here is that we just give Claude Opus 5.5 an idea and we ask it to build for us a
basically a graphical loop uh that lasts like 5 seconds, 10 seconds, 20 seconds. And what Claude will do when you give it a prompt and again I've got a very simplified view of the prompt. I'm going
to show you all the prompts down below which you can grab down below in the second link in the description and essentially it shows you the the entire rise system which is a system that I
found most effective for getting the best beautiful stuff and it covers essentially all the prompts that you need to give to get everything you want out there for all the different levels
so you don't actually waste any credits or make any of the mistakes as you go along. Now, once you've given it the prompt, again, just click the second link down below in the description. You
can actually see what it does. Now, look at what it look at the actual result we've got here. Now, essentially, it's showing us the whole purpose of this is to show us an animated slide. And look
at this. I love the fact that it went meta and even showed a slide within an actual fake PowerPoint. How ridiculous is that? I mean, look at this, guys. That's exactly what PowerPoint looks
like. And it did all of this. And it will do it for you in your brand palette, any colors that you like. And this takes us nicely onto level two. Now, what's really cool is that we can
give any URL that we want to to fire crawl cuz where this really gets to a new level is where we can take existing brands and then do spectacular things with those brands. Now, if I'm dealing
with any brand or anything online, what I like to do is use firecrawl. It is my go-to software. It's one I recommend all the time and effectively what it lets our AI do and it helps us save cost is
we give it a URL. So, let's say for example, we give it the URL of glider.com. Glider.com is my speechto text software. It's a thing. Hey, I'm yapping. I press a button and basically
it gives you the prompt which is really cool. Now what Firecore will do is essentially go to that website and it can extract anything that we want. So we can extract the brand identity. We can
extract colors and it has all these great features on the left hand side. So say for example I'm here. All I'm going to do is come down and type in a website. So let's go for glider.com.
Come down here and literally you can come over here and select what you want to pop up. So I'm going to click on scrape and instead of format markdown I'm going to come down here and I want
the branding. Right? because it's really important that you understand how this works because when you know how to get this branding information for any website using fire crawl you'll realize
how you can unlock so much capabilities with this because this is the website and I want to build unique assets and when I show you what this does to the website it is going to blow your mind
away it is actually ridiculous so as you can see firecrol's gone down here and firecrawl has grabbed all the branding now it needs this branding to go ahead and build the stuff so all we do is we
come to the overview and down in the bottom left just click on API keys And you can just literally give that over to Claude or Chat GPT. Now once we've done that, Firecraw itself will be able to
get the brand identity. What does that mean? Well, when we come to level two, we can actually now build websites that come alive. And I'm not just talking about the classic scrolling animation as
it emerges. This brings a completely different level of interactivity and engagement. Not to mention the fact that 5.5 cast is the best for design that we've seen on the planet right now. It's
incredible. So, what is the idea? The idea is that we're going to give a website to Opus 5.5. So, open it up and drop the link down below. And essentially, you're going to give it a
prompt that sounds like this. You're going to give it the references. You're going to share the fire crawl API key so it can go ahead and scrape it. Explain the kind of idea you want or get ideas
from it. And then it'll go ahead and do some magical stuff for you. So, let's go ahead and see what it did. I asked this to do two things. I asked it to go ahead and design for me a animated graphic at
the top. This is what it did for me. And I asked it to do something magical at the footer. So, let me go ahead and show you what this looks like on the live site so we can go through this together
because this is ridiculous. Look at this guys. So, it came up with the idea that there's this blue character which it completely created by the way and it basically turned the speech into little
birds and those birds become text. So, I have this beautiful visual engagement thing and I've been so impressed with these birds. I actually even said to my team, I was like, "Guys, I really think
we should have a look at this." So, it designed this entire graphic and it runs on a loop. That's the key thing. And again, once you download and grab, guys, my entire prompting system, you you'll
get all this in there so you don't make any of the mistakes. You can just grab that and go and it turns it into a beautiful loop. I think that genuinely is incredible. But it doesn't stop that.
If I come down to the bottom, check this out. I have this footer animation, which I wanted to do, and it just builds the vertical. And look at this. I can even move it around again. Like you can even
improve the physics if you want to, but Opus 5.5 did all of this. So the second use case here, guys, is leveraging and using Opus 5.5 to bring in these beautiful graphics. And like I said,
this is one shot. And because I used firecrol, guys, it got the beautiful brand, it got the colors, and it just created this beautiful thing. And again, this was the original website. You have
to look at this. You can see how it's actually used the standard stuff already, but it's just taken it to a completely new level. If you want to take this to a level, even further than
this, I put every single one of my designs inside the Aentic operating system that lets you describe something. And this is where it really goes to a new level. It will autoenhance. You can
come down and see all of these different styles. So, you can literally just browse through these styles, find out stuff that you like, you can select it. You think that looks fantastic. Let's
take a look at this. And you can find any design systems that you want to. You can select them and build. And you literally just say, "Hey, this is how long I want it to be. Do I want it to
autoenhance using the rise system? We can do that and it will open it up for you directly in codec in cloud cloud code. Whatever it is, you can describe the idea. It will write the prompt and
they will open up for you instantaneously to build that. And this also includes all the stuff and design graphics that I built in this video. And when I tell you that I'm already
implementing this in my business, I'm going to get to that in a second, but it's pretty incredible. Obviously, alongside with this, you also get access to all the beautiful memory systems and
the entire zero to hero course, which will take you from complete beginners with Claude all the way through to building beautiful websites, design systems, just stuff that I've never
shared on my channel before. So, I'll put a link down below if you want to grab that and get light years ahead of your competitors. So, we can see now it can do anything with website graphics.
It did footers, it did the hero, but on top of that, you can also use it to do product demos. And that prompt is included for free for you as well right here. Now, check this out. I shared this
in my video yesterday, but it just goes to show I just said, "Hey, do me a product demo for Glideo." And look at it, guys. You know, I'll give you a second to pick your jaw up from the
floor. You know, if you're not impressed, you're not paying attention. Like, this is crazy that it can do this on a one shot, which is why I've spent so much time looking at this, figuring
it out. And where this gets crazy is, look at this. It It even gave me a jingle is wild. So again, it did this on one shot. I'm super impressed with this. I
think this is crazy. But guys, would you believe it that the animations and qualities keep getting better? So let's take a look at now at level three. Now, traditionally, if you wanted to be
designer, part of the deal was you'd buy a MacBook, you'd get curly hair, and you'd have thick glasses. Those are normally the requirements, but Opus 5.5. I am half joking, by the way. I love the
I love the designers. That's why I'm kind of dressed like I'm in a jungle right now. But what's really cool and what immediately occurred to me cuz I'm putting a lot of focus now on my
Instagram is we do a lot of this stuff, right? Where you have like one individual at the bottom and then some graphics at the top and norm ordinarily you would go over to a website and you
can see on mine for example I have this graphic style on my own Instagram, right, with logos and stuff happening up and it's this and that. We can now completely change the game by using Opus
5.5. What do I mean by that? Well, the general idea is you're going to have a couple of different frames. Maybe you're at the bottom. We get some captions and we get this graphic at the top. But what
is the core idea? The idea is you record yourself speaking and then you're going to have for everything that you say, you're going to have opus 5.5 create beautiful graphics as you go through.
What do I mean by that? Well, we're going to give it a prompt. Again, it'll be in the document for you. Second link and let me show you some different ideas here. So, this is just one example,
right, of what it can do in 9x6. I give it some text. It said that Opus 5.5 is 40% cheaper. Then I've got this one here which is just a random aspect of me talking, yapping on for no reason. And
again, this is one shot and it just shows you these beautiful graphics and how things disappear. Now, I would change this a little bit to be honest with you. I don't like how crowded it
is. So, it needs a little bit of work in terms of the system. But you can see exactly how you have these things like, you know, don't do things separately. You want to go ahead and build them
together. I would definitely change the font as well. That font is very clawed. It's like it's got the clawed fingerprints all over it. But if you look at this, it can add captions to it
as well. That's a cool thing that you can do with Opus 5.5 is add captions over anything that you want to. And probably my favorite one of them all is going to be this one on the far right.
As you come down here, you can see it's just got loads of nice graphics and animations. And you can use this now. And all I did is I gave it like just a video of me. It actually chopped it into
frame and did all of this itself. So with the right prompts, guys, any of these graphics that you're seeing, like even with this, for example, the product demo, you can build this into it. Like
you could have this guy, let's say, let's say you're typing on a website. You could literally have Opus 5.5 show that website in your own unique graphical style that you come up with
and have it anywhere. Cuz anything you're seeing here, guys, has just been created by code. Like that's literally it. That's how good it is. So, and what I would also do in my pipeline here is
I'm going to get FC crawl when I'm talking about different brands to again go over to their website, go ahead and get the information, get what their image looks like, so I can actually
embed that and show that visually in my Instagram, my Tik Tok, and my YouTube shorts so people know exactly what that looks like and it just opens up a whole new plan of a whole new wave of
opportunity with this. But level three is nothing compared to what exists in level four. Now level four itself is interesting and this solves probably one of the biggest issues people have which
is about aspect ratios. So what's the idea here? The idea here is that people consume content in different things. So what can we do? We can actually take the same graphic and we can apply it to any
dimensions. Okay. So again we give it a really cool prompt. I'll put that down below for you as well. And essentially you can have the same graphic in every individual size that you want to. So you
can see here it's got a beautiful kind of like hot air balloon with enough coffee. Anything is possible. If I had a motto that would probably be what it is. And again you can see the same thing
now. It's designed for me in shorts. I mean just look at this guys. Like you you imagine having Instagram you're talking over something like that. It's gorgeous. And again it's done one one
ratio. So you can connect this to something like your Aentic operating system, right? And essentially in your Gentic operating system, you can connect to all of your individual um apps and
playgrounds and things like that. Like even the studio, I even have this carousel section where you can post on different platforms on Blato. So you could have this go to Instagram and X
and Tik Tok and YouTube, all these different platforms simultaneously in one single place. And with Opus 5.5, what we can do effectively is get all of this built uh in the same thing. just
adopt it, can reformat it, and send it off in one place. Okay. And now it's got the full actual original edit. And as you can see, you can just run this in any dimension that you want to, which is
a really cool use case to resize assets that you have. Now, let's go on now to level five. Level five is a really cool one. Now, what I loved about Level 5, and I was partially inspired by this, my
last tech startup that I I built it, had a load of customers, and I sold it, is I spent a good amount of money paying a designer to go ahead and build for me a beautiful animated overview of my
business. I even hired a professional voice actor. I learned all about like the licensing of voices and I fell in love with the process, right? I really thought about the storyboarding. And
when I saw what this is capable of, it really made me think, wow, we are getting very close to like just using Opus 5.5 for a lot of stuff. Obviously, you know, designers are designers, but I
thought one of the coolest things I always wanted was a kind of like a swirl animation of my logo cuz nothing's more impressive to a brand than their own logo. I had a brand pitch me once and my
logo was the first thing on the entire deck and it kind of made me think, yeah, I love this. I love this brand. So, what we're going to do with this guys once again is you're going to head over to
Clawor Chat GPT and let's say that we're working with Nike. I'm going to say, hey there, go ahead and use my fire crawl connection and I want you to go over to Nike. just grab their brand identity and
grab their logo and then I want you to go ahead for me and build a beautiful animated um kind of like graphic of their logo using your this skill. Okay? And then literally just paste down below
that notion document and it'll go ahead and build that for you. So the premise here is it gives us a jingle and a logo and let's see how it got on. So this is the prompt that we use. I said I want it
to be 3 seconds long and let's just take a look at all we got here. So this is notion you know and it's given this one. Let's take a look at Duolingo for example.
It's got the bouncing aisle. I honestly guys, this is crazy to me. Let Dolingo back up again because that was so impressive. That's the Angry Bird. I should have
given him those red evil eyes like he's trying to like follow you down a little bit. And then we've got Spotify. Again, done all this itself. Then we've got Nike.
It's built the swoosh. And then again, we can look at all of them together so you get an idea of what it can do. So, I gave us no direction. I just said, "Hey, go ahead and animate it, but you can do
this with your logo, your brand's logo, any businesses that you're working with if I'm presenting like Dex back to them." Like, how much you tell me down below, guys, like how much better is
this as an experience as a viewer to have like an animated graphic on a loop rather than just an image? Like images are cool, but I think having these loop graphics just brings a level of, you
know, edge, a level of difference to the table. I mean, I personally really like this from a design point of view, but you get the idea. It just really elevates it. So you imagine you're
presented to a client, why don't you just animate their Lego as well? Like just to show that extra level of initiative. And speaking of initiative, we've got to now check out level six.
Level six is really cool. So let's talk about what we're going to be doing here. So one idea with this is the fact that you are only ever one prompt away from incredible designs. And the cool thing
about Opus 5.5, guys, isn't just the fact that it can design essentially anything, but what we can do with this is we can give it a style reference. So, one of the websites that I've been
really enjoying recently is this one here, okay, which is, if I can get it up, save.com. Um, curated by designers. Freaking gorgeous, gorgeous, gorgeous designs.
They've done a great job of doing it. But, you know, let's say that you find something where you're like, man, you know, this design looks gorgeous. So, I just think this designs are really
fresh, as fresh as can be, whatever it might be. And you want to kind of like say, I don't know, like let's say we come down and we search for graphics, right? As a quick for instance, there's
loads of alternatives. There are free options available. There's like Pinterest. There's I've got I've got a full list. I'll put it down below so you can go ahead and grab it in the
description that shows you all the options. But, you know, but you can find like really beautiful examples of stuff that really just stands out to you. And my question was, what if we were to give
like Opus 5.5 one of these graphics? Like, how would it do with that? Well, luckily for you, I've been testing it like a mad scientist. And let me show you what I found. So, we're going to
give it a prompt, which I'll put down below again. Now, let's have a look at the motion library. So if we come over here on the left hand side is the reference image and on the right hand
side is the graphic that it's actually gone ahead and built. So what I'm what am I impressed about here? I am impressed with its ability to maintain the font consistency. One of the largest
telltale signs of slop is AI fonts. I even pointed out to you earlier in the image. If you do want to bust your um any kind of like slop, by the way, you need to be using this repo here. It's
something that I built on GitHub repo. I basically found the top AI slop repos and I just combined it and used the best bits from all of them and then added on top of that additional uh lenses for
things like marketing and sales. You can run this through websites, you can run this through text. It looks at for rule of three um sales and marketing. You can do a million different things with it.
I'll put a link down below for this as well. You have to be running stuff like this through um through any text that you build. So, let's have a look. Look at what it's done. References, idea,
style, examine. Bam. I love it. I think this is freaking sick. This is one example. And let's take a look at the second. So the second one is this, as you can see.
So this one is okay. I think it's I'd say this one is good, but I think it could be a little bit better. It's kind of got some of the ideas, but not quite perfectly. So I think the one on the
left is probably would be better to use something like a Higsfield or any kind of image and video generator just to give it that little bit of edge. But I think it's a fair crack. I'd say like
this is goodish, good enough, but not perfect. But I think it's impressive that it's been able to get to that level. I think probably with one or two prompts we could improve it. I'd say,
hey, add an 80s filter over the top cuz that's essentially what this has got is like a kind of like a film burn effect, which I would want to add onto it. Let's look at the third example. This one is
cool. Okay. And even now guys, I've got these agents working in the background. They're opening things up 24/7. It's crazy. Let's come back off my memory system and come back over to our
document. So, as you can see on this one here, guys, it's gone ahead and replicated it. So, it's seen it's a table, which I'm pretty impressed that it did that. It's figured out it's got
like a red, yellow, and green, and it's kind of picked up that design. So, I think that's good. I think it's good that it's gone ahead and done that. Now, probably what you would need if you want
it to be actually perfect, like down fatigue, you'd want to start looking at image generation. But honestly, I'm massively impressed at where this can the bounds this can push to. And I
deliberately made this one prompt so you could see exactly how this all works together. But the point here is that you can give it images and graphic designs and Opus 5.5 will go ahead and build
that for you. Now level seven is essentially scaling. So when you've got a use case for this and you've applied it and it's going very well, the key thing that we want to do is be able to
scale this. So what we can actually do now if we're using again we're using firecrawl which reads 106 sites in 4 minutes and 8 seconds and saves us like I think it was like an insane amount on
our actual token cost sometimes over 80%. So again, this makes it more economical to do because we go to Codeex or Chat GBT and we say, "Hey, go ahead and find all these websites." And on the
motion library, say I've got this all in Paso style. I say, "Hey, go and grab me the logos and systems for the following brands. Nike, Dolingo, Reebok, Glido, Jack's School, whatever the thing is,
you can go ahead and do that." And what's really cool about this guys is that this will scale up beautifully, especially if you're getting the right data. So what's the idea? The idea is we
can give it like a hundred different websites and we can get a 100 out. How do we know this? Because that's exactly what I did. So check this out. This here, what you're looking at right now
is essentially 100 different websites. I'm going to full screen this so you can see and get a good look at it. So what it went ahead and did is got OpenAI, Anthropic, Cursor, Livable, Replet,
Clerk, Prisma, Monzo, Wise, Revolute, Stripe. You think of this, you can apply this to anything, right? This would go in whatever you want to. This could be Instagram shorts. This could be YouTube
videos. These could be graphics. And notice how in every single one of his logos, we got a completely different colored animation, right? And I just think that is gorgeous. It's identified
one of the core colors of it and applied that directly. I mean, you can even see this right now, right? As it comes through, each one has a slightly different color. And you can see that
explosion as it comes through. It's managed to crack the balancing of a Lego, the positioning, the white space on every side, and also even the difference between the modules
themselves. That's pretty impressive. And I just got all this stuff using Firecrawl and again Opus 5.5. And so when it comes to the use cases of stuff, you're realistically only limited by
your imagination. The key is finding the biggest I would say um highest leverage point to apply these new design systems for you and start thinking sometimes less in just images more in terms of how
far could we possibly push this using graphical systems and once you've done that the final level that you need to go ahead and crush is building an aentic operating system like this so
essentially what this means is that we can now connect this to claude we can connect this to codeex we connect this to Hermes agent to grobbot have are unique styles completely saved, which
means all you do is type a few things or yap into your computer and you get essentially unlimited numbers of these designs at your fingertips. That's exactly why I went ahead and bought this
specific design system here with the new motion library that has everything in it. So, you can just go ahead and grab that directly. And it does bring us on to a really important question, and
that's to understand that this is great news. In fact, it's almost like the rising of Lord Commander Snow from Game of Thrones. That's how good news this is. But it does have a limitation. And
that limitation is if you don't know how to apply design and other systems to your business or your personal life, you're just going to be leaving too much value on the table. So, we need to learn
exactly how to do that together inside this video right