MCP servers for VS Code

Where VS Code keeps MCP servers

One workspace

.vscode/mcp.json

Every workspace

Command Palette: MCP: Open User Configuration

Guided

Command Palette: MCP: Add Server

How to add an MCP server to VS Code

1. Open the server's listing here and copy its VS Code snippet.
2. Paste it into .vscode/mcp.json (create the file if it is missing), or run MCP: Add Server from the Command Palette and follow the prompts.
3. Open Copilot Chat, switch to Agent mode, and pick the server's tools from the tools list. VS Code shows a start button above each server in mcp.json.

{
  "servers": {
    "filesystem": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/folder"
      ]
    }
  }
}

{
  "servers": {
    "example": {
      "type": "http",
      "url": "https://mcp.example.com/mcp"
    }
  }
}

• 
  Browser Use

  Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.
  not reviewed
  Widely used
  A
• 
  REA

  Reverse engineer anything from your terminal or agent with one CLI and MCP server.
  not reviewed
  Widely used
  A
• 
  Context7

  Up-to-date docs for AI agents
  not reviewed
  Widely used
  A
• 
  Playwright

  Playwright Tools for MCP
  not reviewed
  Widely used
  A
• 
  Scrapling MCP Server

  Web scraping with stealth HTTP, real browsers, and Cloudflare bypass. CSS selectors supported.
  not reviewed
  Widely used
  A
• 
  Chrome DevTools MCP

  MCP server for Chrome DevTools
  not reviewed
  Widely used
  B
• 
  Repomix

  Pack local or remote codebases into AI-friendly files that LLMs and coding agents can read or search
  not reviewed
  Widely used
  A
• 
  SeleniumBase MCP

  Stealthy browser automation, testing, and web-scraping via CDP Mode.
  not reviewed
  Widely used
  A
• 
  e2e

  Open live web and mobile app sessions from an e2e project to inspect the app and try locators.
  not reviewed
  Widely used
  A
• 
  Supabase

  MCP server for interacting with the Supabase platform
  not reviewed
  Widely used
  A
• 
  Next AI Draw.io

  draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
  not reviewed
  Widely used
  A
• 
  Firecrawl MCP Server

  Firecrawl, the context API for AI agents: search, scrape, interact with the web, plus paper search.
  not reviewed
  Widely used
  A
• 
  Claude Flow

  AI orchestration with hive-mind swarms, neural networks, and 87 MCP tools for enterprise dev.

  More from ruvnet →
  not reviewed
  Widely used
  B
• 
  Figma Context

  Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
  not reviewed
  Widely used
  B
• 
  agent-device

  Let AI agents inspect, control, and debug real iOS, Android, desktop, and TV apps
  not reviewed
  Widely used
  A

Before you connect one

• VS Code's key is servers, not mcpServers. Pasting another client's snippet unchanged is the most common reason a server does not load.
• Use the inputs section of mcp.json for API keys, so VS Code prompts for them instead of storing them in a file you commit.
• Check the server's safety report first: which tools write, whether a remote endpoint needs auth, and what a package runs when it installs. What the scan checks.

Questions people ask

How do I add an MCP server to VS Code?

Put it in .vscode/mcp.json under servers with a type (stdio or http), or run MCP: Add Server from the Command Palette.

Does GitHub Copilot support MCP?

Yes. Copilot's agent mode in VS Code uses the servers in mcp.json, and you choose which of their tools it may use.

Why is my MCP server not working in VS Code?

Check you used servers, not mcpServers, that each server has a type, and that the command runs in your terminal.