Claude Design OS Changes Everything (Insane)

summarized

TLDR

Building a design operating system that runs locally and integrates with any AI model gives you full control over your design workflows and avoids platform lock-in. The system allows exporting design systems from Claude Design, importing them into a local environment, and then using any model (ChatGPT, Gemini, etc.) to generate designs. By connecting automation tools like Potato, you can publish content directly to social media from within the OS.

Key points

  • The speaker advocates building a local 'design operating system' that works with any AI model (Claude, ChatGPT, Gemini) instead of being locked into a single platform.
  • Design systems can be exported from Claude Design as project HTML archives and imported into the local OS for reuse with any model.
  • The OS includes features like memory, cost tracking, credit usage dashboards, and a 'dreaming' function that analyzes chat logs for improvement suggestions.
  • Level 1: Ability to take any design system from Claude and run it locally in your own environment.
  • Level 2: Ability to use any model (OpenAI, Gemini, etc.) with your design systems by integrating API keys or existing subscriptions, without needing Claude credits.
  • Level 3: Integration with the automation tool Potato to create and publish content (e.g., Instagram carousels) directly from the design OS to multiple social media platforms.
  • The speaker demonstrates creating an Instagram carousel system within the OS, editing it, and publishing via Potato connection to platforms like Instagram and LinkedIn.
  • The video promotes a paid course ('Claude Code Masterclass') that includes the design OS and design systems.

Tools mentioned

Techniques

  • Exporting design systems as project HTML archives
  • Integrating multiple AI models via API or existing subscriptions
  • Using automation tools like Potato for publishing content to social media
Transcript (captions)

0:00 Core design operating systems are the future and they unlock capabilities that 99% of people don't even know exist. And if you're not using one, you're leaving too much value on the table. So in this

0:12 video, I'm going to show you exactly how to build a design operating system that lets you work with any model, build workflows that are 100% tailored to your business, [music] and track skills,

0:24 memory, cost, ROI, and many other things. So, if you haven't already, grab that beautiful coffee and let's dive straight in. Now, running your own design operating system gives you

0:34 ultimate flexibility on models on design. It's built around your own workflows. You get really cool memory systems. But the key thing to understand and the reason why we have to talk about

0:44 command centers anyway for club design, and I promise it's not as complicated as it sounds. If you stick with me to the end of the video, you're going to be able to have something incredible that

0:54 you can play around with. See, the thing with cold design is it is fantastic, but as with any product, you're kind of limited and you're locked in with what they want to include, their

1:03 integrations, their models. We can build beautiful graphic systems like we've done in many other videos, but there's a couple of big limitations and that's kind of the the main problem. Number one

1:13 is the design can't really go anywhere. So, we can build designs, but we can't, for example, post that on social media or we can't send it to clients directly. It's all just design. Then the other

1:23 thing is that we're kind of waiting for them to build tools that we may want rather than building something that's completely unique and fun for your own use cases. And also it's a kind of thing

1:33 where everyone's getting the same kind of look and design. And how do we differentiate from that? Well, one idea here with a design operating system is that not only can we build beautiful

1:42 designs leveraging all models. So even if you run out of cloud credits, you can still build beautiful designs. we can actually connect it to our workflows in a way that is visually brilliant because

1:54 the idea here is that nobody is really selling your workflow. So we want the best of design to basically make that even better and then have something that runs 100% locally on your computer. You

2:05 can use any model that you want to. So that could be chatg, could be Gemini, could be claude and we can use all of our workflows. What do I mean by that? Well, let's take a look at this is for

2:14 instance right here I can select who I integrate with. So let's go ahead and uh select Hold for example. I can pick any of these. I can add images. I can generate things. I can come down and

2:23 I'll just show you cuz we need to understand what a design operating system looks like before I can show you its true capabilities and we're going to build that together. So I can pick any

2:33 model I want to build, right? So for example, let's say I want to do Naber 2. I can come down and say, "Hey, build me a giant English Springer Spaniel with two protein shakes." And so once I've

2:45 done that, I can specify as many images I want to. I can add references. It tells me the credit costs and then just goes ahead and does it for me. And the other advantage of you having a design

2:53 system locally is the fact that you can actually grab all the images and videos yourself. So, for example, you can come down here and do something like, I don't know, type in the word burger and then

3:02 any thing that is to do with the word burger on your computer, any images you can grab. And the cool thing is you may not even have burger in the metadata. If it is just a picture of a burger, you

3:12 can magic scan that and pull it up. All this to you, you can effectively bring everything together in one location for this. And if we come back over here to creation, you can see now we have our

3:21 beautiful Springer Spinals with the fantastic protein shake having a good time. And then of course, as I've covered in other videos, you can look at things like how much you're spending,

3:29 how you can improve uh dreaming functionalities, uh memory systems, all that kind of thing. But the key thing to understand with this is that with a design operating system, you can unlock

