Open Design DESTROYS Claude Design?

Today, I'm going to show you how to use Open Design, which is a powerful, free, open-source project that you can plug into your systems to design and build anything that you want. So if you want to see some examples of what we've built, you can see that we've already plugged it into our AgentOS system over here, and it's built some super nice stuff. Now, the main point of this is that, number one, this is a free design tool. Number two, it's very similar to Core Design.

And number three, you can build this with free local models. And the other thing to note here is, even if you're using Fable 5, even Fable 5 itself, not very good at doing UI changes. Claude itself, not very good at understanding what good UI is. But if you have Open Design, you can get amazing designs, like you can see animated websites, you can build apps, tools, amazing, really interesting images, as you can see.

And this is all inside one studio where you can build anything you want, which is absolutely amazing. So you can see the Open Design is plugged into our AgentOS here, and then we can describe exactly what we want. So I'm gonna talk you through how the system works, and I call this the AI Design Studio. So you can type one sentence and get a prototype dashboard, slide deck, image, video, et cetera, and it's built on your Mac, or built by your Windows, built by the agents you already use, and you don't need to plug in any API keys or anything like that.

So you can just type a sentence, Open Design goes off and builds stuff, your own agent runs it, and then you get a finished design. Now, as an example of this, if we go to our settings here inside AgentOS, and then we shall go to the settings section, scroll down, you can see here that we can plug this into our existing CLI. So what does that mean? That means, for example, if you have Gemini CLI, which is free, you can operate this.

If you have OpenCode, which has free models, you can operate this. If you're already paying for a cloud subscription, well, you can use that to operate OpenCode, which means that you can use free models and existing CLIs you already have to run this whole system and build and automate whatever you want. That is absolutely amazing when you think about it. Now, if you're wondering, how do you use this?

Well, basically, they have installation instructions on the GitHub, as you can see, and there's all sorts of amazing things you can build here. You can even run it with Hermes, which is mind-blowing in itself. So you can get an agent to run this directly. You can see all the cool stuff that you can build with this, right?

Now, you might be wondering, okay, like, well, how do you set it up? So we've already plugged it into our agent OS, so what is, you can just follow up with the setup instructions inside. And then from here, you build whatever you want, right? And also, this is open source, so you can actually customize it however you want to.

And you can see some examples of what's already inside our workspace and what we've built with this. And it's super fun and it's easy to build. Now, if you're wondering, okay, once you've set it up, how do you actually start using it? So basically, you can just go down to the community section here, find a design that you actually like, and then you can customize it however you want.

So for example, if we have a look and we scroll down and we're like, do you know what? I really like this one. Okay, great. Let's click on make the same, like so.

And then we can just change this and explain exactly what we want. So let's say it's, for example, for an AI or for the AI profit boardroom community in the AI automation community focused on helping people save time and grow with AI. We can hit send now. And basically what that's gonna do is start building this out step by step.

So you can see what the prompt on the left, we're using Hermes with a free model called step 3.7 flash free. And then from here, it's going to start creating on the right-hand side. So on the left-hand side, we have the prompt itself. On the right-hand side, the creation will appear once this is fully built.

And so this is just working in the background whilst I go off and do other things. I can even, for example, open up a separate tab of the agent OS and just go off and start building inside a separate CLI and just build whatever I want there, which is the cool thing about this whole system and it's all ready to go. So you can see it's now building out step by step. That's super easy.

And now you've got your own personal free AI studio and it's running on free models. Because for example, Hermes is a free open source project you can use to build with it. And then step 3.7 flash is free to use inside Hermes. How amazing is that?

So now you've got a free AI studio designer. You don't need Figma. You don't need to weigh on designer. You don't need a team of people.

Everything can just be built and automated. Now the AI design studio, here's the way that I look at it. This is a framework that I've built for you so you can understand exactly how to use this and get the most out of it. So you can have a full design studio that lives inside your own machine and runs on the AI agents you already have.

Now there's five things that make this work. You have one sentence you plug in. So you can describe what you want. You get a real prototype that could be a dashboard, could be a slide deck, could be an image, could be a video.

