
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