Claude Tools9 min read

Best MCP Servers for Claude Code in 2026: Setup Guide + Top 10 Picks

The 10 best MCP servers for Claude Code developers in 2026 — with step-by-step setup instructions, real-world use cases, and recommended starter stacks.

Best MCP Servers for Claude Code in 2026: Setup Guide + Top 10 Picks

You installed Claude Code. You ran a few tasks. Then you hit the wall: Claude can't see your GitHub issues, doesn't know your database schema, and can't check your production errors. Every context switch back to another tab costs focus — and it adds up.

That's the gap Model Context Protocol (MCP) closes. MCP servers give Claude Code direct, live access to your tools — GitHub, databases, browser automation, design files, error monitoring — without you copying and pasting anything. This guide covers the 10 best MCP servers for Claude Code developers in 2026, how to install them in under five minutes each, and the right starter stack for your workflow.

What Is MCP and Why Does It Matter?

Model Context Protocol is an open standard introduced by Anthropic in late 2024. It works like a USB port for AI: any tool that implements the protocol can plug into Claude and expose its data and actions.

Without MCP, Claude Code knows only what you tell it. With MCP, Claude can:

  • Read and comment on live GitHub issues and PRs
  • Query your PostgreSQL or Supabase database in plain English
  • Run browser tests via Playwright
  • Pull real-time documentation for the exact framework version you're using
  • Monitor Sentry errors and correlate them with the code that caused them

The payoff is fewer context switches and a tighter loop between writing code and seeing its effects. As of April 2026, MCP is supported in Claude Desktop, Claude.ai (Pro), Claude Code, and the Claude API.

How to Install MCP Servers in Claude Code

MCP servers can be added at three scopes in Claude Code:

ScopeWho sees itConfig location
Local (default)Just you, current project.claude/mcp.json
UserYou, all projects~/.claude/mcp.json
ProjectEveryone on the team.mcp.json (committed)

Option 1: Claude Code CLI (Fastest)

bash# Add a server scoped to the current project
claude mcp add github --scope project

# Add a server scoped to just you (all projects)
claude mcp add context7 --scope user

# List installed servers
claude mcp list

Option 2: Edit the Config File Directly

For Claude Desktop, open:

~/Library/Application Support/Claude/claude_desktop_config.json

Add entries under mcpServers:

json{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "${GITHUB_TOKEN}"
      }
    }
  }
}

Security rule: Never hardcode tokens in config files. Use ${ENV_VAR} references and set the real value in your shell environment or a .env file that isn't committed.

Restart Claude Code after any config change. You'll see a hammer icon (🔨) in the interface when MCP tools are loaded.


Top 10 MCP Servers for Claude Code Developers

1. GitHub MCP Server (Official)

Install: claude mcp add github Package: @modelcontextprotocol/server-github

The highest-leverage MCP server for most developers. With GitHub connected, Claude can read issues, search across repositories, create PRs, review diffs, and run GitHub Actions workflows — all without leaving Claude Code.

Best for: Teams shipping code daily, open-source contributors, anyone who lives in GitHub issues. Real use: "Fix the bug described in issue #412 and open a draft PR." Claude reads the issue, finds the relevant code, makes the fix, and opens the PR — one command.

2. Context7

Install: claude mcp add context7 Package: @context7/mcp-server

Claude's training data has a cutoff. Context7 fetches live, version-specific documentation directly from source repositories at query time. No more suggestions for deprecated API methods or missing new React hooks.

Best for: Anyone working with fast-moving frameworks: React, Next.js, Tailwind, Prisma, tRPC. Real use: "How do I use the new use hook in React 19?" Context7 pulls the actual React 19 docs — not the cached training data from a year ago.

3. Playwright MCP

Install: claude mcp add playwright Package: @playwright/mcp

Browser automation inside Claude Code. Claude can navigate pages, click elements, fill forms, take screenshots, and capture network requests — which turns end-to-end testing and UI debugging from a separate workflow into a first-class part of development.

Best for: Frontend developers, QA engineers, anyone writing E2E tests. Real use: "Run the checkout flow on localhost:3000 and tell me if anything breaks." Claude opens the browser, walks through checkout, and reports failures with screenshots.

4. PostgreSQL MCP

Install: claude mcp add postgres Package: @modelcontextprotocol/server-postgres

Natural language queries against your Postgres database. Claude can analyze schema, run read queries, and — if you enable write mode — insert or update rows. Closes the loop between code changes and the data they affect.

Best for: Backend developers, data-heavy applications, debugging data issues in staging. Real use: "Show me the 10 users who signed up this week and haven't activated yet." Claude writes and runs the query, formats the results.

json{
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-postgres", "${DATABASE_URL}"]
    }
  }
}


5. Supabase MCP

Install: claude mcp add supabase Package: @supabase/mcp-server-supabase