You don't need any design skills. It's a blank canvas and there's no wrestling with templates. This is just ready to go. As you've seen right here, we've already got the website pretty much.

Oh, look at that. We've got the website already built. How amazing is that? Now from here, what we can do is we can click on download.

We can open that up. It will be inside my workspace as well. That's the great thing about having an agent operating system and we've just built this stunning website in like one click. How insane is that?

So that was super easy to set up and build, super chill. And then you can see that's still beginning to edit and build it out. But you can see already that we've got the example here and it's now being customized to us. So if you look at that previous version we just opened up, it says introducing AI-powered web design, which the original template we used.

But now you can see inside the preview that it says introducing the AI Profitable Boardroom. So it's customized the design around the topic that I plugged in, which is the AI Profitable Boardroom community. Now we can also, there's a lot you can do with this. So for example, you can click on the design section over here with the design files.

You can view the index as well. You can open this up. You can click on new sketch. You can check what you've built, et cetera.

You can see here that we've got this and we can also open this up and then we can download it. We can also share it with people as well. We can deploy it directly to our websites. We've got the settings here.

So we can actually change the appearance and everything else. Definitely recommend dark mode there. And then you can see what's been done. Now, if you want to customize this even more or change the design system or anything else like that, you can just type inside the chat here.

So whatever changes you want to make, you can make it inside the chat and it's pretty relaxed and easy to do. Now, if we go back to the workspace here, you can see that we've got the full design ready to go. And I just automated and built that whilst I was talking to you. So it says introducing the AI Profitable Boardroom, explains what it does, talks about it, et cetera.

It's got a link to the community at the top, the playbooks, the process and everything about it. And that was fully automated into a beautiful UI in just a couple of minutes. Now, if we also go back here, you'll see our recent projects inside this section. So we can come back to it at any time.

We have the chat here where we can talk to it. We have our workspace where we can quickly open up these other projects. And if we just click on this one, it just opens up like that. Click on that one, boom, it's open.

And so you can just have amazing designs in one click with this AI Design Studio, super simple. And so just to recap, one sentence in, you build it. Your agents run it. So it drives the CLIs you already have logged in.

You can use free CLIs. You can use free APIs. You could use local models. So if you want this complete free, you can do that.

It has 150 design systems built in, which is unbelievable. So over 100 skills as well for UI. So if you want to create better UI, this is an amazing way to do it. It stays on your computer.

So the whole studio runs locally, your ideas, your brand, your work. None of it leaves your machine if you don't want it to, and it can run on free private local models. And then everything sits inside your agent operating system next to all your AI agents with one screen, one workflow. So design just becomes another thing that the agent operating system can do.

And there's so much you can do with this already. Like for example, we've got the SEO section. We have the loop engineering section here for quality control. We have a music agent, video agent.

We have notebook LM plugged in, Kanban board, the memory galaxy for storing all our memories and everything that we do. And now we have open design plugged in there too. So it just becomes exponentially more powerful the more stuff that we build in here. It's unbelievable.

Now let's talk about the old way versus the new way and why you would do this. And this is a big shift because most AI design tools, you don't own and you can't really customize. This system, you can build however you want it and you can customize it exactly how you want it. So for example, the old way is like, you'd be using Figma plus a designer or hours of messing around.

Every AI design tool wanted its own API key, which could get expensive. And then it could run a weak or local model that actually makes really bad stuff. And I think we've all seen this, even with Claude, for example. If you're using Claude, like usually the outputs are pretty bad with UI and you have to go back and forth a lot, or you have to give it examples to brief it on exactly how you want your UI to look like your user interface.

Now, the design is really easy to automate and it actually looks good because you've got those design skills plugged in and so your agents can build and automate really nice design straight away. So the old way is like, you know, the result is design is the bottleneck that you keep avoiding with AI. I know plenty of people that do that. The new way with the AI design studio is that number one, it's free.

Number two, you can build in a sentence. Number three, it runs on agents you already have. So you don't need to add new API keys. You don't need to rely on local models.

You can have your frontier agents do the work through the CLI. It lives inside your agent operating system beside everything else with the workspace and everything. And the whole studio runs on your computer. And the result is you get design at the speed you can think of, right?

