Microsoft's browser automation server that drives web pages through Playwright accessibility snapshots instead of screenshots or vision models.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add playwright -- npx @playwright/mcp@latest~/.codex/config.toml
[mcp_servers.playwright]
command = "npx"
args = ["@playwright/mcp@latest"]
# codex mcp add playwright -- npx @playwright/mcp@latest~/.cursor/mcp.json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}.vscode/mcp.json
{
"servers": {
"playwright": {
"type": "stdio",
"command": "npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}Try this task
Open this test page and inspect required fields, validation and the post-submit view. Record steps and screenshots. Pause for confirmation before any real submission.
- What to provide
- A test URL, test account and permitted actions.
- What to review
- Compare expected and observed results, keeping failure screenshots and reproduction steps.