Best Claude Code Skills (2026): 15 Tested & Ranked
The best Claude Code skills optimize your coding workflow, enforce engineering discipline, and sharpen design output — and the ecosystem has exploded past the point where you can install everything and hope. This guide ranks 15 of the best Claude Code skills for 2026, from Anthropic's official set to the community skills and plugins developers actually keep installed, each with a source link, live GitHub star count, and a copy-paste install command.
Last updated: July 2026. Star counts are pulled fresh from GitHub and change constantly — treat them as a snapshot.
A note on scope: some of the most popular entries below are technically plugins that bundle skills rather than single SKILL.md skills. Because the community (and Google) treats them as part of the same category, we include them and tag each entry so the label always matches the install command. If that distinction is new to you, our guides to Claude Code skills and Claude Code plugins, plus the skills vs. plugins vs. agents vs. MCP breakdown, lay it out.
The 15 Best Claude Code Skills at a Glance
| # | Skill | Type | Best for |
|---|---|---|---|
| 1 | Frontend Design | Skill (+ plugin) | Distinctive, non-generic UI |
| 2 | Superpowers | Plugin | A full plan → spec → TDD workflow |
| 3 | Skill Creator | Skill | Building your own skills |
| 4 | Claude Mem | Plugin | Persistent memory across sessions |
| 5 | Planning with Files | Skill | Plans that survive context loss |
| 6 | Context7 | Plugin | Up-to-date library documentation |
| 7 | Grill Me | Skill | Pressure-testing a plan or design |
| 8 | Vercel React Best Practices | Skill | React / Next.js code quality |
| 9 | Caveman | Plugin | Cutting token cost on long runs |
| 10 | webapp-testing | Skill | Validating web apps in a browser |
| 11 | Playwright | Skill (+ plugin) | Browser automation & E2E tests |
| 12 | mcp-builder | Skill | Scaffolding MCP servers |
| 13 | security-guidance | Plugin | Catching insecure code before you see it |
| 14 | theme-factory | Skill | Professional color & type themes |
| 15 | Skill Seekers | Skill | Turning any docs site into a skill |
Table of Contents
- How We Picked
- The 15 Best Claude Code Skills
- Best Claude Code Skills for Developers and Coding
- How to Install a Claude Code Skill
- Conclusion
How We Picked
This is a curated ranking of the most useful Claude Code skills, not a lab benchmark. We weighed four signals: adoption (GitHub stars and install counts), provenance (official Anthropic skills and skills from reputable teams rank higher on trust), documented behavior (what each skill's SKILL.md and README actually claim to do), and breadth of use case (we wanted the list to cover design, workflow, memory, docs, testing, and security rather than fifteen variations on one theme).
Every star count was pulled from the GitHub API in July 2026 and is rounded. Where a skill lives inside a larger multi-skill repository, the star count reflects the whole repo, not the individual skill — we say so in those entries. We deliberately left off a few heavily-marketed toolkits whose canonical source we could not verify, because a "best skills" list is only as trustworthy as its worst citation.
The 15 Best Claude Code Skills
1. Frontend Design
Type: Skill (also an official plugin) · Source: anthropics/skills (~159k⭐) · Install: /plugin install frontend-design@claude-plugins-official
Anthropic's answer to generic "AI slop" interfaces. Frontend Design pushes Claude toward distinctive, production-grade UI — considered typography, real layout hierarchy, and restrained use of effects — instead of the default purple-gradient template. It is the single most impactful skill for anyone shipping user-facing work, which is why it consistently tops the field and shows up in Google's own AI Overview for this query.
2. Superpowers
Type: Plugin (bundles skills) · Source: obra/superpowers (~248k⭐) · Install: /plugin marketplace add obra/superpowers-marketplace then /plugin install superpowers@superpowers-marketplace
The most-starred entry on this list, and effectively a development methodology in a box. Superpowers bundles a chain of skills that walk Claude from brainstorming to a written spec to isolated git worktrees to test-driven implementation. If you have watched Claude charge ahead and build the wrong thing, Superpowers is the guardrail: it forces a plan-and-confirm rhythm before any code is written.
3. Skill Creator
Type: Skill (official) · Source: anthropics/skills (~159k⭐) · Install: /plugin install skill-creator@claude-plugins-official
The meta-skill that pays for itself. Skill Creator interviews you about a workflow, then scaffolds a well-formed SKILL.md — with a keyword-rich description so Claude actually triggers it — and can evaluate and improve existing skills. Once you have felt the value of the skills on this list, this is how you turn your own repeated prompts into permanent capabilities.
4. Claude Mem
Type: Plugin (bundles a memory skill) · Source: thedotmack/claude-mem (~86k⭐) · Install: npx claude-mem install
Persistent memory across sessions. Claude Mem compresses what happened in a session into typed observations and re-injects the relevant ones next time, so Claude remembers your architecture decisions, naming conventions, and past dead-ends instead of relearning them every conversation. On a long-running project the difference is dramatic — it is the closest thing to giving Claude a real working memory.
5. Planning with Files
Type: Skill · Source: OthmanAdi/planning-with-files (~25k⭐) · Install: /plugin marketplace add OthmanAdi/planning-with-files then /plugin install planning-with-files@planning-with-files
Crash-proof planning. This skill has Claude write its plan to markdown files and check items off as it goes, so the work survives a /clear, a context overflow, or a crash mid-task. The completion gate — Claude will not declare victory until every file-tracked step is done — is what makes it more reliable than keeping the plan in the chat, and it pairs naturally with Superpowers.
6. Context7
Type: Plugin (MCP server) · Source: upstash/context7 (~59k⭐) · Install: /plugin marketplace add upstash/context7 then /plugin install context7@context7-marketplace
The fix for Claude confidently using a library's old API. Context7 pulls version-specific, up-to-date documentation for thousands of packages straight into context on demand, so generated code matches the version you actually have installed. For anyone working with fast-moving frameworks, it eliminates a whole class of hallucinated method calls.
7. Grill Me
Type: Skill · Source: mattpocock/skills (~159k⭐ repo) · Install: npx skills@latest add mattpocock/skills, then invoke with /grill-me
Matt Pocock's antidote to Claude agreeing with everything you say. Grill Me relentlessly interviews you about a plan or design — one sharp question per turn — until every branch of the decision tree is resolved. It is the skill to reach for before you commit to an architecture, because it surfaces the assumptions you did not know you were making. (The star count is for the whole mattpocock/skills collection.)
8. Vercel React Best Practices
Type: Skill · Source: vercel-labs/agent-skills (~29k⭐ repo) · Install: npx skills add vercel-labs/agent-skills
Vercel's own React and Next.js discipline, encoded as a skill. It applies roughly 70 performance and code-quality rules whenever Claude writes, reviews, or refactors React — correct data fetching, server-vs-client boundaries, and the anti-patterns that quietly tank a Next.js app. If your stack is React, this is the fastest way to make Claude's output match production standards. (Star count reflects the full Vercel skills collection.)
9. Caveman
Type: Plugin on Claude Code (a skill elsewhere) · Source: JuliusBrussee/caveman (~86k⭐) · Install: /plugin marketplace add JuliusBrussee/caveman then /plugin install caveman@caveman
The most unusual pick, and a genuinely useful one. Caveman makes Claude reply in terse "caveman-speak" prose while keeping all code, commands, and error messages byte-exact — cutting output tokens by around 65% on long agentic runs. On big multi-step tasks that translates into real cost and speed savings, with no loss of the parts that matter.
10. webapp-testing
Type: Skill (official) · Source: anthropics/skills (~159k⭐) · Install: copy the webapp-testing folder into ~/.claude/skills/
An official skill that lets Claude drive a real browser to exercise and validate a web app — navigate, interact, and confirm the thing it just built actually works. It closes the loop between "Claude wrote the feature" and "the feature runs," and is the natural default before you reach for a heavier automation setup.
11. Playwright
Type: Skill (an official plugin also exists) · Source: lackeyjb/playwright-skill (~2.9k⭐) · Install: copy the skill into ~/.claude/skills/ (or /plugin install playwright@claude-plugins-official)
Model-invoked Playwright automation for end-to-end tests and browser tasks: navigate, click, fill forms, screenshot, and assert. The community skill is a lightweight drop-in; the official Playwright plugin wraps the full Microsoft Playwright MCP if you want the heavier toolset. Either way, it is the go-to for real browser testing inside Claude Code.
12. mcp-builder
Type: Skill (official) · Source: anthropics/skills (~159k⭐) · Install: copy the mcp-builder folder into ~/.claude/skills/
If you want to connect Claude to an external tool or API, you need an MCP server — and mcp-builder scaffolds one for you. It is the official, opinionated starting point for wiring up Model Context Protocol integrations without hand-writing boilerplate, and a great companion to Skill Creator when you are extending Claude Code yourself.
13. security-guidance
Type: Plugin (official, enabled by default) · Source: claude-plugins-official · Install: /plugin install security-guidance@claude-plugins-official
Anthropic's first-party security reviewer, which quietly checks Claude's diffs for injection, XSS, SSRF, exposed secrets, IDOR, and auth-bypass patterns before the code ever reaches you. It ships enabled by default in recent Claude Code, so many users already have it — but it is worth knowing it is there and keeping it on. (It is bundled in the official marketplace, so it has no standalone star count.)
14. theme-factory
Type: Skill (official) · Source: anthropics/skills (~159k⭐) · Install: copy the theme-factory folder into ~/.claude/skills/
A design-focused official skill that applies coherent, professional font and color themes to artifacts and generated interfaces. Paired with Frontend Design, it takes output from "structurally good" to "actually looks designed" — useful for anyone producing dashboards, docs, or demo UIs who does not want to hand-tune a palette every time.
15. Skill Seekers
Type: Skill · Source: yusufkaraaslan/Skill_Seekers (~14k⭐) · Install: clone the repo and run its converter (see the README)
The force-multiplier that turns any documentation site, GitHub repo, or PDF into a Claude skill. Point it at a framework's docs and it packages them into a reusable skill Claude can load on demand — effectively letting you build a bespoke Context7 for tools that are not indexed anywhere. It is the most leveraged way to extend the list on this page with skills tailored to your own stack.
Best Claude Code Skills for Developers and Coding
If you are optimizing purely for writing and shipping code, the best Claude Code skills for coding cluster into four jobs — and the same core stack is the best Claude Code skills for developers on essentially any framework. For code quality, install Vercel React Best Practices (or your framework's equivalent) and security-guidance so Claude's output meets a standard by default. For workflow discipline, Superpowers and Planning with Files stop it from running ahead and losing the thread. For accuracy, Context7 and Claude Mem keep it current on your libraries and consistent with your past decisions. And for verification, webapp-testing and Playwright let it prove the code runs. That five-to-six skill stack is a strong default for most coding setups; layer the design and utility skills on top as your work demands.
For a wider view of the category — including skills packaged inside larger bundles — see our tested roundup of the best Claude Code plugins, since many top skills ship that way. Vertical deep-dives on Superpowers, the Frontend Design plugin, and using Claude Code for code review go further on the standouts above.
How to Install a Claude Code Skill
Two paths cover almost everything on this list:
- Plugin install. If a skill ships as a plugin, add its marketplace and install it:
/plugin marketplace add <owner>/<repo>, then/plugin install <name>@<marketplace>. Official skills use the auto-registered marketplace, so/plugin install <name>@claude-plugins-officialworks out of the box. - Standalone skill folder. If it is a plain
SKILL.mdfolder on GitHub, copy that folder into~/.claude/skills/for personal use (available in every project) or.claude/skills/inside a repo (travels with that project). Some community skills also support thenpx skills add <owner>/<repo>installer.
After installing, restart Claude Code or run /reload-plugins, then confirm the skill responds — either by invoking it directly with its slash command or by giving it a task that matches its description. For the full walkthrough with troubleshooting, see how to add skills to Claude Code. To browse well beyond this list, the Claude Code skills guide and the community "awesome" lists — ComposioHQ/awesome-claude-skills and travisvn/awesome-claude-skills — are the best starting points.
Conclusion
The best Claude Code skills in 2026 are the ones that fix a real gap in the default experience: distinctive design (Frontend Design, theme-factory), disciplined workflow (Superpowers, Planning with Files, Grill Me), durable memory and current docs (Claude Mem, Context7), verification (webapp-testing, Playwright), and safety (security-guidance) — plus meta-skills (Skill Creator, mcp-builder, Skill Seekers) that let you build the rest yourself. Start with three or four that match your biggest pain point, install them in a couple of minutes, and add from there.
Skills are only half the story, though — most of them are distributed inside plugins, so once you have a stack you like, the best Claude Code plugins roundup and the Claude Code skills guide are the natural next reads.
Related Resources
Frequently Asked Questions
-
Yes, for anyone using Claude Code regularly. A skill turns a repeated prompt, checklist, or workflow into a reusable capability that loads only when relevant, so it costs almost no context until used. The highest-value skills — persistent memory, up-to-date documentation, front-end design guidance, and planning that survives context loss — measurably improve output quality and cut wasted turns. Because most skills are free and install in seconds, the cost of trying one is low and the upside is compounding.
-
Our top picks for 2026 are Frontend Design (distinctive UI generation), Superpowers (a full plan-spec-test workflow), Skill Creator (build your own skills), Claude Mem (persistent cross-session memory), Planning with Files (crash-proof plans), and Context7 (fresh library docs on demand). The full ranked list of 15 below covers official Anthropic skills, standout community skills, and a few marquee plugins that bundle skills, each with a source link, star count, and install command.
-
The "awesome Claude skills" GitHub lists are community-maintained directories of skills worth installing. The largest are ComposioHQ/awesome-claude-skills (~67k stars) and travisvn/awesome-claude-skills (~14k stars), plus alirezarezvani/claude-skills, which bundles hundreds of skills, agents, and commands. They are the best place to browse beyond the official set, and most of the community skills in this article are sourced from them.
-
There are two main paths. If the skill ships as a plugin, run /plugin install
@ after adding its marketplace with /plugin marketplace add / . If it is a standalone SKILL.md folder on GitHub, copy that folder into ~/.claude/skills/ for personal use or .claude/skills/ inside a project, or use a community installer like npx skills add / . After installing, restart or run /reload-plugins and confirm the skill responds. -
Almost all of them are. The official Anthropic skills and the vast majority of community skills are open source and free to install from GitHub or the official marketplace. A few skills wrap a paid external service — for example, some documentation or data connectors need an API key — but the skill itself is free and only the underlying service costs money. You still need a Claude Code subscription or API access to run them.
-
A skill is a single capability defined by a SKILL.md file. A plugin is a distribution package that can bundle many skills together with subagents, hooks, and MCP servers. Some of the most popular entries people call "skills" — like Superpowers or Context7 — are technically plugins that bundle skills. In this list we tag each entry as a Skill or a Plugin so the label matches its install command.
Join 50k+ subscribers
Web dev, SaaS, growth & marketing. Weekly.
Keep Learning
More articles you might find interesting.