🕌

Playwright MCP×Claude初期設定メモ

に公開

コマンド

brew install node
npm init -y
npm add @playwright/mcp playwright
npm install
npx playwright --version
npx playwright install chromium
npx playwright open

chromiumのインストール忘れずに

Claude上のMCP設定

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

※ビジョン モードを使用するには、--visionサーバーの起動時にフラグを追加します。
https://github.com/microsoft/playwright-mcp?tab=readme-ov-file#tool-modes

参考

Discussion