How to install Playwright MCP Server in Windsurf
To install Playwright MCP Server in Windsurf, paste the "playwright-mcp-server" block into ~/.codeium/windsurf/mcp_config.json and refresh the MCP panel in Cascade.
Built from the published package · server updated 18 months ago
- 1
Open the MCP config
In Windsurf, open Settings, then Cascade, then MCP servers, and choose to view the raw config.
- 2
Add the server
Paste this into mcp_config.json:
{ "mcpServers": { "playwright-mcp-server": { "command": "npx", "args": [ "-y", "playwright-mcp-server" ] } } } - 3
Refresh
Click refresh in the MCP panel. The server and its tools appear in Cascade.
Config file: ~/.codeium/windsurf/mcp_config.json
MCP servers run with your permissions. If Playwright MCP Server needs an API key, add it under env in the config. Check its README.
Install Playwright MCP Server in another app
Similar servers
Control a real Chrome browser to complete any task: fill forms, extract data, book flights.
Let your AI agent operate any website through a real, logged-in browser session.
AI browser agent: browses, clicks, types, and reads real web pages from plain-English instructions.
Questions
Does Playwright MCP Server work in Windsurf?
Yes. Windsurf supports local and remote mcp servers, and Playwright MCP Server installs with the steps above.
Playwright MCP Server does not show up in Windsurf. What now?
Restart Windsurf fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.
Is Playwright MCP Server safe?
It scores 53 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.