New FREE Skill just Changed Website Design Forever

**Julian Goldie** (0:00)
Today, I want to show you a new powerful skill that you can plug into Claude, and it basically makes your designs ten times better. So this solves all the AI slot problems that usually come with a vibe coded website. So, you know, there's all sorts of typical ways that you can tell a website is made by design. And this free open source skill called Hallmar, you can bring it into Claude Code, Cursor, Codex, and any other AI agent really, to create some amazing website designs. And also just to make your content and your style and everything you create look and feel far nicer than they previously. And there's also some custom options as well, which will come on to the second. So this is a new trending GitHub. It's got 7,000 stars. If you want to install it, you can just go into Claude, whichever agent you use, and you can say, OK, install this. And you just paste in the GitHub link. Simple as that. Once you've done that, you're going to activate the skill for this. And by the way, if you are installing skills into your AI agent, always check them, check them yourself. Don't just listen to me and make sure that you're happy with it.
But I'm going to walk you through exactly how this one works. Here's some examples of websites we built earlier, and they just totally reverse the problem that you get with AI agents. So if you look at this website, it looks and feels totally different. You would never know that's been created by AI agents, and that's exactly what we want, because what we want to avoid is like the generic AI slope that we'll come on to later. And I call this system the Instant Design Department. So basically, we've got a whole design department, our director, brand designer, quality control, installed into Claude with one free demand. Your AI stops shipping websites that look like every other AI website. So you can get the most out of this stuff. Now, this solves a massive problem because really we've got something called the same site problem now with AI. So easy to create AI websites, everyone creates them and they all just look the same. So if you ask any AI to build your website, you already know what comes back. You get a centered hero, you get a purple to blue gradient, you get three feature cards in a row, each with a little article. And usually like a fake stat that goes in there is it's not bad. Like it doesn't actually look bad, but it's worse than that because actually it just looks like every other website on the internet. So your visitors have seen that page like a hundred times this month because everyone else is doing the same thing. And the moment they recognize it, they stop trusting it. So the instant design department breaks that cycle for good. You might say, you know, I'm not a designer. It sounds like designer stuff. That's the whole point. You don't need to be. The department does the design stuff for you. And with this, you have a really nice loop. It actually does 57 quality control checks before it creates a website. So what that means essentially is that 57 gates in place that avoid all the problems that typically come with generic AI trashy websites. This is really a department, not a template. So hallmark is free open source skill. It's a rule book that your AI reads before it designs anything. You can see how it looks here. So if you want to check out the skill MD file itself, you can go to GitHub and you'll see the skill MD file, as you can see right here.
And then you want to think of it like hiring a design department into Clue to Code. So here's who's in the room. We've got an art director who actually asks three questions before any work starts, which is, who's this for? What's the one action? And what's the tone? And then you've got a layout plan of 21 name to page shapes, which is a hard rule to know two of your sites actually get the same one twice in a row. So even when you're using this skill, it's not even going to use the same skill twice. It's going to use a different design every time. And then you've got a brand designer with a wardrobe of 20 themes, with real palettes, nice font pairings, rotated, it's another piece. And a quality inspector who runs every page through 57 checks before you see it, which means that it runs in a loop, it's looped and it's quality controlled before it comes to you. And the purple gradients, the fake browser windows, the invented stats, the template heroes, they all get removed, which is fantastic. So you got your brief, you only plug one sentence into this.