Transcript: ANOTHER Open Source Repo Just Cloned Claude Design

Sir, a second claw design clone has just hit GitHub. Yes, that is right. We have yet another Claw Design clone, except this time it comes with an actual graphic interface. Now, earlier this week, I put out a video on Huashu Design, which was sort of the first Claw Design clone out here on the market. It did a really good job. We showed it pretty much going head-to-head with your standard claw design format, yet not running into any of the usage issues. Yet, one of the problems with Huashu

Design was the fact that it was only inside the terminal. I did not have a graphic interface like you see here with this brand new open design tool that pretty much apes claw design. I mean, just look at these two tools. Right here we have open design, which is what we're going to be talking about today. And here we have claw design. Extremely similar. Now, the really cool thing about open design is that it is built on top of hooashu design. And like you saw in that last video, Hasher Design is really, really good. We got some great

content and great front-end designs from this repo. And so now we're just taking that and putting a nice graphic layer on top of it so that it's way easier to interact with for most users and gives us a lot of that sort of polish that we saw originally with claw design. Even better, open design is something that we can use with any coding tool. It doesn't have to just be clawed code. We can use Gemini. We can use codeex. And again, we're not running into the usage issues we see inside of Claw Design proper. So

today, we're going to run through Open Design. I'm going to show you how it works, how to install it, what you should care about inside of here, cuz I think there is a little bit of bloat, and we'll actually do some comparisons between it and claw design. Spoiler alert, it's pretty good. I think it's solid, and I am super excited that we're starting to get all these spin-offs of Claw Design because I really like Claw Design. It's just like the usage is horrible. So the more that these sort of tools come out, I think the quicker enthropic's going to get on board and kind of fix this usage mess. So open

design is the open source alternative to claude design. We can connect it to things like cloud code or codeex or we can just bring our own API key if we want to use some other harness or API. It will automatically detect what sort of coding agents are on your computer. And it has 31 skills and 72 brain design systems already built in. Now, when I said it was built on top of Hashu Design, I wasn't joking. They literally call this out themselves. It's kind of a conglomeration of Hashu design, the Guang PowerPoint skill, open code

design, and then Multica. You put that all together and really I would say this is Hashu Design with a nice layer on top of it. Now, the rest of the repo goes pretty in depth about what's going on under the hood and some examples and demos. All you need to know, this is open source claw design or as close as you're going to get to it. Now, before we jump into the install, a quick word from today's sponsor, me. So, I just released my Cloud Code Masterass, and it is the number one way to go from zero to AI dev, especially if you don't come from a technical background. I update this thing every single week, and we

really focus on real world use cases and how to use this tool to actually move the needle in your business or whatever venture you're working on. You can find it inside of Chase AI Plus. There's a link to that in the pin comment, and I hope to see you there. Now, two ways to install this. You can go onto this repo. You can open up the terminal and you can paste all this in there. The second option is you just go to this link, you copy it. I'll have a link to this in the description. You paste it into cloud code or codeex or whatever and you say, "Hey, install this for me in a new directory." And it will get it up and running. Now, once you install this and

get it running, it should give you a link to the local dev server. If it doesn't, just tell Cloud Code, "Hey, spin up a dev server for Open Design." And you should see a page like this. And most likely you'll have something pop up that says, "Hey, do you want to use local CLI or an anthropic API or what do you want to do in terms of the actual AI system?" So you're going to want to do local CLI. That means it's pulling off of cloud code or codeex or open code specifically cloud code and codeex. That way you're not paying API fees. It's all just being pulled from your Max account. For model, you can just do default,

which is the CLI config. And then we have the ability to add media providers because as you will see here I can not only do prototypes, slide decks and templates. I can do images and videos as well. So I can generate that from this UI but to generate video to generate images I need to add an API key to a model that does that. So I can add stuff like Miniaax, OpenAI, 11 Labs, all sorts of stuff. So that is useful and that is something you can't find inside of Cloud Design. Now up top we have designs, examples, design

systems, image templates, and video templates. Now what are these templates specifically inside of design systems? Well, it's similar to awesomedesigns.mmd if you've seen that before. So they've essentially gone to a website like Airbnb for example, and they've sort of broken out what's going on with that website in terms of pallet, typography, components, visual theme, and atmosphere. So, the idea is if I wanted to create a website that was similar to Airbnb in style, I can use this prompt basically and include it and I'll get

something close. I think your results will vary here. Um, I think the design system section looks cool. I don't know how effective it really is in reality. This stuff with image templates is similar. It's just showing us example images and JSON prompts you could use to get something that's close. I think this is bloat. Same thing video templates. I think this is bloat. Looks cool. You're not going to get any value out of this. Now, we have examples here which are also kind of cool, but understand this is just

this is just what they got when they used a single line prompt, right? Like this isn't there's not some fancy prompt in the background here for this. The prompt is literally right here. So, if I hit use this prompt, it's going to include it and it's one line. design mutuals, a dating site for ex posters, daily digest dashboard with stats, mutual matches, and a community ticker. So, you know, don't get blown away by, I think, some of the examples they have in here.

It's a it's one line. It's it's oneline prompt. There's nothing there's nothing crazy happening here. So let's focus on what you should actually care about and that is creating the prototypes and slide decks and these sort of standard type deliverables that you would see inside of Claw Design itself. And it works pretty much the same way. You're just going to name the demo. You're going to choose a design system. So you can do one or multiple. And again, we have this list of all them that are already in there. We decide if we want to do a wireframe or highfidelity. We have the ability to import a claw design

zip. So let's say you created a design system inside of claw design. I can turn that into a zip file and include it here. And then we just hit create. I want to quickly show off this example first. Here I asked Open Design to create the same thing that we demoed in that Hashu design video, which was I want a landing page for a fake SAS product called Lighthouse, and it's meant for small teams, solo founders, and I want three examples that I can can

