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.

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る