If your stack uses Supabase, this is more ergonomic than raw PostgreSQL MCP. It understands Supabase-specific concepts: Row Level Security, Auth, Storage, Edge Functions, and Realtime subscriptions.

Best for: Supabase-based apps (very common in Next.js / indie hacker stacks). Real use: "Check if the RLS policy on the orders table allows service role writes." Claude reads the policy, compares it to your code, and flags the mismatch.

6. Sentry MCP

Install: claude mcp add sentry Package: @sentry/mcp-server

Sentry MCP connects Claude to your production error monitoring. Claude can fetch recent errors, read stack traces, and cross-reference them with the code that caused them — turning "what broke?" from a 20-minute investigation into a 30-second one.

Best for: Any production application with non-trivial error volume. Real use: "What's the top error in production this week and what's causing it?" Claude pulls the Sentry issue, reads the stack trace, finds the relevant file, and proposes a fix.

7. Figma MCP

Install: claude mcp add figma Package: @figma/mcp-server (requires Figma Dev Mode)

Turns design handoffs from screenshot-guessing into structured code generation. Claude reads actual Figma layout constraints, spacing tokens, and component properties — not a screenshot of them.

Best for: Frontend developers who implement designs from Figma. Real use: "Implement the card component from the Figma file." Claude reads the exact spacing, colors, and type styles from the design system and generates the Tailwind component.

8. Brave Search MCP

Install: claude mcp add brave-search Package: @modelcontextprotocol/server-brave-search Requires: Brave Search API key (free tier: 2,000 queries/month)

Gives Claude a live search capability. Useful when you need current information that isn't in the codebase and isn't covered by Context7 — release notes, StackOverflow threads, blog posts from this week.

Best for: Research-heavy development tasks, keeping up with ecosystem changes. Real use: "Is there a known bug in Prisma 6.2 with nested transactions?" Claude searches, finds the GitHub issue, summarizes the workaround.

9. Filesystem MCP

Install: claude mcp add filesystem Package: @modelcontextprotocol/server-filesystem

The reference server from Anthropic. Gives Claude read/write access to a specific directory path. Less necessary in Claude Code (which already has file tools), but essential in Claude Desktop for cross-project file tasks.

Best for: Claude Desktop users, scripting tasks that span multiple projects. Real use: "Scan all my projects in ~/projects and find any .env files that have OPENAI_API_KEY still in them."

10. Linear MCP

Install: claude mcp add linear Package: @linear/mcp-server

Connects Claude to your Linear workspace. Claude can read issues, update statuses, create sub-issues, and track progress — making project management a conversation rather than a tab you switch to.

Best for: Teams using Linear for issue tracking (common in early-stage SaaS). Real use: "What are the open P0 bugs on the API team right now?" Claude pulls the list, summarizes each, and can draft a Slack update from the data.

Don't install everything at once. Token overhead is real — three focused servers outperform eight scattered ones.

WorkflowCore 3 Servers
Full-stack web devGitHub + Context7 + PostgreSQL/Supabase
Frontend / design-to-codeGitHub + Context7 + Figma
Data engineeringPostgreSQL + Brave Search + Filesystem
DevOps / SREGitHub + Sentry + Brave Search
Solo indie hackerGitHub + Supabase + Context7

Start with your highest-friction context switch — the tool you tab out to most often — and add MCP for that first.

Common Setup Mistakes to Avoid

1. Hardcoding secrets in config files

Always use ${ENV_VAR} notation. Set real values in your shell profile (~/.zshrc) or a .env file excluded from git.

2. Installing too many servers at once

Each server adds to Claude's tool list, which costs tokens on every request. Five servers is the practical ceiling; three is the sweet spot.

3. Using local scope when you need project scope

If your team would benefit from the same server (e.g., Linear, Sentry), commit it at project scope in .mcp.json so everyone gets it automatically.

4. Forgetting to restart Claude Code

Config changes don't hot-reload. Restart after every edit.

5. Not checking permissions

Some MCP servers (Postgres, Filesystem) can write data. Audit what permissions you're granting before connecting to production environments.

Key Takeaways

  • MCP servers extend Claude Code with live access to your tools — no copy-pasting required
  • Install via CLI (claude mcp add) or by editing the config file directly
  • GitHub + Context7 is the universal starting point; add 1-2 more based on your specific stack
  • Three well-chosen servers beat ten generic ones
  • Always use environment variable references for secrets, never hardcoded values

Next Steps

If you're building with Claude and want to deepen your architectural knowledge, the Claude Certified Architect (CCA-F) exam covers MCP, agents, context management, and production deployment patterns.

Check out our free CCA practice questions to see where you stand — and our full practice test bank if you want to go further.

Also worth reading:

Ready to Start Practicing?

300+ scenario-based practice questions covering all 5 CCA domains. Detailed explanations for every answer.

Free CCA Study Kit

Get domain cheat sheets, anti-pattern flashcards, and weekly exam tips. No spam, unsubscribe anytime.