3:38 new capabilities. And probably the best way to show you that is to look at this one together, which is level one. And we're going to go through three levels here. Level three being the most epic.

3:48 We're going to do something very, very, very cool. But level one is the ability to take any design system and actually just run that in your own environment. So to do that, if you actually head over

3:57 to Claw Design, and I recommend that you do this cuz you always want to have sovereignty and own your own design systems. I scroll down here. I've got the Jack Roberts design system. I just

4:06 go ahead and click on that. Now, once we've loaded up our design system, as you can see, it's looking great. It's got everything there. You're going to come over and click on share. Once

4:13 you've done that, come down to project html and then just click on the project archive, which is instant. Click on export. And that will download essentially all of this, which means

4:22 that you can use this in Claude or Chad GPT or any design system that you like. And now we've downloaded our design system. The next thing to do is just simply to ask Claude to add it to our

4:34 existing operating system. my entire design OS I just built by prompting. So I might just come down and say, "Hey there, I would like the ability to find any design OS on my computer, add it to

4:46 my design operating system and allow me to build things with Claude inside this operating system." And so if I come back to my own design OS here, you can see I've got create, I've got my library. By

4:56 the way, I really like the insight section cuz it tells me how much credits I'm using on all the providers that I use. And again, I just said, "Wouldn't this be cool?" So I was like, "I'll just

5:04 add it in." And this is why it's so fun just to build these out exactly as you like. But if I come over to studio, you can see we now have this design section that we can basically build anything we

5:13 want to. And we have this tab here for system. So if I click on system, I can add as many systems as I want to. So let's come down here and just scan this Mac for design systems. For example, uh

5:22 let's just say it's found my design system, which is cool. Just come down and add the system. Now you can see I can literally select any number of design systems. It's super easy. And

5:29 I've got the model here Fable Persona. This is just using my existing cloud subscription which is cool and I can pick the effort model to do whatever I would like. So it might give it a prompt

5:38 like hey go ahead and build for me a very simple and short HTML page like keep it really short one section about why agentic operating systems are the future add some beautiful HTML graphics

5:49 in this style and then when it's done it appears in this nice kind of blocky style. So I can click on this for example have a look at it. It's done what I said in my ideal style which you

5:58 know because it's exactly the same thing that I've got here which is really cool. But then I can open it in a new browser if I want to to check it out full screen and play around with them. And then

6:06 effectively anything that I design I can get all in one visual platform. And as you can see I've added in a couple of the other designs I did from earlier. So the idea is that we have one kind of

6:14 like portfolio view where we can see everything we're doing. But if this is sounding look I'm speaking design Spanish. I'm going to put a link down below for the full cla code masterass

6:23 that takes you through foundation setup building websites design systems websites everything you need to know. Hermes agent monetization as well as the full my uh claude code agentic operating

6:34 system has all of this plus all of my own design systems whenever I update it. So I'll put a link down below so you can grab that and kick some butt with it. But this does take us on very nicely to

6:45 one very interesting point which is this is great with Claude, but what if we don't want to use Claude? What if for example we want to have a look at this AI model design benchmark and we see

6:55 look GLM 5.3 is now third GPT 5.6 6 soul is second. And we're like, well, actually, I want to get a hold of these models. I've run out of club credits. I want to add them in there. Well, you

7:06 might have guessed it. Level two is the fact that we can now use our design systems with any model we want to. Open AI, Gemini, Seed Dance, whatever the thing is, whatever is trending and

7:17 hipping today, it's one button click and we are rocking and rolling with it. But the question is, how do we physically do that? Well, you might have guessed it. We need to start by heading back over to

7:27 Claude and then effectively say, "Hey there, I want to be able to use every model in my design operating system. Build me out a beautiful design with lots of logos and make it look

7:37 excellent. And if I've already got the login, show that on my computer." Now, the really cool thing is if you're already logged into chat GPT, it will actually just let you use that inside

7:46 the actual OS without having to use any API credits. Beautiful. Then I come back over. Let's go shoot back over to Studio and let's have a look at what we're dealing with. And there you go. You can

7:56 see now I've got all the different models that appeared on there, which is great. And I can come down and basically just select that I want. Uh so I might go for GBT 5.6 Soul, which is on my

8:04 plan. Awesome. And what that effectively means is that I'd just be using my chat dive decredit. Now I can build with my claw design systems using any model that I like. And that's wonderful. But then

8:14 it takes us on to the third level because we built, but what if we actually want to do something that's going to kick some butt? That's going to actually make a difference in our

8:22 business. And again, this is the whole point of the operating system, right? You have dashboards that show you your spending. You can check out, you can have Claude dreaming for you every

8:31 night, looking at your chat logs and finding ways and skills of how you can improve. We have memory systems so that everything you ever say. Um, basically all your memories you can access and

8:41 view what those look like. There's like a million different things that we can do with anic operating system. And the design bit itself in particular for me really does excite me a lot for many

