#47 Claude Design! Opus 4.7, Sam Altman Attacked, Claude Code 2.0, HeyGen's Hyperframes

Here we are again, boys and girls. I'm here waiting for Kabaza, seemingly having technical difficulties with his setup, which can only assume he absolutely puts through the ringer. So, it's no surprise that half the time it doesn't work. If you've just joined us and we've been live for a certain amount of time, then hello. I don't I don't know what I was I don't know where that was going to be honest. Hang on. I see a few have just joined. How's he doing? How you doing? Let us know where you're at. You on Twitter, YouTube? Twitter by the looks of things? How's it going? How's your week's been? How's your month's been? We're waiting for Kabaza to uh sort his camera out. Don't worry, you won't be stuck with me for the whole entire episode. We got some pretty pretty fun news today. Some interesting stuff going on in the world of AI and and web. Still need to keep our keep our fingers on the pulse with what's going on in web. Not all not just AI, although this show is called command AI. Where the hell is he? Hope you've all having a great week. Where the [ __ ] is he? Thanks, David. We have got this. We have got this. I'm um I've particularly got it. I don't know about Cabaza right now. He He doesn't seem to got it. He might have to join on his uh on his camera on his phone or something. Let's find out where he's at. Oh. Oh. Oh, here he is. Hey, we're live. Hey. Hey. Again. Without me. Without me. Well, I did explain it was it was a camera issue rather than Well, it was a Safari. I use Safari for the just for the show because it's a browser that I never use. It's kind of like lighter but wasn't working. Never mind. Software in certification. Oh, that was one thing. What was I? I was I was thinking about that the other day and Oh, I'm sure I wanted to bring it into this week's episode, but it was to do within shitific it was to do with in shitification. Oh, yeah. No, maybe it wasn't. Maybe it was maybe we did speak about it last week with regards to um Open AAI giving away, you know, free codeex use. Mhm. And every like Yeah. Anthropic charging high prices and Sam Alman basically being this as one trick pony. He's a Y combinator through and through guy. He's just all about spending shareholder money to acquire customers at all costs. So, we've had this discussion. I don't know whether the video is out, but uh coming soon to say the least. Anyway, that's all I have to say about that. Go watch the I'm just checking now whether it's live yet. How's the week been anyway? Pretty good. Um, pretty pretty good. Pretty busy and I'm excited for what we are going to show. Are you are you truly excited? Are you? Yeah, I I want to show I'm actually because I restarted my computer. I'm trying to get my agents to run all my dips. No, I'm kidding. To show it to show what we have. So, yeah. Uh, it's been pretty cool. Yeah. Um, I built Well, we did the test, right? So, um, do we tell them about Lemy's newsletter? Lenny's newsletter? No, not not not Well, I mean, so literally this time last year. In fact, tomorrow this time last year. Uh, was it you that found it or me? I think you found it, right? I found it. I think I think Christian found I think so Christian found it. It's a newsletter which we'll point you to. We'll give it to you right now. It's a newsletter which again I don't know conversions and and this that and the other but it's a newsletter for me that cost about 155 for the year but it includes here we go but it includes thousands of dollars worth of AI tools and some of the best tools namely warp is on this list but replet was on the this now it's been bumped up to this orange square here which is like a higher tier like 350 replet no they brought it down then okay yeah so they brought it down they brought it down they realized they just let me add this I know it sounds too good to be true and that's what we thought but this is one year after actually using it and it is legit this newsletter is partnering up with these different companies and you buy the newsletter. It's kind of strange that you say you buy the newsletter, but yeah, you buy this subscription to the newsletter and that includes these tools and they change and new one comes and you know uh they they swap them, but it's legit worth it. It's it's really really really good. It's the best deal for anything you can find on the internet. So, so put it this way, right? So, it's coming up to our my We must have bought it on the same day then. We must have bought on the same day because it's coming up to the end of our cycle tomorrow. And so, I was there in bed and I was looking through all my subscriptions cuz here's the, you know, if we haven't spoken about enough, guys, like this is the point in time where you can just build so many of your own tools, many of these tools, you know. um which is why I'm telling the story. And I went through and audited all of the things that I'm using. And don't get me wrong, Replet changed the game for me. I discovered it through this. Uh did I discover? No, I didn't discover it through this, but you know, it allowed me to really really use it. Linear I love, but I'm not really finding a place for it. Like I I still use a lot of these and I still think it's worth it. However, it has got to the point now where I have narrowed my actual usage down to what really matters on a dayto-day. And the only two that really m well notion actually to be fair Notion I might have to resubscribe man notion warp granola which is on here and whisper flow which is amazing for text to speech uh speech to text or whatever it's called right I did an audit and I was like I can kind of make do by cancelling this yearly subscription and the one thing that's left was well again I'm talking myself around in circles. It's that good. Whisper flow is obviously really good and that comes to probably more than this newsletter itself. Like just whisper flow. Um and that and I like that because I can use it on my phone. I can use it on my computer. That's really good. But Granola was one of those things which is a a meeting app, meeting transcriber app. Yeah. really long way winded way of saying is that I've completely built my own um uh meeting transcriber app which uh records records my calls, transcribes the notes and I can do loads more. It pushes to my notion database. I can share them. I email the notes and this and that and the other. I've just sp basically spent the last two days building that and um it uses na all it does is use nan and recall AI but it was just been so fun building I feel a little bit anxious because it's all you know it's all handled by n it's not handled by code which is kind of weird I don't know why I feel so weird about it but it just feels very brittle cuz just cuz it's on n but it's really nice to know that I have this amazing tool built with n and another third party service and No [ __ ] Um, but all that to be said, that's what I've been doing this week. But aside from that, go subscribe to this newsletter. 200 bucks. That's why probably it was £150. 200 bucks. Loads of these tools are worth it. Um, you know, so yeah. Yeah, I might have to resubscribe because I do I do quite like having Notion. I do quite like having Notion and Whisper Flow. And those two alone are more than $200 for the year. Yeah, notion is $240. And I like replet. I I wouldn't mind having that. I might and and warp. Cursor. You're like, I might have to resubscribe. I might have to resubscribe. But it has been fun replacing granola because granola doesn't work for me the way I want. You know, I'm a massive fan of Fathom, but I only moved on to Granola because Lenny's product pass gave me Granola. Um, so I moved on to it. But the problem with Granola is that it records one audio feed and so it can't distinguish between people. So I was like, "Right, well that's the only feature that I really dislike about Granola." Um, yeah. So I've been building and it's been really fun. I've been building for another client as well. And actually what I've been doing, look at this bad boy, boys and girls. This is an M5 MacBook Pro. Not not M5 Pro, not M5 Max, but the Mac MBook M5 just base model. And I this thing surprised it doesn't smell of fire because I have been running local models on this like literally for like 12 hours a day. Um it's been I've been really putting it through the ringer. So and I've got a really really good picture on where we're at with local AI right now. not not as big a picture as I want because I want I really want a Mac Studio and I really want an a MacBook M5 Pro and this and that. So I want to but from a base level consumer goods thing got a really good idea about it what it's like to code what it's like to do open claw why you should buy certain things and context size and RAM size and all the rest of it. So, I'm just making a series of videos on my own channel that I'm going to be looking to release over the next week just because I've been putting this machine through the ringer and I've only had it a week. So, hopefully when I start to release these videos, I'll get some feedback and I can start to try things. Putting Gemma versus Gemma 3.5 versus u sorry, Gemma 4 versus Quen 3.5 will be on there as well. But it's been really fun um playing around and really understanding local models. And uh I'm right at the I'm literally in the terminal now running local models rather than through any sort of UI or anything like that. Literally putting numbers in and downloading the raw models, you know. So it's been really fun learning about that. So yeah, that's the other thing I've been doing this week. Super cool. I feel bad for anyone who's going to inherit this machine, though. I've re I've just been like nothing. They're the fans, by the way. Yeah. Yeah. that that's just um I feel like this is my MacBook also 24/7 just because of the all the terminals that I'm sometimes running and yeah saying that though if you're not running local models and I don't want to give too much of the game away base model M5 boys and girls you should try the Neo you should try the Neo and see well that's definitely not going to work for me no for yeah not for the local models but just for for just for just Yeah, for just dayto day. Yeah, for sure. I like I like having my iPad though to be fair. I like having that. But um yeah, so it's been a fun week. Yeah, that's sounds like it. So with that being said and also on a continuous of that I had this pre-show note today. This is where I ask a senior developer things that I can ask Google. We should have a theme song to that now, don't we? Exactly. Exactly. So, can you become a good software engineer without learning the syntax? I am so [ __ ] glad you've just asked me this question because literally today I haven't done it yet, but I was gonna send a tweet and I was going to send it and say I am genuinely so thankful that in this world that we live in right now with AI development that I actually know how this stuff comes together. that I actually know how to write code because it is so so faking helpful. And I think what inspired it was you and I going through web flow yesterday picking apart if we could trigger GAP. Yeah. And I didn't know if I can have listened to that. I I didn't know even if it's a thing and to know that I you know you you get a GSAP bounce to the window and you can navigate all that just in the console. I think that was one of the things that really sort of set this wheel off in motion of just like wow like I can do like my my ability right not and not just my I don't think I'm a super person but anyone who's who's learn how to develop has got such a head start um with building tools and not only that to to get themselves out of a shitty situation you know if something goes wrong they can actually understand stuff. Another example today is that um so I built last year I built an app called uh Jupyter Chat which is just uh just a an AI chat app and u um I've been adding to the code other APIs for other things that I'm building. Long story short is that I've got this m uh not a monster app but like a I've got like Jupyter chat as my API layer with a bunch of other stuff completely unrelated. So I just asked AI to sort it out for me and it did. But I was then able to say, "What about restarting Docker containers? How do we clear old Docker containers? How do we link this because we're using Caddy as a reverse proxy on the server? All of this stuff like you you you're going to be bashing around for hours if not, you know, not even be able to solve it at all, you know. So yes. So so my question is a bit more. Yes. And there's a followup to what what did I ask? What I asked was more about the literal syntax. It's kind of like more, you know, just being able to write a line of code without the help of AI. M the followup would be can you become an engineer without learning these like fine details like the syntax but by only learning the concepts and what is possible example what you showed in Gap and you know how it works in the browser and in the console. Is it possible to learn just those concepts but not how to literally write them? I got this question because I was chatting with uh Claude this morning about unit tests and I was like what are these and like how do you write them? Is there like a library? You see like I don't even have the right mindset about writing tests and I was like what is the difference between that and end to end tests? Do you need a browser actually to click the thing? It's like no no you don't need a browser. It's just the function that you run it. So a bunch of things like this and I was literally asking it to show me example code so I can get closer to understanding it but I can't write it. I literally cannot sit and write a test even a simple test. But now I begin to get a idea for what is possible and how it roughly looks like. So kind of like pattern matching in a way if you wish. Is that possible? Can I become a good engineer by not going deeper but not learning to type the syntax? Yeah, I think I think that concept is like the bare minimum you need I think to call yourself a developer. Like if you're if you're not understanding that or at least not on the road to obviously I don't expect everyone just to magically know it all. But that's what exactly what you should strive for to ascend into being regarded as a professional developer or at least be hired that you know these concepts. You know why unit tests are written versus end-to-end tests. You know um you know deployment strategies and these broad concepts. You might not need to know because at the end of the day, you know, my generation of coders, we basically just need to know how to Google something, you know, like we didn't know how to write every bit of code. We just Googled it and looked for it in Stack Overflow, but we knew roughly what we were looking for. the generation before us were probably asking the same questions you're asking me right now, you know, or sorry, I was asking those questions to the generation before me. Like, do I really need to know everything or can I just Google it? Do you know what I mean? So, there's always this cyclical narrative. And I think the current narrative is you need to understand the the broad, you know, architecture of things and how things are done. um you know at least for the for the foreseeable and and definitely if you're building professional apps for people where again data is on the line uh customers are on the line um you know beyond the hobby project. So I asked Claude by the way I said the same thing me up against Claudia. So I said can you become an engineer and I said make a list of concepts that I would have to learn. Okay, go on then. Yeah, I just wanted to go through some of these. Uh, this is literally, you know, simple prompt, language, mechanics, uh, like okay, keywords, operators, um, literals. Oh, oh, man. Uh, variables, scope, lifetime. I know some of these. I know some of the concepts, but I not all. And I I think this is I think this is antiquated talking about scope like yeah I mean AI to wire about scope you know I mean it's good to know don't get me wrong and it's going to make you better if you do know it because you can get yourself out of sticky situations. This was what Dreamweaver was like, you know. Yeah, you were to taught how to use Dreamweaver. But like my lecturers are always like, but learn to code because you can get, you know, Dreamweaver will just start messing around and then you can actually be like, okay, let's just go into the code and fix it. Do you know what I mean? Yeah, I think it still rings true now. So, I don't know what hashmaps are. I don't I'm sure that's to do with security to be fair. It's quite Yeah. And it's a long list by the way. It's a long list I think. I think and and the thing is yeah event driven reactive it's kind of like interesting for me to learn these but I okay then then how okay okay let's say I learn functional or object-oriented is kind of like also concept let's say I don't know um just this event driven or reactive. Let's say I learn I go deeper and then I look at some code example how the next thing would be how do I know where is what used and if I have never used it you know that like where do I put put this piece of the puzzle in this is where maybe I'm going the wrong direction like I'm going from top to bottom instead of like bottom up. Well, it I mean this isn't unique to code, right? This is just learning in general, right? You you you start learning something and really, you know, it's through taking that first step is the most important. And you're not going to know how it all fits together and you're not going to know what to things do. But it's just and I love that feeling like I physically feel like I can feel it like this this leveling up of my brain. Um I'm trying to think of the something happened recently where I knew nothing about it and I was a bit anxious and then within 20 30 minutes I'm like oh I just I I now have that. I now own that information. like no one could take that away from me except my Alzheimer's. But like um with every bit of code you start or whether the task or thing that you're learning, you start and then you start picking up new terminology and then it's like oh oh and then you piece it together and then it starts to really build up then and then you can start to whatever. So, you know, it's it's daunting, but you and I said it to that person that left the comment last week or week before, like you've just got to build, keep going with it, and slowly but surely it will it will fall the pieces will fall into place. I don't I don't know whether I agree with some of the concepts that Claude is telling you there. like you know as an example functional program and object-oriented programming as front-end developers really doesn't have its place you know so you're lumping two paradigms into each other that don't you know especially specify right I said becoming an engineer so I should have been like much better like exactly I want to become a front end engineer I want to become a backend engineer I want to become a full a web you know I think web is the kind of, you know, it used to be front end and back end was um was separate, but now people are becoming full stack and become, don't get me wrong, you're never going to be as good at both. You're always going to if you concentrate on one, you're going to be an awesome back-end engineer, but you just got to know what you enjoy the most. And um yeah, engineering is so broad. Yeah. And I'm thinking if this is true about design as well because me knowing more design than programming, it's like okay if if somebody doesn't know design, can they just learn the concepts without doing it? I kind of feel like yes, you could develop taste by understanding also what taste means. Like why is a design good? It's almost certainly because of the typography. It's because of the spacing. It's grouping things. It's the color. It's the theories around all of these like the attention mechanisms. All of these things play a role into making a good design. And then storytelling comes in. Um, and you can I'm pretty sure you could un start to understand these by consuming a lot of like good design and analyzing it and becoming aware of it without actually going in and doing every bit of it. That's what I'm trying to say. Maybe same is true about programming, but we'll see. We'll see in a year if I'm an engineer or a coder because you can, you know, you can be a good designer but not know have a Scooby-Doo about UX and like, you know, you might have a gut feel about why something, you know, leads you down a certain path. But there will be some designers out there that just don't like they'll they'll like I don't I don't want to claim to know anything about higher conversion rates or whatever. I just know what looks really really nice. And that's fine. And that's the same with front and backend developers, right? Some some front end design developers just don't care about anything functional. They just want to make things look pretty, you know, but it's becoming less and less um not desirable. Everyone wants less um uh less responsibility. However, you kind of need to float in between both of those worlds to be able to succeed anyway. because they both play off each other. You can learn so much just by understanding a bit of UX just like a front-end design a developer can understand a lot more about development by understanding a few concepts about backend development. So yeah. Yeah. Yeah. Cool. Should we should we crack on? Should we get going? Let's go. Let's go. Let's get going. All right. I have a I have an intro, but uh we don't have all the ID. Okay, we have the the the important ones there. All right, let's get started. So, this week we have three big anthropic updates. Uh a new model, uh a new full desktop app, and uh a new feature called uh routines. Uh and then we have Microsoft and Perplexity separately trying to do something like OpenClaw. Uh everyone is doing that uh nowadays. And uh a few other news. Uh all of this in today's episode. This is Command AI. I'm Kavarza and I am Sam and this is a week in AI design and dev. We should have a little theme thing. Yeah, we can we can add it. We can have it here and get on it. Yeah. Yeah. Cool. Cool. Right. Well, to kick us off, it's pretty somber, but we'll um we'll quickly move past it. Sam Alolman bears all in a recent blog post describing an attack with a Molotov cocktail thrown at his house in the early hours of the morning. Pretty [ __ ] brutal to be fair. That's crazy. That's crazy. That's crazy. Yeah. This here is the blog post. See it? Here's a photo of my family. I love them more than anything. Um Yeah. So, someone basically just threw a frigin. And if you don't know what a Molotov cocktail is, it is a bottle full of alcohol or petrol or something flammable and has like a tissue put in and when you throw it, it just But I I think this just bounced off his house. It didn't do like I think it was just rolled on the floor or something. So, whoever did it, I don't know whether they found that person, but it didn't. No one got hurt and all the rest of it. 3:45 in the morning. Thankfully, it bounced off the house and no one got hurt. Yeah, but that's crazy. Pretty brutal. Pretty brutal. Yeah. Disliking somebody to this level trying to go physically after them. That's just like Yeah. Yeah. I mean, I watch I watch too much crew crime too true crime to um you know understand that there's just some messed up people in the world. Do you know what I mean? Like this that they feel this is justified you know. Um and I wonder what they were trying to do with it. Like I'm guessing they wanted it smashed through a window and the fact that he's got a kid as well. Do you know? Yeah. Like mental. Um saying all that and I think this is more of a thing about me. I'm I'm the scummy person here. I don't have the best faith, trust in Sam Olman given lots of things and I, you know, I've read this and I sort of think I just cannot help but feel like he's using this as some sort of leverage, some sort of thing to try and get himself out there. Whether he knows it or not, I think that there's just a bit too much sob story going in. Working towards prosperity for everyone, empowering all the people, and advancing science and technology are moral obligations to me. Okay, that that okay, that that's too much. It just feels a little bit forced and a bit what do they call it? Um yeah. Um, and then I was thinking about our upcoming trial with Elon, you know, and just really pulling the sub story. And don't get me wrong, like, oh god, if someone threw a bomb at my um place and I managed to basically walk out surviving, I'd probably sorry, I'd come close to a near-death experience. I'd probably rethink and and really ponder on a lot of things as he is bas I think he basically wrote this in the morning of or something like that. like um but it does it is interesting. I'm not proud of handling myself badly in conflict with our previous board that led to a huge mess for the company. That was something that happened last year. I'm sorry for the people that I hurt and I wish id learned more faster. That doesn't really make much sense, but okay. Um and yeah, he's just he's just pondering on life and all the rest. I am glad that he's okay. I don't want the lad to die obviously. Um, and I do hope that this is maybe a reconsidering, but um, I also just kind of I just cannot help but feel like it's not as he's just putting on the what they call it crocodile tears a little bit here, but I don't know. Again, that's you call me a scumbag. You can call me a scumbag for feeling like that. I just I just don't have much trust in the lad. So, but yeah, that's uh yeah, he doesn't have the best track record for us to really trust him. No, no, not at all. But yeah, that's that one. Um, uh, this one's an interesting one, actually. Anything you want to say about it? No, no, it's it's this one's this one's quite interesting. So, let me just uh set this up here. Um got so much windows open. God damn it. Okay. I really don't like the intro I've rewritten for this, but we're going to go with it now. Google is going to be punishing you if you hijack the back button. It's called a thing called back button hijacking. Go figure. Go figure. And I had never heard of this before. Um, it's exactly kind of what it says on the tin. Today, we're expanding our spam policies to address a deceptive practice known as back button hijacking, which will become an explicit violation of malicious practices of spam policies leading to potential spam actions. When a user clicks the back button in the browser, they have a clear expectation. They want to return to the previous page. Back button hijacking breaks the fundament this fundamental expectation. It occurs when the site interferes with the users's browser. Sorry, I should be zoomed in. Um, and prevents them from using their back button to immediately get back to the page they came from. Instead, users might be sent to pages they never visited, blah blah blah blah blah. And then I sort of looked at it here. I looked at this video, back button hijacking, and I'm just going to say it, lads. I've noticed this on porn sites, where you get taken through to a page or whatever, an advert or something. It's it's always an advert, and then you try and go back because it's like, what? How do I how did I get here? And then you just see like rewrites happen and then you cannot escape or it just goes back to a page that again kind of again says it on here and it's really annoying. I've not seen this any on any kind of let's call them legitimate websites to be fair but this is what it's and and the basic Why is this a thing? I Well, exactly. It keeps you in the loop. It's advertising. Yeah, I would expect the browser to handle that. I would expect the browser to have in in its memory what was the previous page and force the that page to be loaded. I don't know how this is working but I think maybe it is doing something with cookies or with the not with cookies. So you've got going into our you know your question about learning the syntax and this and that. Yeah, there is a history API that you can actually rewrite. So you're basically saying like and you can re I was I did see it somewhere in in this video. We'll leave links to this down below, but yeah, it's the history API and you you you use it when you're doing um when you're building React applications. you actually write to the history API to track because um React is a it's just one page, right? You're not actually navigating around. It's just or it's just JavaScript flipping around in one page. Yeah. And so you write to the history API which does a couple of things. It obviously writes to that history but also rewrites the URL and sort of manages all of that sort of stuff. So it's all kind of a fake um navigation system. Mhm. Um, so yeah, that's how they do it. And uh, what was I going to say? So the consequences of this are I was like, okay, so what do you mean like like what what is this? How can you actually enforce something like this? Is it something that only they can only do in Chrome that they're just not letting you do that or what? Basically, they're going to punish you by lowering your rankings, which of course plenty of people still very very much care about, but obviously you will be flagged your website will be flagged as spam and that obviously affects rankings, but also like the sh it's just it's just a bit of a a knife in the stomach about uh if you're going to do this, which makes sense. Like why why would you why would you need to do something like this? There might be legitimate reasons. That's what I I was thinking about. Are there legitimate reasons where you might actually want to do this? Um maybe again may I don't like it, but when you trying to think of a website that does this, but once you're logged in, Web Flow does this. Once you're logged in, you go to webflow.io and you can't go to Webflow's own homepage anymore when you're logged in. You have to log out or you have to go incognito and then you can go to webflow.io. IO. Um, that's really annoying, but that might be a way that if you wanted that behavior, rewriting the history might be a way to authentically do that. But regardless, it is against um what users want. This is why I don't like uh scroll hijacking because it's against what I'm trying to do as a user. I want to scroll to a certain point on the page based on my mouse settings. Um, and I've noticed as well in Claude Code and the CLI, uh, which we'll probably be using less of now based on news coming later on, but it it it scrolls faster than my fingers do on my trackpad. I want like I want to be able to just do that and lock in to the spot that I want. I don't want this added inertia. It frustrates me. It's not it's not very accessible. And again, if you've got motor skills and you, you know, you can only move a little bit, but you want increased speed or whatever because you can only move a little bit, you want the website to respect that, you know. Yeah. Long-winded way of saying it makes sense why the backbone hijacking is is, you know, being punished. Yeah, totally makes sense. Um, I reckon it's only on nefarious websites anyway, uh, that that seem to care about this sort of thing. So, yeah, back button hijacking. So, with that, did you want to show the new desktop app experience with Chrome? Uh, with cloud, you mean, right? Uh, cloud. Yeah, here. Yeah, I can do it. Um, no, I have it here. Okay. Um, back button hijacking. People are so sneaky. People are so sneaky. They all they people are always thinking of ways to like get around stuff and it's like drives me nuts. Uh, but what should we do about the intro? Because the claw video is like a multi. a long one. We'll just we'll just record the intros and then Yeah, let's see. I'll just I've rewritten the intros to all of them as if they're separate, but you know, we're just we're just going to be this is unsurprisingly this is going to be the Claude Code half an hour, which seems to happen quite a lot on this show. So, yeah. Uh let me also we're just going to uh what do they call it? Um, glaze clawed for the next few minutes. Yeah. Yeah. Getting things ready. Let's bring this down. Where is everyone? Let me have a check. If you're on YouTube, give it a like. If you're uh we we don't we don't get that many on YouTube these days. Most people are coming from um Twitter, which is kind of odd. We're like, if you don't know like the background to this this whole thing, like me more so, but you also have a YouTube channel. We both release videos independently of each other. And that's kind of how we both found each other, right? Is through the YouTube thing. So like YouTube is like our bread and butter. Well, certainly more mine anyway because I'm basically producing videos 24/7 nowadays. But yeah, it's quite surprising that we have so many people tune in from Twitter. I I barely use Twitter. So like shout out to everyone on my Twitter. Yeah. If you could come over on the YouTube though, give it a like and then bounce back to Twitter, that would be amazing. I don't know why I'm so dark, you know. Right. Anyway, sorry. Sorry. I I back button hijacked you there. Um all good. Okay, I'd love to know where people found me or how people found me on Twitter. Maybe they couldn't stand my videos, so they found me on Twitter because they would rather read what I'm saying rather than listen. I don't know. Okay, I got it all. I got it all. Take a wave. All right. So, we got three big anthropic updates. Starting with their new uh claw desktop, not claw code, just the entire claw desktop app got a huge new redesign. Well, I don't know. Is it huge? Let's just go through it. Um, the new design is chat, co-work, and clot code. And cloud code is where we have the biggest new design. And I want to just quickly walk you through it. And you see this, you're probably like, "Wait a second. Is this not like every other vibe coding uh or like I don't know coding uh app out there?" Yes. Just like codeex, just like everything else is turning into Yeah, it's a good thing. This is the view that that I really really like and claude code in the desktop app now has this. So it means we are going to probably use less of the terminal um version. So this is essentially the same thing but in a nicer UI. Well, we'll see about that. So here you have new sessions. By the way, this is kind of like nice how you you you see like what's up. um you have the sessions you had prior and what you can do I can do commandclick to open one in a new like separate window which is quite nice. Uh, and for each one of these we have tons of like options like tabs. We have the preview, the diff, the terminal, which is nice. We have the terminal. And you see I'm I'm typing by wild. It's insane. Don't look at this star def server using the one million context uh to npm rundev. Okay, so you can I'm sure there's more words in start the dev server than it is fun in dev. True. True. Well, I'm just talking so anyway. Um so we have these views and I can do this and I can also open a different project. Uh you see this is a in a different directory and here now this is where it gets a bit small. You see you can have multiple windows but I cannot resize them. There is no resizing between them and I can't move them around. Uh that that really sucks. But I can do npm run. So hang on. These are different. Okay. So you've got different agents. Yeah. In the same. Yes. So this is a different directory. This is a different app. This is another app. And let me even like run. How are you doing? How are you doing that? I I can show you. Let me see if this asks shows up. Anyway, so I I'll show you that. So what I have here and by the way I'm zoomed in. Normally I work like this. So it's a bit tinier but I for the sake of the video I'm zooming in. Just command plus like I can do command plus here. Well you see it didn't work completely. It depends on where you are focused. Uh and see I can have a new conversation and I can here go to a completely different folder uh a different directory and I have a new agent, a new task, whatever. You can have up to four by the way. I look if I click more it just replace goes on top of whatever. Yeah. So that's not the best. I wish I could have like more. I genuinely have eight, 10, 12 in um warp sometimes. Yeah, but it's okay, I guess. Maybe. I don't know. I I I guess I need more time to play with it. But yeah, it's been pretty nice because as we'll talk about this in a second 4.7 1 million max all the time even to run start the dev server. Exactly. Well, well, just to show you what I do with it, like one of these apps is this tool that I I've been building. And yesterday I did a revamp of the the entire template logic. Now you can do any visual template build uh visual prompt builder. So you build prompts visually. Uh that's really nice. And then you can send it to an AI chat. all of this like I'm I'm building a full-on chat uh UI that also works and everything just for myself which is really cool. So that's what I'm doing with all of these tokens. Um and then let me show this one. I just did this with the new model which I guess you'll talk about in a second. the new model from Claude uh the 4.7 I asked it to to do a bunch of um experiments for a web in a WebGL app that I have and boy I like them. They are beautiful. Like I tried this often with many models and what I get is something that has potential but is ugly. This is this is quite nice. I I I love the templates right out of the um just you know from the defaults and uh I did also write the article with it. I I I'll probably just skim through it and see how cool it is. This is all done by the new model doing an article about how this effect works and all of that. Anyway, so that's that's enough about what I'm doing with it. What's important is what we have here. You have pretty much everything you need here. You can also do the the slash things. Um, it is quite faster. It is quite more performant, which is very welcomed. I did use the clawed code in the desktop app prior to this new update and it was unusable. It was legit unusable because it would slow down so much so much that you couldn't navigate between two tabs. The fact that now I can navigate it's it's a win. But you can still see that it's not immediate. I can feel it. But it's borderline is like fine. I I can use this. At least for what I do, it's fine. I don't love that I can't, you know, change the windows much. And I can't close the master, isn't it? And I can't close this one. You see, like if I want to focus on this and close everything else, I can't. I have to close all of these and then go to what whatever that I was working on to Yeah. And I have to click it again and so it's it's not the best experience when it comes to these if you care about these things. If you are a like full-on pro user, but I guess if you're if you are just trying to start with VIP coding, I could not like recommend anything else. This is This is really really good. Really user friendly, really easy to start with and a pretty nice UI. Good job on the design. I really like the UI, the design of it. Yeah. So, um, go on. Yeah, it's your time to talk about this new bad boy we got here. Well, actually before we go on to Opus 4.7, you'll also notice that they've introduced a powerful new feature into this new thing which actually isn't available in the CLI claw code. Not that I could see anyway. Routines. Oh, interesting. I didn't know. There you There you go. I didn't know that it's not available. I didn't know. Try it. the slash routines inside of claw code CLI or TUI whatever it didn't do anything they might have added it again I don't know but um is it there no yeah there you go so it is a it is a clawed desktop app exclusive it says schedule routines that's a bit strange yeah so there's a lot of I think they've got a lot of cleaning up to do because certainly over the last few weeks it's been a bit of a so much so that I was confused as to what the difference between this is and managed agents they share so much of the same overlap that I was like why what's managed agents one of those benefits is well actually let's start with what the differences are so managed agents they both run routines and managed agents both run on claud's or anthropics infrastructure it's on their servers. You just you configure them, you set them up. Um they can both be triggered by like posting to it or routines like a loop a cron job or in the case of routines you can actually trigger it from GitHub actions which starts to you start to see the divergence. They then run a set of routines. They do what you what you've told it to do and that that's kind of like the job. Still quite a lot of overlap here. So I again I wish that let's call them managed agents inside of claw code is different from managed agents inside of code or something like that I don't know but whatever um the idea is is that uh routines are available inside of claw code because really they're to do with codebased stuff right it's to do with it's routines that act upon your codebase the real intention is to be doing code reviews the real intention is to like do refactoring tasks tasks or you know bug reports or whatever it is whatever you want. It's it's based on a code base. Now that code can actually be in of itself like something that can run other things. I guess this is me just making up [ __ ] right now. I don't actually know. But that code could be ran inside of this routine that has that goes and fetches notion data and then the agent acts on that the receiving end of that notion database or something like that. I don't know. But there's me trying to merge something that managed agents kind of does. The idea of managed agents and we've done a video on this is that again you're replacing man. You've got a trigger. It's got a set of actions. Um and it's an agent itself. So it will do a bunch of tasks and whatever. It can read from different MCPs. It can read from different skills to get that task done and then you know whatever. Um the output is is whatever you want it to be. I thought again confused about the overlap. I thought, "Ooh, this is quite nice. This is like managed agents because this comes under your pro and max subscriptions. This is now this is charged under your max subscriptions." I couldn't see anything about um uh you're paying for your usage even though it's run on Claude's uh infrastructure. I couldn't see any like it's you know x amount of minutes cost you this plus you know whatever. So it's seemingly like a free thing for you to do. So that's quite nice. Um so yeah, that's kind of routines really. Um it's a it's more of a code focused, dev focused thing that you want to run on some sort of schedule or you you tell it when you want it to run, you know, do a code review and then it will just do a code review or something like that. So yeah, welcome. Yeah. So what is the difference between routines and schedule is a bit still unclear to me because here I guess the remote aspect. Yeah, I guess the remote aspect. These again you've just you've just hit the nail on the head there. These can just run on a clock. Whereas if you do the other one you get you can do the clock but you can also do post. You can also post to it. So open up do the other one whatever the other one says. I think it's local or remote. No, at top right you see you've got new routine. Yeah. Yeah. So one's local which will just be a chron job and then remote you can actually run on a schedule or a trigger here some sort of action or post request API like a post request or whatever. So yeah just um could I connect this to Telegram to do something? Um, you what as in like you post from Telegram to this? I guess. Yeah, I would probably Well, you'd probably need to build some sort of middleware layer to forward it on because I don't I don't know I don't know what because because we have the API and we have the connector. So, technically I could talk to my web flow through Claude and Telegram. You could, but you need to you need to transfer the I I don't know what connectors it has against Telegram, but you might need to trans you might need to translate a message into a post request with a middle something in the middle there. So, you probably could, but you need to build something in the middle to say when I receive a message, post to this remote uh routine. Um, yeah. So, you know, it's it's cool. Um, yeah, that's all I have to say about it. Oh, what I will say is that we have uh Warp and Warp have had this thing called Oz for quite a while, which is a managed agent cloud thing. So if you type in I think it's oh platform or slash O platform. Just type SLO Oz. Does it say anything? Yeah, it's this one. Yeah, it's gone blue. Is it? Yeah. Yeah, we go. Yeah. So platform now. Now you can you can also do the same things here where it's just again a response to like a GitHub excuse me uh response to a GitHub or or whatever that's happening happening remotely and then it just pulls down your code does something in your code and whatever and then pushes back up. Um, yeah, another feature. I don't think we need to labor on too much. Um, on the on the topic of uh subscriptions and pricing and stuff like that. One thing that I'll take you off screen share. One thing that I think was very quietly announced, this is quite a is a bit of a meme to say it was quietly announced, but one thing that was quietly announced is that Enterprise can no longer pay for clawed max subscriptions. which is think about it for like two seconds like the API is expensive, right? I I accidentally using the new app. I was using my extra usage today and I didn't realize it and it was churning away and I used like 20 bucks and like I was like what? So I not only went over my limit I've only got the pro plan. I've not only went over my limit of the pro plan, I then used like 20 bucks worth of overages to um it's expensive and is this as you said it earlier is this the beginning are we seeing the beginnings of initification where yeah they've they're they're charging their most priciest clients uh faking API. Maybe they are they are using the most amount of tokens probably these uh we've seen that some of these uh big companies are actually they have dashboards internal dashboards showing which devs like using how many tokens. So you the more tokens you use the better dev you are. I mean I even see with my dev friend sometimes sending me a screenshots of look I ran through my entire token u available tokens in five minutes like h how did you do that anyway? So that with that becoming a thing, it does make sense that they try to limit that because we know that the $200 uh option is roughly uh worth like $2,000 two to $3,000 of a token. So that's why they are limiting it. Uh it's okay. Let's say in a different way as well. AI is much more expensive than these companies like to admit and maybe this is just anthropic admitting that it is just very expensive to run these models and they cannot take all the cost in. So they're starting to charge the real cost uh for AI. Yeah. Um hot off the press thanks to Lisia here or Lisa. Um, I did see this cuz I get messaged new news and I actually um didn't didn't follow through with it. Claude design. Um, did they? Yeah. Let's see. Look at this. And it's like lovable. My message got said like uh basically Figma's stuff. Oh, I have it. I have it. Is it in the desktop app? No. And I just checked it on the uh Okay. You want to show in the web app? Yeah. So, actually, let's let's go back. Let's go back. So, here we are in the web app. claude.ai ew. Here we have design. And I click it. Let's Let's see. Meetclot design. Nice intro. import your team's design system is this RIP web flow and framer and whatever else replet and lovable and it's interesting because they're they're talking about they're using terminology like prototype like they they they don't want this being production ready sounds to me like they don't want to cannibalize on clawed code too much they want to say right prototype type it in claw design then bring it into claw code and then you know well this is also this sucks for companies like lovable you know they're in yeah I don't know told Anthropic told techrunch that it's intended to complement uh things like canva rather than replace it the company said it new product is built for people who aren't starting from a design tool and need to get it from idea to something visual very quickly so they're really focusing on the fact that this is not a production app. Um, so let's look at some of these examples. These are examples made shaders. My favorite. Okay, this Yeah. Oh, this is nice. Um, what is this app on boarding? This is this is like a figment that's trippy. Okay, so text streaming these are just like mini web apps that people have done. What is the difference between this and claude uh code? I was literally saying if you are just trying to start use the desktop app. I guess you could use claw design. It is more friendly. It is probably just the same thing. It's just has a bunch of like harnesses around it. And yeah, uh what's what's interesting about this as well is that a company is able to upload a bunch of their design assets and so it essentially creates a skill from all their design assets and things like that. So things that they use in claw design will be um adhering to their practices. Now, we just mentioned about the uh claw anthropic not letting enterprise use claude max subscriptions presumably this I mean does this come under I'm just reading now uh preview claude prom max team and enterprise subscribers so I think if you're an enterprise subscriber you're no longer um getting Claude Max so I reckon you'll be charged API prices for this as well if you're a if you're a um enterprise Nice. So what is also interesting that they have slide decks and this is something that I recently noticed uh becoming a thing. So like you a lot of companies need to share some sort of content and what they previously used to do you know like with Figma Figma did tackle this last year with trying to make it easy to do onbrand um presentations essentially and also like content design for your social media and I see more and more companies are trying to do all of this in HTML, which also makes sense. We'll talk about this in a in a little bit also with the other tool that we want to show. It's just that a lot of these presentations that you are going to do are just some simple layout, some text, maybe a graphic, some nice designs, and nothing more. An HTML is more than enough. And these AI tools are amazing at generating HTML. So if you can give them an a nice design system uh and obviously feed them the right content that that would be really interesting. Um anyway so they're like uh it's interesting that they are adding tools essentially around all of this. It's prototype with wireframe or high fidelity. It's very designer friendly like a non-designer doesn't know what probably what is the difference between these necessarily slide deck use speaker notes that that's interesting um so and setup design system there we go this is what I was talking about so this will be the enterprise thing for taking your assets and creating a design system from it I'm curious the Figma file yeah here we I'm curious to know and again that's that complimentary aspect. So they still want you to do like a designer isn't going to design stuff in this. I think it's I think Canva is its biggest competitor to be honest rather than Figma and whatever. They're enabling the creation. They're they're taking the creation of assets and making this middle prototype layer by saying you can piece something together very very quickly um using stuff you've already designed. I'm curious to know what is the export? What is the output of claw design? Can you go into an example and look for some sort of export? Some sort of like generate or whatever. Yeah. Put something pretty. That's cool. The the globe the earth the the globe I don't know if it's it's a globe loader. What is this one? So these communities because I don't think these are a good example. Um by the way here Leo is saying because also Anthropic didn't buy enough GPUs which is true. This is a part of their problem. Sam Altman went to every um um uh Sam Altman went to every vendor and they were like I want all the GPU all the RAM in the world and Anthropic didn't so they don't have enough processing power. Yeah, they're really struggling with that right now with usage limits and all the rest of it. So yeah, feeling that. Um okay, so yeah, I see your notes. Yeah. So, let's try something. Uh, what happened? I I clicked it and now it says it gave me the prompt. So, okay. So, it doesn't Okay. So, it doesn't start a project for you. You can't like clone a project. You can't fork a project. It gives you the prompt that they used and then you'll get your thing. So, look, interestingly enough, there are comments. So, this is going to be something that you collaborate with a client maybe. in an organization with um a marketing team. So that is interesting. And all of this is is clawed code underneath I guess, right? It's just that a nice layer of design added on top of it with buttons with templates and things like that. Yeah, I guess we'll see. We'll see. And I wonder how what this will mean because you've always wanted this this hybrid between not prompting your design updates. You want to be able to like get into the weeds of it a little bit. And I wonder if this will enable that or how it will enable that. You know what I mean? Um so yeah, send to Canva, export the PowerPoint, export to the PDF, download as a project zip. So this could be then taking it into clawed code. So you could have um like it or not, you could have the big wigs at a company uh designing something with Claude Design and uh and then handing it to their team be like, "Hey, I uh I built this guys. Do you want to make this into a product?" Which they probably do anyway, but I think this is um baking people baked into that ecosystem. Let's I want to see what a project looks like when you download the project code or the project zip. Yeah. Uh we saw rumors of this but I didn't see it coming literally right now. So uh interesting. No patience. Uh let's see if I can ah it says use this prompt. It is just using the prompt. I didn't read properly. Uh we have also settings here. Claude Opus 4.7. Yes. Uh you can add Figma file and set it off. Let's get something going on. Oh. Oh, bug. I didn't send anything. What happened there? So that's the other instance, right? design. What was that? Design file and what what do those two tabs say? Just so this is the two different project. Yeah, the let it build then. Let's let it build and then see what's the design files are versus the actual obviously the output is say stay on there. I'm I'm a bit I'm a bit um unsure about like okay what are these? Okay. Learn about clot design system. Let's go back to this one. The card. Oh, okay. So, there is something. This is the And then so what are the design files? Is it just a HTML? Yeah, it's just a HTML. I guess this is just like our our file system here. Yeah. Um and yeah. So, so how now can we edit this? Interesting. Tweaks is kind of like added on top. It's outside. That's an interesting choice. That's how they bridge that gap. That's I've I've done a personal not a personal story, a client project recently where I built my own twig pain like experience because I was like, well, I want to be able to like tweak things. It's like less about the design, more about the kind of animations and stuff. But this this seemingly is becoming the go-to way to interface with AI and tweak AI, you know, to get it to do certain things. So, what what options do you have in the in the sort of tweak pane there? Uh what you got cut off uh for a second. What options? What in the in the pane on the right, what options do you have? What can you change? Do you want to zoom in a little bit as well? Ah, to zoom in. Let's uh because it's a WebGL effect, it's a bit buggy to zoom in. It's it's the typical that you Oh, okay. So, you probably won't get this on every project. That's because it has access to WebGL probably. No, I think this is Yeah, I I I I would need to try multiple projects. What is really interesting to me how this is outside. Um it's kind of like as a function and then what what is draw? So I can I guess this is taking a screenshot. Nice. I can do a screenshot and send it. Uh I can change the zoom the preset the the present the presentation. I thought it's okay. Uh we have the edit. What is the edit background font? Okay, so I there there are some Oh. Oh. Oh, the there are you can literally click on the elements RIP, web flow, framer, everything else. You can literally edit you. You have the editor built in. Look, you have like the padding that you can change to. Do you see this card? Yeah. I can do I can change the font. I can change the the size. I wonder if you need to prompt this edit in like by the way make this editable or whether it infers all of that from what it creates. It's like okay well we've done this. I'm now going to allow them to do you know what I mean? They've they've created that connection and we have also commenting. Interesting. Oh, I hope. Oh, send to claude or comment. So, I can add a comment. Interesting. I'm I'm still a little bit lost at who this is for because is it are we are we building a design? Are we building a prototype product or are we actually designing like is this powerpoints? Is this a an app builder? Feels a little bit it it's it's an allrounder I guess but it it so the commenting is to me this is for teams. This tweaks this button it's kind of like an interesting choice. This is potentially for designers, right? They care about this um like small details. And it's interesting how for example things such as these options you see these are like options for this effect. I don't know if it's actually WebGL or just CSS. Whatever it is, some of the options are within the app, but some of them are outside of it. If it makes sense, for example, I can click on this and change. Well, well, I can change this. Why don't you Why don't you download the project files and see what happens when you run it? And yes, you can use Opus 7 4.7 to say run the project. So, download the download the files. I'll just download the HTML. I think it's No, no, no, no. I want I want you to download the project. I want you to download the project. Which one? Ah, the the entire thing. Yeah. I want to see what's in there. What they give you access to. Is this is is this a deployable deliverable where they've removed this sliders or is the creator of this because it's interesting to me as well because because there's that toggle. Is this something that Claude Design has given you because they've got their own design panel or is this something baked into this prototype app? and then called again has figured out that you want to be able to turn that on and off. It's Yeah, it's very interesting to see how this all works. So, it gave me a zip and inside of the zip file is literally just HTML. Interesting. And then Okay. So, drag that into your cursor. Okay. So, that you can see the twig part the twig pane there is baked into the the app. Yeah. And what happens when you tw to toggle it off and then download the files again? Uh let me Oh, this is Let me see. Okay, it it works now. Sorry guys. Okay, now we have it. So that's it. So now what was the question? So these are obviously baked into the experience. So these are obviously coded in coded in. Now I'm really interested to how they got that tied to the UI elements of claw design with the ability to turn it off. Right. So if you turn that off and now export it again. Ah interesting. Yeah. Is that now baked into I mean it doesn't answer the question like was how was how is this bound to the Claude um uh interface maybe maybe Claude picks up on all of the things you can do and then decides but it's interesting how they've managed do you know what I mean am I am I making sense here guys like isn't it crazy how it's decided to put a toggle at the top there and also then adding and creating designs on the right like this is it's complex stuff I guess and then run this in your browser and see what what happens. Yeah, I I got the new one. Uh now it gave me two HTML elements. um one of two HTML files and no they still have it interesting they still have the tweak which is yeah which is very interesting it's interesting how they are doing this but to me the the biggest um moment was when I clicked edit right I mean cursor has this but now claude is coming at everyone they are building literally literally every tool so lovable um I don't know any any like riplet any other tool v everything out there uh now claude is coming after them with especially like with the edit with the in there is a full-on tool set around it so I would be it would be really interesting to see Why would somebody use um lovable instead of just using uh Claude? Especially since you have a I would say you probably have a claude subscription. You probably you know are already using the tool and we know lovable is using claude uh models. So it's kind of like why not go to the source directly. I think the end-to-end workflow needs to be it it I don't you wouldn't replace your tools with this. It's supposed to be for non design non-developer people to express what's in their head in a kind of like design prototype idea generation way. Yes, you can download the files, but it's then up to them. The I think the idea is the professionals are then able to take this idea and build it or design it or create it properly. I don't think the intention here is not to build the final product. Whereas lovable, they want you to build the final product. Do you know what I mean? Whether it's or or Figma even, you know, you've got an export to Figma button. you take the design and then finish it in Figma. That's what I think this tool is aiming to solve. It's not really for the people who want to do it's not for designers, for instance. It's definitely not for designers. It's definitely not for developers. It's for product people who don't quite they just want a scratch pad to just mess around. It's it's the new back of a napkin doodle from some guy doesn't know how to design. you know, they're able to express themselves more freely. Yeah, I think that's what it is. But it's an interesting product. Like, we've really gone into it here by looking at the edits and wondering if that toggle how Claude has determined that there needs to be a toggle there, whereas it needs to be a text input in the design panel. How it's figured all that out. Very interesting as a case study. However, look, as a product, I think it's just something to for for non- techies, non-designers to get their ideas to the people that know what they're doing, I think. Yeah. Cool. Anyway, we've really It was kind of Yeah, it was kind of like by s took us by surprise. Um Yeah. didn't let me read you what I was sent because again I'll say it again. We've got a Claudebot who produces this show and I get text messages one wondering if we want to include articles in our show and literally today got a message um because I'll tell you exactly who's whose stocks fell today based on this. Uh, oh wow, I've got anthropic CPO leaves Figma's board after leaves Figma's after reports of where he will offer a competing product. So, Kaiger's departure highlights concerns that AI labs will dominate traditional SAS businesses. I don't think that's relevant, but I think what is relevant is that Anthrop let me read that really clear read that really clearly. Anthropic CPO leaves Figma's board. So, he works at Anthropic. He's their CPO, chief product officer, but he's on the board of Figma, but there's obviously a clash of uh what do they call it? Um conflict of interests there. So, that's what I got sent today. Um and then there is a there was a a uh a price drop or uh shares or stocks drop message, but I just can't find it because I've got so many messages from my open claw today. But um is this it? No. Anyway, we'll move on. But yeah, this is this has hit the industry hard, I think. Here we go. Figma and Wix stocks tumble as Anthropic targets AI web design market. And that's this tool here. So, Anthropics AI upends uh Adobe and Figma sends stocks sliding together. Yeah. So, surprised to say the least. Um, we will talk about Opus. We will talk about Opus. Anyone got anything to add? That That was a nice one, Alyssa. Thanks for that. Um, let's talk about Opus. Yeah. Yeah. The new big boy. Uh, you can. So, you probably have heard the news. Opus Anthropic have just released their biggest bad boy yet that we have access to Claude Opus 4.7 which I think is the byproduct and we'll get into it of Mythos being released. And I I did think that there was going to be a point release based on the reinforced learning of Mythos. So let's go through the article together. Our latest model Claude Opus 4.7 is now generally available. Uh Opus 4.7 is a notable improvement on Opus 4.6 in advanced software engineering because I actually think 4.6 took a downstep from 4.5 uh in software engineering with particular gains on the most difficult tasks. users report being able to hand off their hardest coding work, the kind that previously needed close supervision to Opus 4.7 with confidence. Um, the model has substantially better vision. It can see images in greater resolution. And there was a really interesting experiment that Theo did with a puzzle that uh was an image. You you have to a coding challenge that you have to solve by looking at an image and whatever. It's hard to visualize when we're not showing it. However, oh, sorry guys, I wasn't sharing my screen. Um, however, he handed it the image and the image was um it got flagged as dangerous or not dangerous, that's the wrong word, but it got flagged basically as Opus 4.7 with with it increased security capabilities has flagged this as, you know, conspicuous or whatever. use Sonnet kind of interesting. So yeah, higher resolution in combination with its um you know it's its focus on cyber security is is causing a bit of whatever. So looking at the benchmarks again, we don't care too much about benchmarks, but I think it's it's nice to see a comparison because we've got GBT 5.4 here, Gemini 3.1 Pro, and then of course the Big Daddy Mythos. So um his and and obviously Opus 4.6 so big improvement on agentic coding uh big improvement on the sweet bench verified uh on gentic coding as well and a you know I think well no it is an improvement because again this was terminal bench actually fell in opus 4.6 but I think we've gained some ground here uh but of course GBT 5.4 four being it anyway on terminal bench. So there's that. Uh humanity's last exam increasing there. Uh 5.4 was was better than 4.6 on the on the humanity's last exam anyway, but overtaken again. Sorry, just to bring in Mythos as well. Still not beating Mythos on any of these to be honest. So that's crazy. 9 93.9. Anyway, um so yeah, as you can see, we won't go through all of these, but it's it's an improvement, but I think the biggest thing with regards to this model is just the way it handles things. Now, the I'll find it below are some highlights and notes from early testing Opus 4.7 instruction following. Opus 4.7 is substantially better at following instruction. Interestingly, that means uh that this means that prompts written for earlier models can sometimes now produce unexpected results. What this is telling me is that you guys need to actually um adjust the way that you work because of this model. Now, I I would say in the last few weeks, I've started to really adjust the way I work. I used to be very prescriptive on the exact files it needs and this and that. Whereas I've now need I'm now more lax with my prompting because I know that it does a really good job of figuring out what it is that I want and what files it needs to access. This might mean that you probably need to spend some time with it. Excuse me. Uh probably need to spend some time with it to figure out how you how it works for you and the way you like to work. So, uh, previous models interpreted instructions loosely or skipping carts entirely. Opus 4.7 takes the instructions literally. So, maybe we need to probably be a bit more prescriptive, a bridge between what I was doing before, which was being very prescriptive about the files and this and that and and the lax approach that I've taken recently. Probably just need to hone it in a little bit more because it will literally take it literally. Improve motoral support. 4.7 has better vision for higher resolution. We've already covered that real world work as a well state-of-the-art score on the finance agent evaluation. I really want to build a finance agent. I think that's something I really want to do and use Opus for it. So yeah, what to do to access your bank? No to um trading trading stocks and shares to do tra like actually give it a hundred bucks and then by the end of the day returns a thousand. Yeah. Let rip. Um, hey mate, Venbench, if Venbench is anything to go by, I wonder if they do talk about it in here. Memory 4.7 is better at using file system based memory. So, I'm thinking if you're using uh Obsidian, all of that stuff would be good for Obsidian users. Uh, knowledge work, which is GDB Val. Um, yeah, kicking butt. I wonder what um mythos would be in this thing. Safety and alignment. Overall, OPUS 4.7 shows similar safety profile to Opus 4.6. Our evaluations show low rates of concerning behavior such as deception, secoency, I hate that word, and cooperation with misuse. Some measures uh such as honesty and resistance to malicious prompt injection attacks. So, that's quite interesting as well. We just did Skyler, we just did rewind about 30 minutes. Um, uh, alignment concluded the model was largely well aligned and trustworthy, though not fully ideal in its behavior. H, that's quite concerning, don't you think? So, misaligned behavior. Um, I I mean, is is lower better? Because I think we've regressed here, boys and girls. I think lower is better. Misalign behavior score from our automated behavior unit on this evaluation 4.7 is a modest improvement on 4.6 and 4. So it is higher is better. So what mythos is uh misaligned. Gosh. Yes. I think a zero is good. Zero is no sorry zero was not good. Anyway, so there we go. And just in amongst all that which is your favorite mode. So this is extra thinking. Now this also causes the idea you know oh ultra review as well is something I saw which is which I saw in the yeah um uh produces a dedicated review session that reads through changes and flags bugs. So it's basically coming after code rabbit which I quite like rabbit. Sorry I got I got sidetracked. um uh max when you go for plan mode versus when you go for max thinking there's a lot of choice when it comes to uh choosing the model. Do you know what I mean? Like or you're max all the time, right? So you don't have to worry about anything. Whereas I'm a little bit more prescriptive. I'm like, "Well, this is a git push, so I'm going to go to haiku." Or this is a plan made by Opus on max mode. I'm gonna go sonnet. You know, I'm I'm very picky right there. So, I don't know how much I'd go on max mode. I think if it's a really hard problem, I'll go max mode. But if I want it if I want to review it before it goes full throttle, then I'll whack on plan mode. So, a lot of choice. A bit of overlap with thinking and plan mode. I've always thought that but you know we're here and that that um that extra high max and high is creating further problems but also you know um giving us more choice which I think people like. Opus 4.7 is a direct upgrade to Opus 4.6 but two changes are worth planning for because they affect token usage. Now this is the big one. Opus 4.7 uses an updated tokenizer that improves how model processes text. The trade-off is that the same input can map to more tokens roughly one to 1.35 times depending on the content type. Second, Opus 4.7 thinks more at higher effort levels. So you might want to rethink that max mode because it gets exponential particularly on later turns in agentic settings. This improves its reliability on hard problems but does mean produces more output tokens. Users can control token usage in a variety of ways uh by effort parameter which we just spoke about before. So yeah I mean look at this. Basically it's exponential. It jumps the same amount of tokens as it took the same amount of tokens as it took from low, medium, high, extra high it takes to get to max. That's that's that's a lot. Um, but yeah, if you have harm problems, you might want to utilize it. I don't think you need max, mate. I really don't. Experiment with extra high. See how far you get with extra high. You won't, will you, can't bring yourself to it. That max button is there for a reason, mate. We're already struggling here. We're already struggling for GPUs. The n you [ __ ] max mode all the time. Max mode rundev. Yeah, max mode rundev. I actually do it. Well, not all the time. Sometimes I I do it and then it doesn't work because I don't know something is wrong and I just tell it to do it. Okay, I know how to do npm rundev all, but if it comes back with an error, I'm not going to give it the error to fix it. I'm going to tell it to literally just do it. Yeah. Well, um hopefully it's better at like knowing we talk about adaptive thinking. Hopefully it knows very quickly where to look, so it finds the package JSON. Um yeah, I would um you want to you want to retrace your steps on design? Um maybe you do the next thing. So I have like 10 minutes to I I want to explore a few things. But it's Hey Jen and Perplexity, which I think you've looked more into than me, so I don't know how you're going to Well, with Perplexity, I haven't looked more into it, but it you can read through it. It's probably similar to Yeah. So, Perplexi have I don't know whether you guys have seen this. Plexi have launched personal computer, an all-in-one digital worker that integrates with local files and apps on your Mac, turning it into an always on AI capable of executing entire workloads. So to me, this sounds like basically called clawed computer use, but also codecs have released computer use as well, which I think does things slightly differently. Let's take a look at computer use together because I've not dug into it. I our producer our producer got in contact with us and mentioned it. Um Oh, they I do What do you reckon of the design of um Perplexity? I I really like it. Yeah, I like it too. Oh, they're scroll Are they scroll hijacking? Don't think they are. Uh there are some interactions going on with like uh sticking. Have a little look. Oh, a little blur there. Actually, let's read this. The taskbar. One shortcut summons your computer anywhere on your Mac. Summons your computer anywhere on your Mac. Doesn't mean That doesn't mean anything. Um, contextaware. The computer sees your active app and services the right tools automatically. Oh, so it's a floaty. It's a little floaty thing. It's a little floaty thing that just Oh, that's clean. I like that. because right now you can't see it, but if I double tap option, I get a floaty thing on um with Claude, you know, but it's I guess it's always there. And depending on the app that you're on, that has the most amount of context. So, you can see here you can compose an email. That's actually quite nice. I won't lie, that's actually quite nice. Um app control, operate, mail, find a Slack, anywhere native uh Mac directly through the computer. Local files connect any folder computer reads, writes, and secures your files. So again, this little taskbar down here allows you to just So yeah, if you're in the apps, you collect the app folders, whatever. This is a really nice integration uh implementation. Voice mode um and natural conversation. I want to try this guys straight up computers creates a team of agents across 20 frontier models. I wonder how the pricing will work as well. This is another thing. And by the way, if you've just joined us, right at the beginning, we talked about Lenny's newsletter. Perplexity was on Lenny's newsletter. It's no longer on Lenny's newsletter, but since then, I am um I'm using Comet right now, which is Perplexity's browser. Like I don't know whether to I I'm at a loss of what to what to because all of my AI subscriptions are really starting to end now cuz about a year ago was when we had the massive boom. Um what do I actually renew? Perplexi might be one of them. So let me know if that makes sense. But one shortcut total context let's ah it's a weightless look. Ah, damn it. Use Comet with personal computer to unlock browsing, research, and web automations from your desktop. But right now, we've got Get Comet. Really like this, guys. I hope I did a good job at explaining that, but it's a floating toolbar that knows the context that you're in. It m it I it feels like um uh what Apple intelligence wants to be like a ever contextaware thing that's um everpresent doesn't do anything that claude co-work can't do or combination of dispatch and computer use however I feel like it's going to be less intrusive more complimentary to how you're doing it because when you use core computer use it overtakes your whole computer and you can't or you shouldn't really do anything about it saying that a little addendum to um this little article. Lots of major improvements to codeex computer use is a real update for me. It feels even more useful than I expected. I can use all of the apps on on your Mac in a par. He's obviously got AI to write this all apps on my Mac in parallel without interfering with your direct work. Now, this is big because I have computer use. Um, if I update my codeex, maybe I can maybe we can do something. But again, going back to Claude, um, uh, I'm getting an error here. Your browser has lost connection to your screen share audio. That's okay. We're all right. Um, if I Huh. I thought I had computer use. Why haven't I got computer use anymore? Automations. Sorry, I'm looking on codeex right now. Uh, but is it in new chat? How bizarre. Connect with codeex web. Is it in codeex web? Is that where I saw it? Um or in chat? No, it couldn't be. It wouldn't be in chatbt, would it? No, it's not on chatbt. Oh, well, I'm at a complete loss, guys. Oh, maybe it was in my settings. Sorry. I know this is very boring to watch. Yes, it's in my settings. So, computer use plugin isn't available. Computer plugin unavailable. Okay, so you have to install it as a plugin and then that's when it will work. And I'm guessing it's potentially only available for US people. If you're in the US right now, say hello. But also, uh, go into codeex if you have codeex installed. Go into settings and you'll see computer use on the left hand side. Let us know if you can access it because I can't. But this is what the biggest downside to claude um, computer use was. and it was a video that I made about it was that you kind of need an external Mac Mini for it because it overtakes your whole machine. So yeah, computer use on Perplexity. I've signed up for it. That looks sick and I think that we'll obviously see those in Claude and all the rest of it, but really nice implementation. I'm I'm stoked for that. How are you doing? Um, so funny enough, um, it told me I I can show it. I don't know if how long it's going to take actually to give you behind the scenes. We're we're wondering if we need to add an extra little bit to Claude design just because we want to get this video out today as a clip and uh, yeah, the better job we can do, the better informed we can be streamed and come back in 10 minutes. M so okay so talk us through your prompt what did you do what's your uh I I started a design system so I I will show it I just want to give an update first um so for the video we want to go through a few examples we want to go through what we have we go through the examples here there are not many so this is the design system that I'm trying to do or no, a new one. A new one that is we're working on. Um, and what did you upload? Um, so good question. I uploaded this as a Figma file. As a Figma file. Yeah. Yeah. Um, so I got the idea of trying to do something with this. Um, it says like prototype high fidelity. So maybe you know variant AI. We did a comparison. Maybe I do another comparison. So what we do, we go here. No. Where are my projects? And I want to take a prompt that I have done before. And I don't think No, I don't I don't think this is a good comparison because variant AI is is design inspiration, right? It's not it's not you're not you're not really take you're not building anything, right? You're not building a um an artifact with with Well, you can obviously, but like what were you So, you built what were you going to build with um Claude Design? What were you going to prompt it once it's done? Um slides. So, this is what I want. Yeah. Slide deck. And I want to I don't know, maybe like a pitch deck, but also as presentations for social media. But I want to also do a pro uh a prototype. So we do thumbnails. Okay. Well, why don't you do Hey, Jen. Let leave it do its thing for 10 minutes. I think that's come back because uh yeah, I don't very I don't think that's a I think Canva is its biggest competitor because I don't think does it do a website? This design? Yeah, it does a website. So I want to do a website with it. That's Yeah. All right. So, I want to What should be the prompt? I want to Is it done? Is it Is it done? No. The I want to write a prompt. Um You mean for the design system? No, the design I will wait for the design system to be done. Okay. Uh well, let's wait for the design system to be done and then we'll come back and do and build a slide deck or do something. just this enter the mind of a of a product person who doesn't know anything and they they wanted to design something or build maybe maybe yeah maybe maybe build an app or some I think it's stopped yeah it has stopped uh I think here so it's so it's created all those files this is good this is good Yeah. So, it's created all those files based on our design system. Uh, I'll just say continue. Okay. So, it is working. It seems like it is working. Okay. Oh, nice. I Oh, okay. We'll we'll we'll go through these one by Let's um let's go back here. I want to to do this all in a video. Um, can I add the uh the design system here? So, I'm guessing you've added a design system, it's now in your account. It's now in this product, this this space. My guess is that once you click on the design system here, what happens? Uh, it comes here. Okay. Now, these are just tabs. Okay. So, now that you're in your What's all that text on the left hand side? What's all that? Um, it's just a there's a skill there like HTML going on. So, I think now we can just do whatever it is that we want. We can just build something and it's going to use this design system. So in our sketch I I I'm not confident that the design system is um I I feel like it's not complete. What do you mean? I think the that I closed I didn't close the tab, but I think I switched the tab and it didn't finish off the work. Don't worry. Let's just go with this. Let's just go with this. I think we can piece together our understanding because what are you going to do? Re-upload it. Are you uh No, I'm trying to see if I can uh do something here to to make it continue. Just write in the prompt. Continue. I did. I did. Oh, it did. See, things are happening. Uh missing fonts. Uh okay. I will I will show that that then for the video. What else do we do? Uh we can do well we have to go piece by piece I guess because I don't want to jump. All right. So should I um you there? Yeah. Yeah. Okay. So uh should I go with an intro again? No, I feel like we can. Let's uh This is the design file. Okay, let's me. And you're saying this is um a competitor to uh to Canva, right? Kind of. Okay. So, Claude just introduced Claude Design, which is a tool for designers, marketers. This is probably something similar to Canva or Lovable or all of them. So, let's go through it. Uh, in order to access it, you just go to claude.ai from the web interface. You go to the design tab. This is the new thing here. And this is their new tool. So, here you see you can do prototypes with it. Interesting that they are calling it prototype. High fidelity, low fidelity wireframe. So I guess this is if you want to try a um a website and see like your content if it's fitting. Uh you can do a slide deck will we'll try all of these. You can start from a template or other I don't know what other is here. You see the designs but also interestingly we have these examples. Uh these are things people have uh built. Uh we'll show you these as well. and you have this button to use the prompts. So that's a that's an interesting choice. You're not copying whatever there is here. You're just copying the prompt to start with it. So um we got just a little bit of time to play with it and there are some really interesting things about it. So what I did here I this this is like our uh YouTube's um it's not an exactly a design system but we have this I made this at as a skill. I wanted to export this as a skill. Uh now I put this in a new Figma file and what I did here uh I let me show it here in this tab. I went to the design system and created a new design system and in that tab I uploaded that Figma file. So not an image the entire Figma file I uploaded it and then it created these files which I guess now it's asking us to go through them. It is saying the font is missing. And here I can say well this needs work. Image not loading right. Not loading. Something like this. Okay. So interesting. I I would go I guess through each one of these brand files to to give it feedback. It's interesting. So Oh. So So this one is interesting. If you look we don't have a button. So, it's taking what we have and creating buttons based of it. Um, the highlights. I like this. Oh, I like this. There's some animation some animation going on then. Yeah, the orb. Ah, this is this is not complete. And these are pretty accurate. This is okay. Not bad. Interesting. So, this is pretty good. And this is much more extensive than what I gave it to. Oh, even spacing. Um, that's that's really good. Even the the text. Nice. So, I guess this is this is our new design system. Now, let's say new. Can you upload our font? Have you got that? What is our font actually? Let me see. IBM Plex mono. Uh, I would have to download it first. I think it's loading though, so you must have it. Yeah, IBM Plex mono. I think it is easier to download it from Google. Um, so I would say get font, download, just downloaded it. Upload font. It's doing it thing. Uh, so, oh, it's a zip. I need to unzip it first, obviously. Sorry, guys, for making you wait, but I guess Okay, so I don't know which version exactly we are using. So, let me check that. Uh, medium, but it's already probably going to figure out a bunch of stuff. So, just upload them all. Uh, I don't know if I can upload them all. Yeah. Yeah. Here we go. See what it does because obviously a lot of people are going to want to upload their fonts, right? Yeah. Kind of key. Okay. So, this is uploading. Uploaded 14 font files. Nice. Now, it's doing something. It's doing the editing, I guess. All right. Claude is still working, but you can start giving feedback on the work so far. I like that. That's very thoughtful. That's what I do to my designers. I think that's the that is the word that describes Claude models the best. Thoughtful. They just they are they are very thoughtful and in a in a an emotional sense but also in a practical sense like Yeah. Yeah. Let's What are some of those prompts saying? Uh some of what here? What's on the left hand side? What are they saying? What's what's happening on that left side? Okay. Yeah. Checking the images, I guess. Yeah. So, we can wait a bit. This is not moving forward. But here we see things are getting advanced. Should we start on something and assume that it's going to update our fonts? Um, yeah, we your your call we can do that. Maybe wait a sec because I hope just it will look nice if this when we prompt it will start looking good. Jesus, it's taking a while to What's your usage like? What's happening with your usage? Do you do you roughly know what you had before we started this? I didn't use it much today. So, it shouldn't Yeah, today I wonder what model it's using under the hood, too. Okay. So, your max 200 or max 100? Max 200 is the 20. Yeah. Yeah. Okay. So, it is. So, if you're using the 20 bucks um I mean that's the case with everything with Claude, the the 20 bucks subscription doesn't get you far. It's good for chatting, but when it comes to doing anything agentic and coding, it's this is where it's not enough. The 100 bucks is probably the better place to be. I probably will downgrade and see how it is. But yeah, 16% is not little use. Um anyway, so this hasn't done uh this. Yeah, this is still the same. Still cooking as they say. Yeah. So if I come here Yeah. Um, can you prompt it and say update font? Where did you leave that feedback before when you said image isn't loading? It's here. Um, ah, the the font. Well, I'm waiting for this to be finished. I don't want to start another instance, the same task, you know, by another agent. That's probably Yeah. uh what we can do I can show the examples I can say that yeah okay let's do that so while that is working what we can do we can look at a few examples so this one I just uh pressed use this prompt which by the way if you do you just get to this place and then you can send it away but I'm not going to do it because I already have So here we have a shader and this one. Let's see the shader first. Well, funny enough, this one is not working. Well, it is here that the HTML is not somehow not working. But here we see it's working. Let's see. Oh, it is. Okay. This is trippy. Uh what are these? Uh move. I don't know like Oh, I can I can press the numbers on my key. Oh, nice. So, that's pretty it. It's using also my system uh my browser time and yeah, just a few shaders. Now, see here we have this button where we can do tweaks, but we can also do it from here. Somehow they are adding UI on top. So, that's very interesting. But the most interesting part is this uh edit edit button. If we click it now, we can go and edit elements on the page. Uh you see I couldn't do this because I think this is either a part of the canvas or under it or something like this. But these are over it. And we can go here and literally change the colors. So this is a fullon editor. This is like rip every editor out there. Yeah. Uh we can I can even like you see I have the flex uh properties. I can't use Yeah. I can use my keyboard. I can u play with the flexbox properties. It's not as nice as you know web flow UI obviously but it is something if you want to play with something specific that's really nice what they have added. This is what we've seen in cursor. But now here it's all included all in one place. And that's not all. You can also draw. So you can do something like this. And you can have this as a comment that will be sent to your AI. Um you can also do let's discard this. You can do comment. And if I comment on something, why did it do it there? I think it can't find the elements here. So it defaults there. But if I comment here, I can add a comment and that comment can be sent as a comment for my teammates or sent to Claude to do something with it. So also uh pretty nice to see. Uh just to show you another example that we did earlier. Was it this one? No. It'd be good to see one that's not like a shader like it's actually something that's like Yeah, they were all designed or like a like a page or a document or something. No, they are all kind of like that. Um, the closest we have is Well, let's demonstrate with our one then. Let's do something with our design system. Let's let's design like a I don't know like a business card or something. I want to do a website as well. Yeah. Yeah. Just do a website. Yeah. But uh I want to show this one as well. And here's another example where you can see that this tweaks panel. We can turn it on and off. And obviously we can play with these things. We can export it as a zip uh which we just did. And then what you get is literally an HTML file. It's that simple. You get an HTML file, static, everything in one file. Um, you can do PDF, PowerPoint, PowerPoint, Canva. You can also send it to Cloud Code to continue working on it. So again, that's also really interesting. And um if I turn this on and press edit, I can literally edit the UI that edits the UI, which is a bit trippy, but fun stuff. Now, uh let's listen to what you said and do that. Oh, I saw there was a check mark. Uh that one is done. So, let's just go through it. This is still not good, but we have some buttons and yeah, let's not spend too much time on perfecting it. What I want to do is um let's do let's work on our website. So, this is a new file. What did you what did you just click then? Um because we want to get here. Yeah, I I named that project. I called it create a project. I called it command AI website and then it shows up here. So you do create a project here and it shows up here and then these are different things. So I guess this can be a website, it can be a presentation. We'll do it. We'll do it all. So command AI website and then here we can say uh why my whisper flow is not running. They're probably a voice mode in the in the interface, right? Yeah, they do have a voice mode as well. Um let's use the voice mode in the in the app. Yeah, in the actual design. Um I think that's better. I think that's better than using whisper fo really just just from a demonstration purpose for ah it has a voice mode I allowed it but it you saw that I allowed it wait what if I what is happening now let's reload code. No. Okay. Whisper flow it is. Changes my mouse to my cursor. That I I don't like that. Anyway, create a website based on our design system for our YouTube show called Command AI Show. Don't hit send. Don't hit send just yet. So, I'm looking at I'm looking in the at the top there. You've got start with context. And it's got design system. Yeah. So, I'm guessing you can only add one design system to this system. Oh, okay. You can add multiple. And then you can select the design system. And now this is added as context to your prompt. But if you had multiple systems, yeah, there we go. We have skills. So we can do Oh. Uh make tweakable is a skill. Ah, so that's how they are doing it. Yeah. So front end design. Let's use that. Yeah. Yeah. And what else? And did you add did you add our uh design system? Yes. And you see these as you see these as tags. So front end design, command AI design system, design system, hi-fi design, interactive prototype, remove that second design system. That's got make you feel makes sense. Yeah, makes sense. So cool. Send it away. Now while this do this while this does its thing, we go back and I want to do a slide deck. um command AI slides. So this is slide deck but I want to do it like how I would I I want to generate some uh social media slides. Okay, let's generate uh 10 slides for LinkedIn uh based on our skill for our show command AI show uh a live show on YouTube where we cover the new um the news in AI and design and web. Um, the whole slideshow should be about clawed design, a new tool by Anthropic. Uh, research it really well, see what it does, and put everything in 10 slides. I don't know. Do you think it's it can need to press that because I was looking at the little pills there and it's got or chips. Sorry, it's already got it. So, yeah. Yeah. Yeah. So I think all of these are just skills. This is just like skills around a tool. I think there's a PowerPoint skills or how do you attach the PowerPoint skill just on its own? Um I don't know because like you wouldn't click you wouldn't click design system to look for the PowerPoint skill, would you? No, but this says export as PowerPoint. So let's just send it and see what it does. I'm more interested in knowing like how it look. Okay, so questions. Oh. Oh, man. Oh, man. So many questions. Okay, let's Because you didn't tell it what the website's about. No, I didn't. It was very Okay. Drive viewers to the next. Yeah, let's let's do this. Interesting though that it knows this. I don't think you said anything about streaming. I don't know. Maybe it did. Search it. Yeah, exactly. Well, it knows from the the design system u archive browser past which one like drive stream. Yeah, home just go yolo don't want to make it too much so we can I I I want to also do merge. Um how ambiguous uh how long scrolling single file homepage on sub pages full multiple page I mean it's front end it should take no time uh one tight d multiple variations no just do one okay just one we're not going to use this well we might do but we just want to get something up it it might cook it might cook loud and maximalist editorial m Yeah, let's do this. We've I mean our brand is loud and maximalist anyway, so but it' be interesting to see what it does. Yeah. Uh also up later, watch live. No, subscribe to YouTube. uh marketing. Yeah, let's just do so before you click continue, just round off what you've just done there so I can use that as a little clip and just say and it'll ask you a bunch of questions. Do you know what I mean? All right. So, all right. So it asked us a few question well a lot of questions uh about how it should be. So it's going to be for our next live streams. The website is about that. Uh I marked all the pages that I want. I want it to be multiple pages. Uh one direction even though we can do variations but we don't uh have time for that. editorial interesting it's asking for my style uh that I want to choose and then the placeholder the content the the CTA what it should be and then uh the interactivity and any specific tweaks and this tweak is it they are making it to be their their thing and then we press continue this is this is going to take some time now let's go back to our presentation. We got an error. Uh, we got an error. Let's retry. And here we we see that it's we see the design files, which is interesting. This is literally just your, you know, a folder with fonts and whatever. Interesting. Yeah, that's actually quite nice to see. Presumably, you can download when you download the project, you you'll get all that included and you'll give to a designer or a developer. They can use all the assets. It got quite late. I didn't actually want to stay this long and I can't What page are we on right now? Is this the website or is this the slides? This is for the website. Oh, that's a that's a good catch. We don't know where we are that they they should add something about what design files like what chat are we in. Yeah, we'll see. I find it very difficult to navigate. Um, even though it's very minimal, I don't know like there should be some thumbnails. Um, anyway, so this is the slides. What is it reading? Okay. Skills. Yeah. And then it's the same thing. Let's go to the website. So, the thing is I don't see if the agent is working right now. Um, did you want to do Hey, Jen and then just come back to this or do you want to wait until it's done? Uh because I don't think we care about this. Like we'll just show you when it's done and then we'll have a look at those edit panes. Yeah. Tweak P. RIP the person who's going to edit all of this because I guess who that is. Ah all over the place. Yeah. Let's I just want to make sure that this is running before Well, it looks like it because those files didn't come from nowhere, right? A uh it's creating files for us here. It kind of doesn't show should page page has been created. Did it? Yeah. The HTML index.html was literally just created. Ah, okay. Um and this one is still reading. Okay, let it continue to read. So the next thing Yeah, it's it's anthropic. You got time? I'm a bit tight on time. Yeah, yeah, yeah. Go for it. Just just do this. We'll come back and then we might have to I don't know, figure out something. But we got we got we got some good footage. It would just be nice to know. Again, I'm thinking of this who's this for? And like it is for product people who don't want to like it's not a highfidelity designing tool. It's for people to get their ideas out and share it with professionals. Do you know what I mean? It's not a It's not a finishing tool. It's an ideating tool. Mhm. Can we watch the video with with sound? No. No. Well, I mean, from a technical perspective, no, because you you you can't because you stream on Safari and present on Arc, so we can't hear anything. Can you hear it? No. No. They're probably using music anyway, right? Okay. So, let's All right. Uh, this is a new tool, right? Seemingly so. Yeah. Okay, then let's just go with it. All right. So, there is a new uh All right. So there is a new tool called hijen and it is there to make videos out of any page that you have any HTML page that you have including animations anything that is happening in your browser can be a frame in uh hunen hen in hen hyperframes it's actually called hyperframe so it also works with shaders it works with 3js it works with lahi because Lahi is being rendered frame by frame in a browser. So you can mix all of these concepts and you know with agentic coding create slides and videos and animations and that's pretty cool. What I want to show here is somebody uh compared this to Remotion. We talked about Remotion in the past and this is a really good interesting comparison. They are different in design but also in level of animation. So you see how it is just more cohesive. It is much nicer with hyperframes in Hen. And with Remotion, it's kind of like not as nice. It's just not as detailed. And you see this over and over and again even though I'm going to say the designs do look AI generated nowadays I have a I have an eye for it. I have developed the exact remotion don't claim to be a design they just take designs and make them so it's the animations we need to be focusing on right yeah because here it's the same prompt done with Opus 4.7 but yeah you're 100% right what is I'm I'm also going to say so what is also important to note this is not to replace motion designers, at least not anytime soon. That's not the point. People are probably going to sell it to you like that starting tomorrow. But that's not what what why these tools exist. It's easier than ever uh to create slides with HTML. You just tell your agent to create a bunch of presentations and now you can animate them and you can also turn them into videos. So it's just a mix of all of these things. This is this is much better. Uh this is suited for I would say business people like imagine a company sharing some content somewhere instead of doing it static and boring. They can just use this to to add a little bit of sparkle of motion on top of it and not replace a professional motion designer. Well, put it this way. Um, we use the remotion skill on all of the graphics you'll see on these clips. So, in these clips, I'm going to download this and I'm going to use that and you can compare it against some of our older videos where you'll see the motion skill used on our design system versus hyper frames used on our design system. So, yeah, I look forward to playing around with this one. And presumably, you can then export these as videos. Yes, because it's not because by the way, I don't think these these aren't for websites. This is not how you animate websites. This is taking HTMLs and making videos from them. Yeah, it is HTML to video to MP4. That's the whole point. And that video you can use it in your product launch. Imagine you have a product and you like a it has some UI. You can animate that piece of UI and include it in your product launch. That that simple. Or you can add it to a YouTube video like how we do it. Or what I really am excited to use this for. I I literally saw this um yesterday. I haven't gotten time to use it, but I'm excited to use this for social media posts. As I said, like previously you would share just static slides like Tik Tok is pu pushing slides. Instead of making those slides to be boring images, you can make them be like kind of like nicer slides. What's really also powerful, this is what most people don't think about. when you create slides with HTML out of the bat they are responsive I mean you know it's easy to make them responsive so what's really good uh you can create these animations to work for like vertical slides to for horizontal slides for web for mobile that's what most people don't think about and doing that with After Effects good luck it it's going to take tons of time complete new projects right Exactly. You you have to have everything separate. But here you just have HTML. So HTML is surprisingly I'm not I don't know why I'm so surprised. HTML is really powerful. It's a it's a good um it's a good programming language. HTML. It's the best. I am an engineer and I write objected or objectoriented. Um I'm a I'm a more functional guy myself to be honest. Yeah, only in HTML. Yeah. Cool. So, let's check back. So, was it Let's go to the last one. H Let's see actually what what it did to Not too bad. I think it's increased, but not not too bad. No, it didn't. It was Ah, cloth design is separate. Oh, look. Claw design is separate. I didn't see it. Okay. No. Interesting. So nice. My probably for the time being, you know, probably for the time they'll probably bulk it all in. But yeah, anyway, it's separate for now. It is the same models, but anyway, they are treating it separately. Well, it's not really because you don't know what model it's using. I'm guessing it's No, you can you can change it. Oh, you can. Okay, fine. Fine. Yeah, you can change it. So, I still can't I I think it would open. Yeah. But let's see if we can go to index html. Oh. Oh, something happened. Wow. We need to make a tweak already, don't we? These are components. These are components. This is fun. See, it's got that toggle for this color. Yeah, that's interesting. This is fun. So sexy. This is a nice component. I like this. The the typography is pretty nice. I'm talking about like the styling and the contrast and the grouping like this grouping. Well, let's do one thing. Let's designer level. Let's change the background color so we can see it better. There's obviously a bug here to change. I I think we saw briefly we saw a different page. Okay. But I still think the background shouldn't be white. So let's let's tweak that. No, it shouldn't. I don't know if it's done or not, but yeah. So we'll do that. Check the edit. Ah, you mean Yes. Yes. I'm saying demonstrate the edit button. That's what I'm saying. Yes, you're right. And here it is. Wait, what? So we want to keep the text that's we want to keep the color as white. So this is HTML talk. Now color is text color. What you want to look for is background color. Yeah, true. I clicked on the background. Um, can you use one of the other tools? Can you can you circle it or prompt it even? Yeah, I can. I can prompt it actually here. Let's just do comment and say ch. Oh, it was already Keep going with it. Keep going with it. I don't want to say black because it's not black. Yeah. You want it to infer our design system. Yeah. Uh, exactly. So yeah, well it's getting there and it's you know again as a developer I would use cloud code and my design system skill be nice if you can output this design system as a skill. That would be nice. I don't know whether you can. Yeah, I like that. I like that for that's cool. This this is really nice. I I like this design. This is I would feel comfortable with this being on our website. Really? I mean I mean I can already see that you're hovering over and it's making some weird little Yeah, I I know. I I see the the issues again. I think the intention is that you give this to someone who can build it, right? That's the intention here. But someone using it can express themselves. I would send it to, you know, you can send it to claw code and continue with it, right? Yeah. Yeah. Yeah. I I'm not saying this is, you know, perfect design, but I'm saying this is pretty good. I mean, why why do I sound surprised? This is Opus 4.7. It has uh we we we gave it a Figma file. So it has all of these available tools, you know, to to create something that is usable. Uh what is not usable, it's like the the entire home section layout is kind of a mess. I I see this as just a bunch of components. So I have to shuffle that around. So I but I didn't spend any time on that. I would now comment I I would now tell it what the homepage should have. Yeah. Yeah. And this is where it is helpful to know a few things about, you know, front end design and in general, you know, how landing page I still I still think you're you're jumping the gun. I I really think you're jumping the gun. I don't think the the point you think this is not for Yeah. It's not for some like the intention is that someone's going to go in here and say, "Change the black. change background to black. Can you move this up there? And again, it's just like and then then you will be you will as a designer, you will be handed this and then you can then fix things as they should be done. But someone's giving you a head start, you know, with with what's in their brain. They'll change the text. They'll just do things that they're just hoping. They're just trying to get their idea out. Nice. Uh, we should sell these. Yeah, we should. We should. Let us know if you want merch. I'm proud of this this this aesthetic. I think it would look sick on hats, on t-shirts. Let us know if you want merch because we we'll sort that out. That'll be fun. That'll be fun. Even posters. These all these are really cool. Like I I like that. I like that. Yeah. Yeah. It's cool. This is pretty cool. And all of this just from this essentially, right? Well, you know, and hours of us trying to figure out a design, you know. Yes, obviously. By the way, this design was not done by AI. Yeah, this was done by a very tasteful human. Ryan did this and he is just he has taste. He knows he knows his things. Um, so yeah, I I would say we can finish here if you Yeah, we didn't finish the It's still reading. It's still reading. So, uh, I can come up with like an ending. All right. So, this is all we got. Um, as you see, this is not complete. I would not feel free to I would not feel comfortable setting this live. Obviously and as you mentioned this is not the point but this is where you know I can start playing with design and maybe ship it to a developer to finish it off or like play with different versions or as you saw play with the tweaks. So this is what it's about or at least this is what they are trying to sell it as as a tool as you see for prototyping. So maybe it is not coming for lovable just yet. actually. Yeah. Well, let's let's wrap it up there then. Um yeah, cheers for tuning in this week. Thanks for sticking around with a lot of playing around. This was literally in part thanks to Alisa. Um I hope I'm saying your name right there. Um dropped whilst we were streaming, so we just figured that out. give us a follow on YouTube where everything you've seen today will be m uh exported as clips and and you can watch them in every everything in short form. Um yeah that's commando got at command AI show. Yeah commandio show. I don't know why I'm make why I'm over complicating that. Yeah. Um yeah tune in next week same time same place. Uh yeah, for all a I've completely [ __ ] this ending up. All good. Keep on vibing, baby. Peace out.