compare all together. And so I have sort of the classic stacked, I have something that's more editorial, and then something that's a bit more loud and in your face. And when we compare that directly to what we got here inside of claw design, you see a lot of similarities. A lot of the same kind of fonts, a lot of the same colors, especially in the background, especially since we did sort of an editorial bent. You will also see over here on the left with Open Design that it went through the same sort of Q&A brief you could expect inside of Claw Design itself. So, it's asking me questions, it gives me

buttons to select, etc., etc. It's pretty much the same exact product. Now, of note, one of the differences I did see when it came to open design versus claw design is open design was a little bit slower. This took about 10 minutes versus claw design took about half the time. Of note, even though we see stuff like common, edit, and draw, that isn't actually available yet inside of Open Design, although it is on the road map. And if you want the tweaks to pop up, you're going to have to prompt Open

Design directly to say, "Hey, can you create a tweaks panel where I can mess with things, you know, on my own very quickly by just like, you know, turning it on and off." Again, very similar to what we do with Hashu. So, Open Design's a bit slower. It's missing some of these, you know, quality of life things, but other than that, very close to Claw Design. Now, let's talk about if you want to use a design system of your own because it is one of those things that we kind of have to work around. So, if I wanted to create a slide deck that

was using my Aentic dashboard OS sort of design system and for reference, this is kind of what I'm talking about. This is the sort of visual aesthetic I'm going for that inside of Cloud Design itself. I have a design system for if I want to recreate that sort of thing inside of Open Design, how I how can I do that? And again, it doesn't have to be my dashboard. Let's say you had a website, you had your own assets, typography, whatever that you wanted to recreate here. Well, there's nothing like very straightforward like I can't go into design systems and necessarily create

that. There's no button to do that at all. So, instead, what you're going to want to do is you're going to want to import a claw design zip. So, if I created this design system inside of Claude design already, what I can do is I can go to that design system and that's where I'm at right now. I go to share and then I go to download project as.zip. Then I can go inside of Open Design, select that design system zip and upload it. And you can see inside here all the design files that have just

been uploaded. Now, if you were trying to do something similar to this and you haven't turned it into a design system inside of Claw Design, well, I suggest you do that. It's going to be the simplest way or you can essentially recreate the sort of design system setup yourself inside of Codeex or inside of Claude Code. Again, kind of janky. One of the downsides of Open Design. And this is a place where I think Hooashu design makes it a little bit easier because when we're inside of the terminal doing this versus on a graphic interface, I can just say inside the terminal inside of cloud code. Hey, take a look at that directory. Look at

everything that's in there. Okay, now recreate it this slide deck in that style. So, you know, one of the downsides of being forced to use a UI. So, now I said in the prompt, create a slide deck talking about my fake SAS product, Lighthouse. It's analytic stuff for small teams. Ask me whatever questions you need to. So, we'll zoom in a bit so you can see this a little bit better. But here's the questions it has for me. Who's this deck for? Let's say it's for product launch. Who's in the room? Uh, we'll say product folks.

How many slides? We'll keep it short. Fidelity. I want high fidelity. Speaker notes. No. Visual tone. Let's do brutalist. Use the Aentic OS design system. And then we'll have it decide story beats and we'll send the answer. And so much of normal clawed code type breakdowns. It will give you a to-do list and then slowly start working through it. And here's what it ended up giving us for the first slide, which looks pretty good. I think this is definitely on brand with the design system we gave it. However, as you may

notice, I have no ability to actually swap between them. Either that or it made all of them the same. So I told Open Design I can only see the first slide. It's not swapping between any of them. So, we'll see if it's able to fix it. So, here's what Open Design ended up giving us for the slide deck. And I also exported it to PowerPoint so you could see what that export process looks like because things often look good inside of Claw Design and Open Design. And then when you get it to PowerPoint, it can have some stuff that's a little off. So, first slide looks good.

Second slide is fine. We can see this is a little You could probably fix this a little bit with the numbers. Slide three, right? This is a little off. We need to kind of change how this is separated and sort of the spacing between them. Slide four looks good. This looks good. Slide six, again, we should probably move this up a little bit. Then slide seven, we have a little bit of formatting issues again here, keeping it inside the boxes. But I would consider

this a 90% solution. Would take you what, 5 minutes to kind of fix that. and it matches the design system we went for. But I think you're able to see as we created this slide deck, it is a little bit rough around the edges in comparison to more polished project like claw design. And that's kind of to be expected. Open Design literally came out this week. So hopefully this is something they continue to iterate on and kind of smooth it out. But overall for having just come out and this being pretty much the first iteration of it, I think Open Design is a really solid tool. If you are someone who wants to

use Collad Design and wants some sort of graphic interface to do all this and you're getting crushed by usage, if you don't need a graphic interface, but you like the bones of Claw Design and how it works, I think Huashu Design is still probably a little bit better. It's quicker and because I'm inside of the terminal, I think it's a little more flexible. But if you're someone who's like, I need I need I need this sort of interface. Well, I think this is a solid alternative to claw design because I mean like I love cloud design, don't get me wrong. It's just this usage is so

absurd. But again, like I said earlier, I hope 10 million of these tools come out tomorrow and that way it kind of like gets a fire lit underneath anthropics to like fix this usage problem. Like this is ridiculous. So this is where I'm going to leave you. I think it's a really cool tool. Definitely check it out yourself. Easy to set up and very flexible in terms of what sort of coding agents it works with. So, let me know what you thought about this in the comments. Make sure to check out Chase AI Plus if you want to get your hands on the master class.