8:51 different reasons. And by the way, if you are new, my name is Jack. I built and sold my last tech startup with like a gazillion customers. And now I'm building my own a startup and I share a

8:59 head of stuff that actually works. And design's always been a huge part of the stuff that I've done. Now, when I say design, you're going to see what I mean with level three here. And what I really

9:07 wanted to do here was show you how we could find any workflow in your business and actually integrate it into your design operating system from the creation and the doing of the thing.

9:18 What do I mean by that? Well, let's say for example that we want to grow on Instagram. So, what we're going to do is get Claude to design for us a design carousel system for Instagram. We're

9:26 going to have that completely automatically posted when we want to on as many platforms as we want to and we can even get it live on Instagram. It's something I I literally on my Instagram,

9:36 I've been working on Instagram, I wouldn't be able to get the content I get out as easily without some kind of tool that schedules it. But what I really want to do is to be able to have

9:45 in my design system the ability to create Instagram carousels, edit them, get a unique style, and then just be able to, okay, replicate the style with this new topic and just have it crush.

9:57 Now, if we're really going to have a fully automated pipeline, we need to combine design with automation. To do that, we're going to go ahead and use a tool called potato. So, basically, if

10:07 you didn't get the memo, potatoes, they're out of here. Potato is in. Potatoes are out. Effectively, what potato lips is doing is I don't even know what this thing is. I think this is

10:16 a potato. We need to check on this. But the main thing is this is that you basically connect it to everything. And then once we connect close to that, we can post anywhere. So, we're going to

10:24 shoot over to potato. We're going to go ahead and create an account. Now, the first thing that you're going to do when you land on the dashboard is come down here on the left hand side to click on

10:31 settings. Once you're on settings, we can actually go ahead and connect it to any account that we like. Then, this is where it gets ridiculously easy. And by the way, with my team, with my Instagram

10:42 editor, I basically just give him access to my account and then he can just go into Instagram, Tik Tok, everything. It's just it's so good to have a redistribution engine. And, you know,

10:51 maybe it's social media post, it could be anything for you. It could be ads, you name it. It works exactly the same. So on the left hand side, you're going to come down here to settings in the

10:58 bottom left. And then all we're going to do is just sign into the stuff. So I've already signed into Instagram. Let me just show you how simple it is. I'm going to reconnect real quick so you can

11:07 get an idea of this. And it does it pops up. Do I want to give potato access to my Instagram? I say allow. And then just like that, we're now connected to Instagram. So I can do the exact same

11:15 thing with LinkedIn. And so we can just literally connect to our account. It says platform. Sign in. And then basically once we've done that, we can do anything with Claude

11:22 programmatically. Cool. And now I've got LinkedIn. And all you're going to do is just literally come down and connect to the accounts that you currently have. And then once that's complete, we just

11:29 head back over to Claude and we say, "Hey, I want you to use my potato connection to basically build for me an Instagram carousel section inside my aentic operating system and I want to

11:40 link in so that I can create carousels and then post it directly." And so we'll just need to grab our API key. So let's go ahead and grab that by coming on to the API dashboard. literally come down

11:51 setup API/MCP and then you can copy your API key here and then just give that to Claude. Now if I come over to my design OS I come over to studio and literally I now have this carousel here and I just

12:01 asked it by the way to say for me my existing carousel system which you can see on here that I did in one previous video. I've got the seven AI tools. I was like hey this is pretty cool. uh

12:12 some other videos I've check maybe what bit of inception right me watching on my own content on here it's crazy but you see let's say I do this as an example right and I say I want to turn that into

12:21 a design system we can do that now so let's say that we have different carousel styles well we've got the system here on the right hand side I can edit any aspect of that design system I

12:31 want to it's really cool I've got all my reference assets down here that I can play around with and what's really cool is I can now edit this whenever I want to I can click on different sections and

12:41 I can like say, do I want to edit the whole set? I could say something like, hey, instead of August 2026, change this to September 2026 and then click on regenerate. And then Claude connected to

12:52 the different systems will go ahead and do that for us. And then if I wanted to create something new, I could just come down and click on this plus button here, for example, give it a name, whatever I

12:59 want to, who it's written by, and then click on create. I can attach references, give it a prompt, and then just build out everything that I want to. But then the coolest part is once

13:08 I've got this whole thing that I like and again this is just one example, right? It could this is for ads. You could do this for anything. What I can literally do now is come down here and

13:15 click on publish with my potato connection. Okay. And I can just select the things I want. I could do Facebook, Pinterest, whatever the things are that I want to go ahead and do. Click down

13:24 and publish to four platforms. Meaning I can manage everything inside my OS. I can give creative control to my team. And so I can pretty much do anything I want to. It just unlocks so many

13:34 capabilities. Now, building with a design operating system is one thing, but you do need the skills to get the most out of it. Which is why the next thing that we need to do is learn how to

13:43 create incredible motion graphics with Claude, which we're going to learn together in this video right

Frontier News · by Hyperjump Technology