Model Context Protocol

MCP lets AI models like Claude connect to real tools — file systems, databases, APIs, and more. Build powerful AI workflows without writing complex integrations.

What is MCP?

Model Context Protocol (MCP) is an open standard developed by Anthropic that lets AI assistants securely connect to external data sources and tools.

Think of it like a USB standard for AI — instead of building a custom integration for every tool, MCP gives you one universal way to connect Claude to anything.

Open Standard Secure Extensible Local or Remote
claude_desktop_config.json
{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/Users/you/Desktop"
      ]
    }
  }
}

Popular MCP Servers

Drop these into your Claude Desktop config and unlock new capabilities instantly.

Filesystem
@modelcontextprotocol/server-filesystem

Read, write, and navigate files on your local machine. Claude can open documents, edit code files, and organize folders.

"command": "npx",
"args": ["-y",
  "@modelcontextprotocol/server-filesystem",
  "/your/path"]
GitHub
@modelcontextprotocol/server-github

Search repos, read files, create issues and pull requests, and manage GitHub directly from Claude.

"command": "npx",
"args": ["-y",
  "@modelcontextprotocol/server-github"],
"env": {"GITHUB_TOKEN": "ghp_..."}
SQLite
@modelcontextprotocol/server-sqlite

Query and update SQLite databases using plain English. Claude writes and runs the SQL for you.

"command": "npx",
"args": ["-y",
  "@modelcontextprotocol/server-sqlite",
  "--db-path", "/path/to/db.sqlite"]
Fetch (Web)
@modelcontextprotocol/server-fetch

Let Claude fetch and read live web pages, documentation, and APIs in real time during your conversation.

"command": "npx",
"args": ["-y",
  "@modelcontextprotocol/server-fetch"]
Puppeteer
@modelcontextprotocol/server-puppeteer

Control a real browser — take screenshots, fill forms, click buttons, and scrape dynamic web pages.

"command": "npx",
"args": ["-y",
  "@modelcontextprotocol/server-puppeteer"]
Memory
@modelcontextprotocol/server-memory

Give Claude persistent memory across conversations. Store facts, preferences, and notes that survive session restarts.

"command": "npx",
"args": ["-y",
  "@modelcontextprotocol/server-memory"]
Step-by-Step Guide

Install Playwright MCP Server

Let Claude control a real browser — take screenshots, fill forms, scrape pages, and automate the web.

1
Install Node.js

Download the LTS version from nodejs.org and install it. Then verify in your terminal:

node --version
npm --version
You should see version numbers — if not, restart your terminal after installing.
2
Install Playwright browsers

Run this once in your terminal to download the Chromium, Firefox, and WebKit browser binaries:

npx playwright install
This downloads ~300MB of browser files. Only needs to be done once.
3
Open your Claude Desktop config file

Find and open this file in any text editor (Notepad, VS Code, etc.):

Mac ~/Library/Application Support/Claude/claude_desktop_config.json
Windows %APPDATA%\Claude\claude_desktop_config.json
On Windows, paste the path directly into File Explorer's address bar and press Enter.
4
Add the Playwright MCP server config

Replace the contents of the file with the following (or add the "playwright" block if you already have other servers):

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp@latest"]
    }
  }
}
Want to see the browser window? Add "--headed" inside the args array.
5
Restart Claude Desktop

Fully quit Claude Desktop and reopen it. Look for the tools icon (hammer ) in the chat input area — this confirms MCP is active and Playwright is connected.

Test it — try these prompts in Claude
"Go to google.com and take a screenshot"
"Open wikipedia.org and summarize the homepage"
"Search for 'Python tutorial' on Google and list the top 5 results"
Requirements: Node.js 18 or higher  ·  The package @playwright/mcp is maintained by Microsoft  ·  Runs headless (no visible browser window) by default

How to set up MCP

Works with Claude Desktop on Mac and Windows.

  • 1
    Install Claude Desktop
    Download from claude.ai/download — available for Mac and Windows.
  • 2
    Open the config file
    Mac: ~/Library/Application Support/Claude/claude_desktop_config.json
    Windows: %APPDATA%\Claude\claude_desktop_config.json
  • 3
    Add an MCP server
    Copy any server config from the cards above and paste it inside "mcpServers": {}.
  • 4
    Restart Claude Desktop
    Fully quit and reopen Claude. You'll see a tools icon in the chat — your MCP server is live.
  • 5
    Make sure Node.js is installed
    Most MCP servers run via npx. Install Node.js from nodejs.org if you haven't already.

Resources

Everything you need to go deeper with MCP.

MCP Assistant
llama-3.1-8b-instant · MCP questions only
Ask me anything about MCP — setup, tools, config, or building your own server.