# Best Claude Code Skills (2026): 15 Tested & Ranked > The best Claude Code skills for 2026, ranked: 15 picks with what each does, GitHub stars, and copy-paste install commands — from official to community. Source: https://designrevision.com/blog/best-claude-code-skills --- 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](/blog/claude-code-skills) and [Claude Code plugins](/blog/claude-code-plugins), plus the [skills vs. plugins vs. agents vs. MCP breakdown](/blog/claude-code-skills-vs-plugins-vs-agents), 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 1. [How We Picked](#how-we-picked) 2. [The 15 Best Claude Code Skills](#the-15-best-claude-code-skills) 3. [Best Claude Code Skills for Developers and Coding](#best-claude-code-skills-for-developers-and-coding) 4. [How to Install a Claude Code Skill](#how-to-install-a-claude-code-skill) 5. [Conclusion](#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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/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](https://github.com/anthropics/claude-code) · **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](https://github.com/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](https://github.com/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](/blog/best-claude-code-plugins), since many top skills ship that way. Vertical deep-dives on [Superpowers](/blog/claude-code-superpowers-plugin), the [Frontend Design plugin](/blog/claude-code-frontend-design-plugin), and using [Claude Code for code review](/blog/claude-code-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 /`, then `/plugin install @`. Official skills use the auto-registered marketplace, so `/plugin install @claude-plugins-official` works out of the box. - **Standalone skill folder.** If it is a plain `SKILL.md` folder 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 the `npx skills add /` 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](/blog/how-to-add-skills-to-claude-code). To browse well beyond this list, the [Claude Code skills guide](/blog/claude-code-skills) and the community "awesome" lists — [ComposioHQ/awesome-claude-skills](https://github.com/ComposioHQ/awesome-claude-skills) and [travisvn/awesome-claude-skills](https://github.com/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](/blog/best-claude-code-plugins) roundup and the [Claude Code skills guide](/blog/claude-code-skills) are the natural next reads. --- ## Related Resources - [Claude Code Skills: The Complete Guide](/blog/claude-code-skills) - [How to Add Skills to Claude Code](/blog/how-to-add-skills-to-claude-code) - [Best Claude Code Plugins (2026): Tested & Ranked](/blog/best-claude-code-plugins) - [Claude Code Skills vs. Plugins vs. Agents vs. MCP](/blog/claude-code-skills-vs-plugins-vs-agents) - [Claude Code Plugins: The Complete Guide](/blog/claude-code-plugins)