And that's exactly what we did today. Now you also might wonder, okay, why not just use Claude design directly? And you could, but the thing is with Claude's design option that runs in Anthropx Cloud, not your machine. It only designs with one model, which is Claude, which uses up tokens.

It runs on your Claude and Anthropx usage and subscription. Your designs live on their servers and it's closed. You know, you have to use it exactly as they ship it. And if you don't have internet, you can't use it.

If you have this system running with local models, you can still use the system. So it runs, the new way with open design is like it's free, it's local. You can use any agent you want and it works offline. And bear in mind, the cool thing about this is when you plug in open design into your system, it already knows every agent you run.

And this is the part that makes it click. So when open design starts, it scans your Mac, it finds every coding agent you've already installed. Then it just uses them, no setup keys, nothing to paste. On my machine, for example, it found Hermes, Claude Code, Codex, Gemini, Kimi, and Antigravity.

And I could just plug in these agents just from a dropdown box. So it's super simple. And you can see exactly how that works inside the terminal right here. So that's basically what it makes, right?

Prototypes, dashboards, slide decks, images. It uses hyperframes as well for videos. It's got 150 design systems inside there. Now, if you want the full AI design studio inside your agent operating system, I've already wired it in.

The dashboard where my agents live on one screen, it detects your CLIs, designs from sentence, and embeds right there next to everything else. So you can get the full agent operating system with every agent on one screen and this design system built in with the AI design studio setup, a 30-day roadmap as well, and a room of 3,600 founders with someone online to help you 24-7. You can get that all inside the AI Puffer Boarding. Link in the comments description or go to theaipufferboarding.com.

So you can run open design, let it find your agents, pick your designer, and then start building. Now let's talk about three things that people get wrong. Some people say, well, AI design tools, they require a lot of tokens. Again, you can use free models.

You can use free APIs. You can use the CLIs we already have running. So no problem there. Number two is some people say, well, if it runs on my own machine, it must use a weak model.

Actually, no. Because you can use your frontier agents through the CLI. Plus it has over 100 skills and 150 brand systems. So the app is local, but the brain that powers it, that could be your frontier level model through the CLI.

Number three is like some people say, well, setting up another tool will be a pain and it won't fit. That's exactly why we give away the agent operating system inside the AI Puffer Boarding. So this is just ready to set up and install straight away. And you might say, well, that sounds complicated.

Actually, no. Like so many people, we've had over 184 pages of wins, testimonials, people building amazing stuff with this. You see all the people building their own agent operating system. So I know if they can do it and I can do it, then you can do it too, right?

None of us are coders, but we can all do this. So what changes when you wire this in? Well, you don't need to pay for design. You don't need to use API keys.

You don't need to use weak tools. You can use your CLIs. You don't need to switch between apps. Everything lives inside the agent operating system.

You don't need to have your work on somebody else's server. And you just start shipping straight away. Unbelievable. And, you know, design used to be the bottleneck.

Now it's just one sentence away. Now, if you want the whole studio inside your machine, you know, you've seen it work. You've seen how powerful it is. You've seen use cases and examples.

You can build websites, apps, tools, videos, games, whatever you want with this stuff. You can get that all inside the AI Profitable Auditorium. So the full agent operating system, local core, GLM, Hermes, et cetera. It's all inside there.

So this is my AI automation community designed to help you scale, save time, and grow with AI automation. You can ask questions inside the community and I answer them ASAP personally. And so does the whole community, as you can see right here. And then also inside the classroom, you can see all of our best trainings and new classes.

We have the full agent OS ready to install with a video tutorial, the last update date, and zip files to keep using it. We've got new daily tutorials dropping and all this cool stuff that we're building. You can also get access to all of our best lessons and trainings. We have four weekly coaching calls where you can ask questions, share your screen, wire this in real time.

And then also inside the map, you can meet people locally who are building with stuff like this, right? You've seen how many people are getting results with this. You can connect with them inside your local city. So feel free to get that link in the comments description or go to the aiprofitbuilding.com.

Thanks for watching. Cheers, bye-bye.