Microsoft · VS Code (GitHub Copilot)
Add the Playwright MCP server to VS Code (GitHub Copilot)
Drive a real browser through Playwright using accessibility snapshots instead of screenshots.
1. Add the server
Run in your terminal
code --add-mcp '{"name":"playwright","command":"npx","args":["-y","@playwright/mcp"]}'2. Sign in
VS Code opens the sign-in flow when Copilot first calls a remote OAuth server. Playwright runs locally; set any credentials Microsoft asks for before starting VS Code (GitHub Copilot).
3. Try it
Ask VS Code (GitHub Copilot) for something Playwright can do. Drive a real browser through Playwright using accessibility snapshots instead of screenshots. Approve the first tool call and check the result before allowing write actions automatically.
- · mcp.json uses a top-level servers key, not mcpServers.
- · code --add-mcp installs a server into your user profile from the terminal.
FAQ
- How do I add the Playwright MCP server to VS Code (GitHub Copilot)?
- Run: code --add-mcp '{"name":"playwright","command":"npx","args":["-y","@playwright/mcp"]}'. VS Code opens the sign-in flow when Copilot first calls a remote OAuth server.
- Is this the official Playwright MCP server?
- Yes. It is published by Microsoft as io.github.microsoft/playwright-mcp in the official MCP registry.
- Does the Playwright MCP server need an API key?
- It runs locally from a package. See Microsoft's docs for any credentials it needs.
Links
Playwright in other clients
More browser automation for VS Code (GitHub Copilot)
Work at Microsoft?
Feature Playwright across the directory and its category from $49/month.
Reviewed Oct 5, 2026. Command generated from the registry record and checked against VS Code (GitHub Copilot)'s documented syntax.