Playwright AI Agent POM MCP

实时演示

实际使用效果

playwright-ai-agent-pom-mcp.replay ▶ 就绪

0/0

安装

选择你的客户端

~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

打开 Claude Desktop → Settings → Developer → Edit Config。保存后重启应用。

~/.cursor/mcp.json · .cursor/mcp.json

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

Cursor 使用与 Claude Desktop 相同的 mcpServers 格式。项目级配置优先于全局。

VS Code → Cline → MCP Servers → Edit

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

点击 Cline 侧栏中的 MCP Servers 图标，然后选 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "playwright-ai-agent-pom-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  }
}

格式与 Claude Desktop 相同。重启 Windsurf 生效。

~/.continue/config.json

{
  "mcpServers": [
    {
      "name": "playwright-ai-agent-pom-mcp",
      "command": "npx",
      "args": [
        "-y",
        "playwright-ai-agent-pom-mcp"
      ]
    }
  ]
}

Continue 使用服务器对象数组，而非映射。

~/.config/zed/settings.json

{
  "context_servers": {
    "playwright-ai-agent-pom-mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "playwright-ai-agent-pom-mcp"
        ]
      }
    }
  }
}

加入 context_servers。Zed 保存后热重载。

claude mcp add playwright-ai-agent-pom-mcp -- npx -y playwright-ai-agent-pom-mcp

一行命令搞定。用 claude mcp list 验证，claude mcp remove 卸载。

使用场景

实战用法： Playwright AI Agent POM MCP

Get started with Playwright AI Agent POM MCP

何时使用： When you want to bring Playwright AI Agent POM MCP into your Claude workflow.

步骤

Install the MCP server in your client (see Install tab).
Authenticate or configure required tokens.
Ask Claude to use the new tools.

Use Playwright AI Agent POM MCP to help me with a task.✓ 已复制

结果： Claude can interact with Playwright AI Agent POM MCP directly from your IDE.