Skip to main content
Ievgen Kovalevskyi: your site like 100 others? Here's the fix — 4 skills

Your Site Looks Like 100 Others? 4 Skills That Make Design Unique

Your site looks like 100 others? 4 GitHub skills for Claude Code make design unique — matched to your branding, brand book and style. Each one explained.

Anyone can build a website in 2026. Claude Code, Codex, any AI builder — and the page is ready by evening. I do it myself. Building a site stopped being the problem a while ago. The problem is that all these sites look the same.

Open ten AI-built sites and you will see the same kit: purple gradient, Inter font, a "Get started" button, numbers and headlines pinned to the left edge, standard blocks one after another. Your site is indistinguishable from the neighbors in that lineup. It drowns among a million identical ones — and sells nothing.

I found the fix on GitHub: 4 open-source skills for Claude Code — Impeccable, Taste Skill, Animation Skill, and UI UX Pro Max. Each repairs its own slice of design: rules, taste, motion, system. Together they assemble a site that looks like your brand, not like a template. Below is a breakdown of each skill, with direct links.

Clone sites: where it hurts

Business owners learned to build sites themselves. That is a fact, and it is a good one: no waiting on contractors, no paying for every edit, no explaining the obvious. Open Claude Code, describe the task — get a site.

But look at the result honestly. AI-built sites suffer from the same diseases: identical structure, identical tricks, identical block goals. Headline to the left, numbers to the left, three columns of benefits, testimonial carousel, "leave a request" form. The copy changes — the skeleton stays.

A visitor to such a site sees no difference between you and the competitor across the street. And where there is no difference, the decision is made on price. You get dragged into a discount race you cannot win: there is always someone cheaper.

Templateness hits trust too. A person lands on the site, recognizes the skeleton down to the bone — and gets the feeling of a conveyor belt. A conveyor belt does not make anyone want to leave a request. A living, distinctive design does.

I am not saying you need to hire an expensive agency. I am saying templateness has a technical fix, and it is free.

Anatomy of a template site: recognize yours

You can spot a template in three seconds. Run your site against this list — the more matches, the deeper you are in the template:

  • hero block: purple or blue gradient, headline to the left, "Get started" or "Leave a request" button;
  • Inter font everywhere — headlines, body, buttons;
  • numbers and headlines pinned to the left edge with no visible system;
  • "benefits" block — three identical columns with icons;
  • testimonials — a carousel of identical five-star quotes;
  • thin card borders with a wide blurred shadow;
  • card inside a card — nesting for nesting's sake.

Each item alone is not a crime. The problem is they come as a package. A visitor's brain instantly reads that package as "seen it before" — and stops reading. Attention, a site's main currency, zeroes out in the first three seconds.

Worse, template sites share not only forms but goals. Every block leads to the same thing: "leave a request". Everyone says the same thing: "we're the best, we're quality". When goals are identical and forms are identical, sites have nothing to differ by — and the visitor picks on price. You wanted a site that sells; you got a site in a reverse tender: whoever is cheapest wins.

Why Claude Code draws templates

Claude Code is an excellent executor, but it has no taste. Taste is thousands of decisions made: which spacing, which type size, where the pause goes, where the accent lands. A neural net never made those decisions. It saw millions of sites and learned the most frequent pattern. The most frequent pattern is the template.

So by default you get an averaged design: safe, tidy, faceless. Claude Code does not take risks. It sets Inter because everyone sets Inter. It paints the hero in a purple gradient because thousands of landing pages did it before you. It does not know your brand is bold, or strict, or warm. Your brand book is not in its head.

Skills fix exactly this: they give Claude Code what it lacks — rules, taste, a sense of motion, and a system. These are not plugins in the usual sense. A skill is packaged experience: teardowns, rules, examples that Claude Code loads mid-work and applies to your project.

Impeccable: a design language that knows 62 AI cliches

Impeccable was built by Paul Bakaus — the same man who created jQuery UI. The repo has 87 thousand stars on GitHub, and that is no accident: the skill strikes the main disease dead-on.

