Lets agents interact with web pages and inspect elements to generate Playwright tests from IDEs such as Cursor.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add playwright-test-generator -- npx -y playwright-mcp~/.codex/config.toml
[mcp_servers.playwright-test-generator]
command = "npx"
args = ["-y", "playwright-mcp"]
# codex mcp add playwright-test-generator -- npx -y playwright-mcp~/.cursor/mcp.json
{
"mcpServers": {
"playwright-test-generator": {
"command": "npx",
"args": [
"-y",
"playwright-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"playwright-test-generator": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"playwright-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"playwright-test-generator": {
"command": "npx",
"args": [
"-y",
"playwright-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"playwright-test-generator": {
"command": "npx",
"args": [
"-y",
"playwright-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"playwright-test-generator": {
"command": "npx",
"args": [
"-y",
"playwright-mcp"
]
}
}
}