Best skills for Frontend & Design (2026)
frontend-design is the best skill for Frontend & Design — 148k GitHub stars, 544k installs. Strong alternatives: vercel-react-best-practices and web-design-guidelines.
1902 curated skills for builders in Frontend & Design, ranked by real adoption (installs, then GitHub stars). Every pick links to install commands and trust signals.
Curated by Skillselion · ranked by adoption from the skills.sh registry & GitHub.
The top 10 skills for frontend & design
| # | Skill | Author | Repo | For | Stars | Installs |
|---|---|---|---|---|---|---|
| 1 |  frontend-designShip polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling. | anthropics | anthropics/skills | Claude Code | 148k | 544k |
| 2 |  vercel-react-best-practicesApply Vercel’s prioritized React and Next.js performance rules while you write, review, or refactor UI so waterfalls, bundle bloat, and rerenders do not slip into production. | vercel-labs | vercel-labs/agent-skills | Claude Code | 27.7k | 476k |
| 3 | web-design-guidelines Run a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work. | vercel-labs | vercel-labs/agent-skills | Claude Code | 27.7k | 390k |
| 4 |  remotion-best-practicesInstall this so your coding agent follows Remotion-safe patterns when you build programmatic marketing videos, demos, or render pipelines in React. | remotion-dev | remotion-dev/skills | Claude Code | 3.5k | 371k |
| 5 |  lark-whiteboardTag when generating Lark whiteboard documents with frames, connectors, and routing rules without schema errors from misplaced connector nodes. | larksuite | larksuite/cli | Claude Code | 0 | 230k |
| 6 |  sleek-design-mobile-appsDesign mobile app screens and manage Sleek projects via REST API using natural-language prompts and screenshots. | sleekdotdesign | sleekdotdesign/agent-skills | Claude Code | 422 | 217k |
| 7 |  ui-ux-pro-maxGive your coding agent structured UI/UX intelligence—palettes, typography, patterns, and stack-specific guidance—when you ship web or mobile interfaces without a dedicated designer. | nextlevelbuilder | nextlevelbuilder/ui-ux-pro-max-skill | Claude Code | 88.7k | 216k |
| 8 | vercel-composition-patterns Guide your coding agent through React UI work so new and refactored components use compound composition instead of growing boolean prop matrices. | vercel-labs | vercel-labs/agent-skills | Claude Code | 27.7k | 211k |
| 9 |  develop-userscriptsAuthor, debug, and publish Tampermonkey or ScriptCat userscripts with correct metadata, GM APIs, permissions, and ScriptCat-only background or subscription packaging. | xixu-me | xixu-me/skills | Claude Code | 61 | 168k |
| 10 |  impeccableRedesign or polish dashboards, landings, forms, and components with UX critique, a11y, motion, and live browser iteration. | pbakaus | pbakaus/impeccable | Claude Code | 35.9k | 160k |
Common questions
What is the best skill for Frontend & Design?
frontend-design is the top-ranked skill for Frontend & Design, with 544k installs and 148k GitHub stars — Ship polished web UI—landing pages, dashboards, or React/HTML components—with a deliberate visual direction instead of generic template styling..
What are the best alternatives to frontend-design for frontend & design?
Strong alternatives ranked just behind frontend-design are vercel-react-best-practices and web-design-guidelines. All 1902 options are compared in the table above, ranked by real adoption.
How do I install frontend-design?
Run: npx skills add https://github.com/anthropics/skills --skill frontend-design
How are these skills ranked?
By real adoption — installs first, then GitHub stars — across the 1902 curated skills in the Frontend & Design category. Data from the skills.sh registry and GitHub.
More in Frontend & Design
See every tool on the Frontend & Design hub, browse all skills, or see every best-of shortlist.