Impeccable knows 62 typical AI cliches by face. Purple gradient — cliche. Inter everywhere — cliche. Thin border with a wide shadow, card inside a card, the "Get started" button — all on its blacklist. When Claude Code reaches for the familiar trick, the skill stops it and offers a higher-level solution.

The second thing Impeccable does is lock design rules at the start of a project. You describe once what the product is and what its rules are — and Claude Code sticks to them across every screen. Fonts stop drifting, spacing stops floating, the style stops changing from page to page. Agencies call this a design system on a budget; here it lives right inside the project.

Third — teardown of a finished interface. The skill can take an assembled screen, pull it apart, refine the details, fix the fonts, add motion where it is missing. I ran my own builds through it: the difference between "before" and "after" is the difference between a draft and a release.

In short: Impeccable is an editor with character, sitting next to Claude Code and refusing to let it be lazy.

What this gives your site in practice: the "built by a robot" markers a visitor reads unconsciously disappear. The site stops looking like a thousand neighbors before anyone reads the first word. The first impression becomes "someone thought about this", not "this was generated".

Taste Skill: taste instead of eyeballing it

Taste Skill was assembled from a teardown of the 247 best websites in the world. 102 thousand stars. The idea is simple and strong: taste can be decomposed.

Here is how it works. You describe the task — and the skill offers not one option but three directions out of twenty possible, then picks the right one. You get a deliberate style choice for your task, not "like everyone else".

Then comes the most interesting part. Taste Skill opens the assembled page in a browser itself: on a phone, on a tablet, on a laptop. It looks at its own screenshots through a user's eyes and fixes what it finds. Up to three rounds of checks. That is what a living designer does before handing off a mockup — only here it is automated.

And the skill's cardinal rule: if the result looks like a typical AI landing page, it fails the check. The work goes back for revision. Imagine an art director on your team who never gets tired and never says "good enough".

For a business owner this means something concrete: the site stops looking assembled-in-an-evening. There is a sense that someone thought about it: picked a rhythm, placed the accents, checked every screen.

The practical effect: three directions to choose from turn design from a lottery into a decision. You do not accept what came out — you pick from deliberate options. And the automatic check across three devices closes the eternal pain of "it looked fine on my laptop, but it breaks on the client's phone".

Animation Skill: motion without the jank

Animation Skill comes from Emil Kowalski. He worked at Vercel and Linear and built the Sonner and Vaul libraries you have surely seen in modern interfaces. 49 thousand stars.

Animation is where templateness shows the hardest. Either there is none at all and the site looks dead. Or there is, but it janks: everything flies in from the left, everything bounces, everything blinks. Both scream "a robot built me".

The skill operates on exact numbers, not feelings: button — 100–160 milliseconds, tooltip — 125–200, modal — 200–500. Smooth ease-out at the end of the motion, no sharp jerks. A button squeezes slightly on press instead of jumping. This is the level of detail a business owner rarely reaches — yet the visitor feels the difference without knowing why.

Right animation does two things: it directs attention and it signals quality. When an interface moves precisely and with restraint, the brain reads it as expensive work. When everything janks — as a hack job.

In practice it converts silently: the visitor does not think "what a nice button animation", they simply feel the site can be trusted. Trust is what turns a visit into a request.

UI UX Pro Max: an entire design base in one file

UI UX Pro Max is the heaviest of the four: 140 thousand stars, 192 palettes, 74 font pairings, 119 usability rules, 79 styles. This is less a skill, more a library.

The approach here is different: the skill does not invent, it finds the best fit for your task. Type "coffee shop" — get the matching style, colors, fonts, and a list of what to avoid. Type "law firm" — get a completely different set. The decisions come from dissected practice, not from the neural net's imagination.

Everything found gets compiled into a single file — a finished design system for your project. Palette, font pairings, rules, component styles: one document Claude Code leans on with every next build. Design stops depending on the model's mood on a given evening.

For business this is the most practical part: you set the visual language once — and every page, every new section speaks it from then on. The site grows instead of sprawling.

What those numbers mean in practice: 192 palettes mean the color decision gets made, not assigned. 74 font pairings mean headlines and body combine deliberately. 119 usability rules mean the visitor never trips over small things. Each of these numbers is a decision you did not have to make blind.

