frontend-design: Anthropic's Claude frontend design skill for Claude Code

frontend-design: Anthropic's Claude frontend design skill for Claude Code

What frontend-design is

frontend-design is Anthropic's Claude frontend design skill, the lead of Anthropic skills in anthropics/skills.

In Skillselion catalog, as of 17 Aug 2026: 784,427 all-time installs on skills.sh, #1 of 1,922 Design & UI skills. The repo sits near 170k GitHub stars.

How the frontend-design skill works

It is an AI frontend design skill, not a Figma importer.

Pass one

frontend-design skill Claude instructions make the agent pick purpose, tone, constraints, and one differentiator.

Pass two

Claude Code frontend design skills produce the code: HTML, CSS, JS, React, or Vue, with a type pairing, a CSS-variable color system, motion, and layout. The skill text bans Inter, Roboto, Arial, and purple-on-white gradients. Use it for landing pages and dashboards, the frontend skills Claude Code is about to write.

How to install

How to install the frontend design skill Claude path (anthropics/skills frontend-design, the skills.sh anthropics frontend-design row):

npx skills add https://github.com/anthropics/skills --skill frontend-design

Claude Code skills frontend design is this slug. frontend-design Codex and the Claude Code plugin-pack listing are separate rows. Do not fold those install counts into 784,427.

Where it fails

It will not match your tokens. It will not read Figma. It will not run a WCAG pass; that job is web-design-guidelines. Skip it for backend work, native apps, or unstyled markup. skill-creator in the same repo has 353,652 installs against 784,427, a 55% spread, so this Claude skill number is cherry-picked demand, not a pack install of anthropics/skills. 59 catalog copies of frontend-design add up to 15.2k installs.

Method

Skillselion catalog sync, 17 Aug 2026, skills.sh public leaderboard (search), not the detail endpoint.

Claude frontend design skill (frontend-design) on Skillselion

u/skillselion — 2 days ago

Drop your Top 7 claude/codex/grok Skills!

Feel free to drop your 5-7 top skills you like to use so we can ll learn from each other.

u/skillselion — 4 days ago

Top 7 Claude skills for design and UI, by install count. Seven skills, seven different authors.

  1. frontend-design, 784,427 (anthropics/skills)
  2. web-design-guidelines, 547,800 (vercel-labs/agent-skills)
  3. design-taste-frontend, 367,454 (leonxlnx/taste-skill)
  4. anti-ui-slop, 336,509 (uizze.com)
  5. ui-ux-pro-max, 318,475 (nextlevelbuilder/ui-ux-pro-max-skill)
  6. high-end-visual-design, 276,168 (leonxlnx/taste-skill)
  7. redesign-existing-projects, 272,434 (leonxlnx/taste-skill)

PS. Edited 17 Aug. Updated the list due to issues with skills.sh data.

Two things about the cut line, since any top seven is an arbitrary fence. Fifth and sixth are 42,307 installs apart, so ui-ux-pro-max and high-end-visual-design are tied in any honest reading of that gap. And impeccable, which comes up every single time design comes up, is ninth at 235,708. Not close to the top. I would rather write that down than quietly leave it out.

A count tells you people installed it and nothing at all about whether the output looks good. Design is the category where taste is the entire product, and no install number reaches taste.

Design and UI/UX category, sorted by installs, top seven. Design & UI skills on Skillselion.

u/skillselion — 4 days ago

Six different repos publish a skill called ai-image-generation. 2 million installs between them, two backends behind all of it.

  1. ai-image-generation, 568,471 (101-skills/skills)

  2. ai-image-generation, 363,147 (halt-catch-fire/skills)

  3. ai-image-generation, 299,894 (agentspace-so/runcomfy-agent-skills)

  4. ai-image-generation, 299,143 (qu-skills/skills)

  5. ai-image-generation, 246,473 (runcomfy-com/skills)

  6. ai-image-generation, 245,835 (doany-ai/skills)

Same filename, six unrelated repos, 2,022,963 installs between them.

Then look at what they actually wrap. Three route through inference.sh: 101-skills, halt-catch-fire, qu-skills. Three route through RunComfy: agentspace-so, runcomfy-com, doany-ai. Not one of the six talks to fal or Replicate directly, which is where most people start when they go looking for this.

So the ecosystem did not converge on a model or on a provider. It converged on two multi-model routers, and then six separate people wrapped those routers under the same name.

This turned up while answering someone who was shopping fal, Replicate and Runway for a Codex workflow. The install data says almost nobody went that way.

What it does not tell you is which of the six is any good. The descriptions are near-identical, and a 2.3x gap between first and last is more likely reach than quality. Six entries also means Generative Media category totals are counting one idea six times over, which is worth remembering before quoting that category at anyone.

