Back to MCP Servers
🔌

microsoft/playwright-mcp

Apache-2.0API key required

by @microsoft

32,051
GitHub

Official Microsoft Playwright MCP server, enabling LLMs to interact with web pages through structured accessibility snapshots

TypeScriptBrowser

Install

npx -y @playwright/mcp@latest

Required environment variables

PLAYWRIGHT_MCP_SECRETSet in your MCP config

claude_desktop_config.json

claude_desktop_config.json
{
  "mcpServers": {
    "microsoft-playwright-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp@latest"
      ],
      "env": {
        "PLAYWRIGHT_MCP_SECRET": "<YOUR_PLAYWRIGHT_MCP_SECRET>"
      }
    }
  }
}

Add this to your Claude Desktop config file. Find it at ~/Library/Application Support/Claude/claude_desktop_config.json on macOS.

More TypeScript MCP servers

🔌

upstash/context7

📇 ☁️ - Up-to-date code documentation for LLMs and AI code editors.

🔌

agent-infra/mcp-server-browser

📇 🏠 - Browser automation capabilities using Puppeteer, both support local and remote browser connection.

🔌

GLips/Figma-Context-MCP

📇 🏠 - Provide coding agents direct access to Figma data to help them one-shot design implementation.

🔌

TypeScript MCP SDK

The official TypeScript SDK for Model Context Protocol servers and clients

CLAUDE.md rules for TypeScript

▲Next.js Expert💚Vue.js Composition API🔴Angular Enterprise
Browse all CLAUDE.md rules →