How the four skills work together

Each skill alone is a strong tool. Together they cover design end to end:

  • Impeccable sets the rules and keeps the work from sliding into cliches;
  • Taste Skill picks the styling and checks the result through a user's eyes;
  • Animation Skill adds precise, restrained motion;
  • UI UX Pro Max compiles everything into one system that lives in the project.

The order is exactly that: rules first, then taste, then motion, then system. The output is a pipeline that produces a site with character. Not "a site like everyone's, only with a different logo" — an interface you can recognize.

One thing matters: the skills do not argue with each other. They solve different problems at different levels, and you can install all four at once. That is what I do.

What it looks like in practice: a worked example

Take the task the skills describe themselves: a coffee shop website. Not a real case — an illustration of the mechanics, so you can see where each skill works.

You describe to Claude Code: a coffee shop, warm, own roast, guests come to work and meet. Without skills you would get the standard kit: gradient hero, three "why us" columns, testimonial carousel.

With skills the chain is different. Impeccable first locks the rules: a warm palette instead of the purple gradient, a font pairing with character instead of Inter everywhere, a ban on card-in-card. UI UX Pro Max picks a concrete palette for "coffee shop" from its 192, a font pairing from its 74, a list of tricks to avoid. Taste Skill offers three stylistic directions out of twenty — say, "Scandinavian minimalism", "warm craft aesthetic", "urban loft" — and helps pick the one that fits your brand. Then it opens the build on a phone, a tablet and a laptop itself, and fixes what broke. Animation Skill tunes the motion: the "Book a table" button responds in 100–160 milliseconds, the menu opens smoothly, nothing jumps.

The output is a site you cannot confuse with anything: warm, distinctive, yours. Same content, same blocks in meaning — a completely different impression. That is what "design for the brand" means in practice.

Frequently asked questions

Does this replace a designer? No. Skills speed up the routine and hold the bar, but you set the brand's character and a human sets the strategy. If you have a designer, the skills become their accelerator: drafts and checks get done faster. If you do not, the skills cover the typical tasks: rules, taste, motion, system.

Do I need to code? No. You describe the task and the brand in words — the way you already do when building sites with Claude Code. The skills work inside that same process: you say what is needed, they make sure it comes out untemplated.

What if I use something other than Claude Code? These four skills are built for Claude Code. For other tools, check the authors' repo docs — I describe what I verified myself.

How long does it take? Installation is once; then the skills run in the background of every project. An Impeccable pass over a finished screen takes minutes. Taste Skill's three check rounds run automatically while you drink your coffee. This is not a separate project — it is a new way of working.

Does it cost anything? All four are open GitHub repos. Links at the end of the article.

Where to start

All four skills are open GitHub repos. Links are at the end of the article; installation is documented by the authors. They install into Claude Code and start working from the very first project.

My advice on order: start with Impeccable — it gives the most visible effect immediately, because the first thing it does is kill the cliches. Then add UI UX Pro Max to lock the system in. Bring in Taste Skill and Animation Skill once the base stands: taste and motion land far better on ready-made rules.

And one practical note: the skills do not cancel your involvement. You still decide what character the business has — bold, calm, premium. The skills translate that character into concrete design decisions. The more precisely you describe the brand, the more precise the result.

When this does not fit

Honest about the limits. If the site is an internal tool seen by three employees — a design system is overkill, a template will do.

If you already have a designer running the brand book and drawing the system by hand — the skills will not replace them. They speed up the routine, but a human still sets brand strategy.

If you need not an interface but a video or a 3D scene — those are different tools; the skills are about screens and the motion inside them.

In every other case — website, landing page, online store, expert page — the four skills fully close the "why does mine look like everyone's" question.

Bottom line

Template design is not a verdict and not a reason to hire an agency. It is a technical problem with a technical fix: 4 open skills for Claude Code. Impeccable removes the cliches and holds the rules. Taste Skill adds taste and verifies the result. Animation Skill brings precise motion. UI UX Pro Max compiles it all into a system under your brand.

Your site stops being one of a million. It becomes yours: with your character, your brand book, your style. And that is no longer about beauty — it is about requests.

Sources