Ask a coding agent for a landing page and you get the same page everyone gets: cream background, big serif, one word in italic orange. Design skills exist to fix that.

We took the 8 most popular design packs (by GitHub stars, October 2026) and gave each one the same brief, in a fresh session:

The packs that review or polish instead of building ran on the page Claude made with no skill. Here are the heroes side by side:

frontend-design is the most installed design skill there is, with 974K installs. Before writing code, it makes the agent plan a look for this product: a few named colors, typefaces and a layout. Then it checks the plan against a list of AI defaults and changes anything that matches.

The defaults it bans:

Without the skill, Claude produced default #1 almost exactly. With it, Claude chose a condensed typeface on grey-green and built the hero around what the product does: a live timer and a day of client time blocks. It also screenshotted its own page at three widths and fixed a broken headline and a mobile overflow.

Use it for any new page or UI. It took 3 minutes instead of 2.5. The agent still invents copy, clients and prices, so read the page before you ship it.

ui-ux-pro-max is a design-system generator. Describe your product and it searches its own database for a matching style, palette, font pairing and list of mistakes to avoid. The database covers 192 product types and 74 font pairings.

For Hourglass, it returned a full system in one search:

The page that came out of it is careful: large tap targets, visible focus, good contrast, a screen-reader summary for the chart. It's also the most conventional page in the test. It has a pill badge, one colored word in the headline, a fake app window and a logo strip claiming "6,000+ designers".

Use it when you need a consistent, accessible system quickly. Skip it if standing out is the goal: matching your product to a category gives you that category's typical look.

taste-skill is a set of 13 skills against generic AI frontends. The main one lets you set three dials from 1 to 10 for how experimental the layout is, how much it moves and how dense it is. A separate redesign-existing-projects skill audits a page you already have and fixes it.

Our result had a heavy grotesk headline, burnt orange as the only accent, and a working timer card floating over a laptop photo. Below the fold there's a feature grid with a working revision counter, pricing, an FAQ and a signup form with real error states.

The type is the best part. The layout is a common pattern, and the photo is a random stock image. Swap in a real product screenshot and the page gets much better.

Use it for landing pages and portfolios. By its own description, it's not for dashboards or app UI.

Impeccable is our pick for fixing what you already have. It's one skill with 24 commands: /audit, /polish, /critique, /typeset, /bolder, /quieter and more. It also comes with a detector that flags AI design tells without asking a model.

We ran /audit on the no-skill page. In 2 minutes it scored the page 10/20 and found problems you'd only notice on a real phone:

Then /polish fixed them in 2.5 minutes:

It kept the look on purpose. It also refused to invent proof: the fake logos and testimonial stayed, flagged as "needs your input".

On our own Control Panel page, the same two commands turned a generic layout into one that looks like the product:

Use it before you ship any page. More on it in our stack .

Emil Kowalski is the design engineer behind Sonner and Vaul. His pack teaches the agent what makes an interface feel good: easing, timing, what to animate and what to leave still.

We asked /emil-design-eng to improve the interactions on the no-skill page. It clicked through everything in a browser and made 21 changes, each with a reason:

The reasons read like a senior design engineer's review:

It also fixed a real bug: the timer fell behind whenever the tab was in the background.

Use it when the page works but feels flat. It doesn't touch layout, color or type, so pair it with one of the packs above.

Hallmark picks a page structure and one of 21 themes, then checks the result against 57 "slop" rules. It remembers what it built, so the next page gets a different layout.

It chose a story structure: the page follows one freelancer's week in four stages. The theme is warm paper and a light serif. It's the most restrained page in the test, and the only one that didn't make up stats or testimonials : every number is labelled "sample data".

The catch: cream, a serif and one accented word is close to the default frontend-design bans.

Use it if honesty and restraint fit your brand. Answer its three opening questions: that's where the theme comes from. Browse the example pages first.

huashu-design never gives you one page. It always builds three different directions and lets you pick, each from a different starting point:

Direction C is the most original page in this whole test. It's a Dieter Rams-style instrument where each grain of the hourglass is 10 minutes of a client retainer, and the sand turns rust at 80%. Direction B fell back into the cream-serif default. Getting to choose beats getting one page and hoping.

Use it when you're still looking for your product's look. It costs about three runs: 8.5 minutes and about $4.20 of usage at API prices, against about $1 for the others. The author's video is in Chinese, but the skill works in English. It also makes slides, prototypes and animations.

designer-skills is the broadest pack here: 273 skills for the work around the pixels, like research plans, design systems, UX strategy and critique. Most of it produces specs and reviews, not code.

We ran its visual critique on the no-skill page. In 1.5 minutes it listed 16 issues by priority, each with a fix:

It matched Impeccable's contrast numbers exactly, and it caught things the audit didn't:

Use it for a second opinion before a launch. Install only the plugin you need: all 33 at once floods the agent.