MCP Playwright

🚀 Playwright MCP サーバー 🎭

Playwright を使用した Model Context Protocol（モデルコンテキストプロトコル）サーバーで、ブラウザ自動化機能を提供します。このサーバーにより、大規模言語モデル（LLMs）は、実際のブラウザ環境で、ウェブページとの対話、スクリーンショットの取得、テストコードの生成、ウェブページ内容の収集、JavaScript の実行を行うことができます。

📷 スクリーンショット

ドキュメント | API リファレンス

📦 インストール

npm、mcp-get、または Smithery を使用してインストールできます。

npm を使用する場合

npm install -g @executeautomation/playwright-mcp-server

mcp-get を使用する場合

npx @michaellatman/mcp-get@latest install @executeautomation/playwright-mcp-server

Smithery を使用する場合

Smithery を通じて、Claude Desktop 用の Playwright MCP を自動インストールするには：

npx -y @smithery/cli install @executeautomation/playwright-mcp-server --client claude

VS Code でのインストール

VS Code では、以下のボタンのいずれかを使用して Playwright MCP サーバーをインストールできます。

# VS Code では以下のコマンドを使用してインストールします：
# ターミナルを開き、以下を実行します：
# 以下の内容をターミナルにコピーします：
command: "extension install"
args: ["https://marketplace.visualstudio.com/items?itemName=vscode_extensions.reposoup.badge_install_now"]

📚 ドキュメント

公式ドキュメント

🔧 設定

Claude Desktop で Playwright サーバーを設定するには：

# Claude Desktop で以下のように設定します：
{
  "playwright": {
    "server": "@executeautomation/playwright-mcp-server"
  }
}

🧪 テスト

Jest を使用してテストを行い、以下の実行コマンドを提供します。

npm test
npm run test
yarn test

⭐ スター履歴