Method: every skill matching ai-image-generation in the Skillselion catalog, sorted by installs. Duplicates are detected by name, so "identical" here means identically named and near-identically described, not byte-identical.

https://preview.redd.it/aisqxcyxbmjh1.png?width=1600&format=png&auto=webp&s=3d04fe696095f9e8107993e567121390b8fb0f1c

reddit.com
u/skillselion — 4 days ago
▲ 22 r/topclaudeskills+1 crossposts

Top 7 Claude skills for marketing and SEO, by install count. One author holds four of them.

  1. seo-audit, 185,961 (coreyhaines31/marketingskills)
  2. copywriting, 176,850 (coreyhaines31/marketingskills)
  3. music-to-video, 136,797 (heygen-com/hyperframes)
  4. viral-short-form, 132,208 (vyralcontent/content-skills)
  5. marketing-psychology, 127,770 (coreyhaines31/marketingskills)
  6. content-strategy, 123,206 (coreyhaines31/marketingskills)
  7. viral-hooks, 123,023 (vyralcontent/content-skills)

coreyhaines31/marketingskills has four of the seven. vyralcontent/content-skills has two. Six of seven from two authors, the tightest author concentration in any category I have measured.

It is still individual choice rather than a bundle. Those four coreyhaines31 entries run from 185,961 down to 123,206, a 34 percent spread, so people are pulling specific skills out of that repo instead of taking all of it.

The number I keep coming back to is the ceiling. Top marketing skill: 185,961. Top design skill: 776,052, from a category with almost exactly the same number of published skills. Same shelf space, about a quarter of the pull at the top.

I read that as a demand signal rather than a quality one. Marketing people are not short of skills to install. They are short of ones worth keeping, and the curve says most are settling for whichever pack they found first.

Marketing and SEO category, sorted by installs, top seven. Push back on any number here that looks wrong.

The full list: Claude skills for marketing and SEO, ranked by installs.

u/skillselion — 4 days ago

Top 7 Claude skills for testing, by install count. The top one is barely a testing decision.

  1. tdd, 677,535 (mattpocock/skills)
  2. migrate-to-shoehorn, 212,117 (mattpocock/skills)
  3. test-driven-development, 197,096 (obra/superpowers)
  4. prisma-postgres, 167,937 (prisma/skills)
  5. webapp-testing, 132,445 (anthropics/skills)
  6. playwright-cli, 118,994 (microsoft/playwright-cli)
  7. google-agents-cli-eval, 85,534 (google/agents-cli)

I read this wrong the first time. tdd leads by 3.2x and I took that as a verdict on the skill. It is closer to a verdict on the library around it. mattpocock/skills is one of the most installed repos anywhere in the ecosystem, with grill-me at 854,181 and three more skills above 580,000. tdd is the fourth biggest thing in a very popular library, and plenty of the people who have it went looking for planning tools.

Third place teaches the same discipline. It lives in obra/superpowers, whose largest skill is 324,730. Two libraries of different sizes, and their TDD skills come out ranked in exactly that order.

The other thing worth staring at is playwright-cli in sixth. The actual browser tool sits below four method skills.

Category assignment is loose as well. prisma-postgres is filed under Testing and is really a database skill. We take the catalog's categories as they are instead of hand-correcting them, which keeps this reproducible and lets oddities through.

Testing and QA category, sorted by installs, top seven.

The full list: Claude skills for testing, ranked by installs.

u/skillselion — 6 days ago

Top 7 Claude skills for design and UI, by install count. Seven skills, seven different authors.

Update, 18 August. Numbers below are as of 14 August and the category has moved since. Rerun today, vercel-labs holds three of the top seven here (vercel-react-best-practices, web-design-guidelines, vercel-composition-patterns), which is exactly the concentration this post says design does not have. The low-concentration finding is retracted. Leaving the original below rather than quietly restating it.


  1. frontend-design, 776,052 (anthropics/skills)
  2. web-design-guidelines, 541,180 (vercel-labs/agent-skills)
  3. lark-whiteboard, 408,746 (larksuite/cli)
  4. design-taste-frontend, 358,389 (leonxlnx/taste-skill)
  5. sleek-design-mobile-apps, 315,271 (sleekdotdesign/agent-skills)
  6. ui-ux-pro-max, 314,913 (nextlevelbuilder/ui-ux-pro-max-skill)
  7. design-guide, 300,128 (getpaperclipai/paperclip)

Seven entries, seven different repos, and it holds down to eighth place. Frontend has two authors covering five of its seven. Design is the least concentrated category I have measured, which means a new design skill competes on the work rather than against somebody's bundle.

Two things about the cut line, since any top seven is an arbitrary fence. Fifth and sixth are 358 installs apart, so sleek-design-mobile-apps and ui-ux-pro-max are tied in any honest reading of that gap. And impeccable, which comes up every single time design comes up, is eleventh at 232,320. Not close to the top. I would rather write that down than quietly leave it out.

The caveat bites harder here than anywhere else on the site. A count tells you people installed it and nothing at all about whether the output looks good. Design is the category where taste is the entire product, and no install number reaches taste.

Design and UI/UX category, sorted by installs, top seven. Counter-data is the most useful thing anyone can post here.

The full list: Claude skills for design and UI, ranked by installs.

u/skillselion — 6 days ago
▲ 12 r/topclaudeskills+2 crossposts

Top 7 Claude skills for frontend, by install count. Two repos hold five of the seven.

  1. vercel-react-best-practices, 631,348 (vercel-labs/agent-skills)
  2. vercel-composition-patterns, 288,538 (vercel-labs/agent-skills)
  3. shadcn, 271,674 (shadcn/ui)
  4. minimalist-ui, 247,075 (leonxlnx/taste-skill)
  5. develop-userscripts, 224,031 (xixu-me/skills)
  6. image-to-code, 210,463 (leonxlnx/taste-skill)
  7. vercel-react-native-skills, 187,251 (vercel-labs/agent-skills)

Method first, because a ranking is only worth as much as it: every skill filed under Frontend in the Skillselion catalog, sorted by installs, top seven. Nothing hand-picked.

Vercel takes three of the seven. leonxlnx/taste-skill takes two. Five from two authors.

The fair question is whether that is five decisions or two. The gaps answer it. Vercel's three run 631,348, then 288,538, then 187,251, a 70 percent spread inside one repo. If people were installing the repo wholesale those numbers would sit almost on top of each other. They do not, so this is individual choice, and first place really did beat its own sibling by 343,000.

shadcn is the only name here that people were already using before agent skills existed. Everything else was written for agents from the start.

Installs measure adoption, not quality, and nobody publishes uninstall data, ours included. If a number looks off, say so and I will pull it again.

The full list: Claude skills for frontend, ranked by installs.

u/skillselion — 6 days ago

The 7 most installed Claude skills, every category. Number one is a skill for finding skills.

  1. find-skills, 2,948,790 (vercel-labs/skills)
  2. grill-me, 854,181 (mattpocock/skills)
  3. frontend-design, 776,052 (anthropics/skills)
  4. grill-with-docs, 726,658 (mattpocock/skills)
  5. improve-codebase-architecture, 700,961 (mattpocock/skills)
  6. tdd, 677,535 (mattpocock/skills)
  7. agent-browser, 672,108 (vercel-labs/agent-browser)

find-skills sits at 2.9 million, nearly 3.5x the next one down. Its whole job is finding and installing other skills. The most adopted thing in the ecosystem is the thing that solves discovery, which tells you something about how bad discovery is.

Four of the seven come from mattpocock/skills. Before reading that as one bundled install counted four times, check the spread inside the repo: its eight ranked skills run from 854,181 down to 212,117. People are pulling individual skills out of it, not taking the whole library. The concentration is reputation, not bundling. There are repos where it genuinely is bundling and you can spot them from the numbers, but that is its own post.

Nothing in the seven is a framework or a language. No React, no Python, no Postgres. The top of the ecosystem is planning, code review, testing discipline and browser control. Habits, not stacks. I did not expect that and I am still chewing on it.

Ranked by installs across the whole Skillselion catalog, no category filter, top seven. Installs mean people tried it, nothing more, and nobody publishes uninstall data including us.

The full ranking: every Claude skill, ordered by install count.

u/skillselion — 6 days ago

What this sub is, and how to read the install numbers

Most "best Claude skills" lists are somebody's opinion with a number bolted on. This sub is the opposite. Every ranking here starts from install counts, and every ranking says what those counts do not prove.

What gets posted

Top 7 per category, one category at a time: SEO, frontend, design, marketing, writing, devops, testing, security, data. Research on what the numbers show across categories. Deep dives on how a single high-install skill actually works, including where it fails.

How to read install counts

They measure adoption, not quality. Three things distort them constantly:

Some packs carry their members, most do not. If a repo's skills all show near-identical counts, the whole repo went in as one install and the number is measuring the repo. If they are spread wide, people picked individually and the number is measuring the skill. We check that spread before citing anything, and we say which case a ranking is.

Age compounds. A skill published six months ago has had six months to accumulate installs. New and good looks identical to old and abandoned if you only read the total.

Installs are not retention. Nobody publishes uninstall data, ours included. A high count tells you people tried it.

Where the data comes from

Skillselion, a directory of community Claude skills. Treat the rankings as a starting point and check the skill against your own project before trusting it. If a number here looks wrong, say so in the comments and I will recheck it.

Corrections and counter-data are the most useful thing you can post here.

reddit.com
u/skillselion — 6 days ago