Repolode
投稿する
microsoft

microsoft/playwright-mcp

構造化されたアクセシビリティスナップショットを通じて、LLMクライアントからPlaywrightで実ブラウザーを操作できるModel Context Protocolサーバー。

GitHub で見る公式サイト
スター
38,397
フォーク
3,288
未解決の Issue
0
最終コミット
23 時間前

これは何？

Playwright MCPは、Playwrightによるブラウザー自動化機能をLLMクライアントに提供するModel Context Protocolサーバーです。ビジョンモデルにスクリーンショットを送るのではなく、ページを構造化されたアクセシビリティスナップショットとして公開するため、モデルはそのスナップショット内の参照や一意のセレクターを使って要素を操作できます。

このサーバーは、VS Code、Cursor、Windsurf、Claude Desktop、Claude Code、Codex、CopilotなどのMCPクライアントで利用でき、npxから起動するか、Dockerコンテナとして実行できます。ブラウザーセッションには、永続プロファイル、分離されたインメモリコンテキスト、またはブラウザー拡張機能を介して既存のChromeやEdgeインスタンスへの接続を使用できます。オプションでは、ブラウザー、ビューポート、プロキシ、許可・ブロックするオリジンのリスト、出力ディレクトリ、スナップショット形式を設定できます。

ツールには、クリック、入力、ドラッグ＆ドロップ、ファイルのアップロード、フォーム入力、JavaScriptの評価、コンソールメッセージ、メディアのエミュレーション、ページ内検索が含まれます。オプション機能を追加すると、ビジョン座標による操作、PDFの処理、devtools機能も利用できます。このプロジェクトは、セキュリティ境界として使うものではないと説明しています。

主な機能

  • 01スクリーンショットの代わりにPlaywrightのアクセシビリティスナップショットを使うため、ビジョンモデルは不要です。
  • 02VS Code、Cursor、Claude Desktop、Codexなど、幅広いMCPクライアントで動作します。
  • 03永続セッション、分離セッション、既存ブラウザーへの接続（拡張機能経由）に対応しています。
  • 04クリック、フォーム入力、ファイルのアップロード、ドラッグ＆ドロップ、JavaScriptの評価に使えるツールを提供します。
  • 05JSON設定ファイルと、ブラウザー、ネットワーク、出力の設定に関する豊富なコマンドラインオプションを備えています。

ユースケース

  • AIコーディングエージェントにWebアプリを開かせ、状態を確認し、変更を検証させる。
  • LLMを使った探索的テストや、自己修復型のテストワークフローを実行する。
  • 永続プロファイルまたは接続済みブラウザープロファイルを使って、ログインが必要なブラウザー操作を自動化する。
  • Dockerコンテナ内で、エージェント向けのヘッドレスブラウザー自動化を実行する。

クイックスタート

  1. 1

    MCPクライアントに標準設定を追加します（npx経由で実行）。

    npx @playwright/mcp@latest
  2. 2

    Claude CodeでPlaywright MCPサーバーをインストールします。

    claude mcp add playwright npx @playwright/mcp@latest

使う前に知っておきたいこと

  • Node.js 18以降が必要です。
  • MCPクライアント向けに設計されているため、利用するにはMCP対応ツールが必要です。
  • READMEによると、スキルを備えたCLIのほうがコーディングエージェントではトークン効率が高い場合があります。

トピック

#mcp#playwright#browser-automation#llm#agent#accessibility#testing

よくある質問

playwright-mcp とは？
構造化されたアクセシビリティスナップショットを通じて、LLMクライアントからPlaywrightで実ブラウザーを操作できるModel Context Protocolサーバー。 Playwright MCPは、Playwrightによるブラウザー自動化機能をLLMクライアントに提供するModel Context Protocolサーバーです。ビジョンモデルにスクリーンショットを送るのではなく、ページを構造化されたアクセシビリティスナップショットとして公開するため、モデルはそのスナップショット内の参照や一意のセレクターを使って要素を操作できます。
playwright-mcp は無料で使えますか？ライセンスは？
playwright-mcp は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
playwright-mcp は今もメンテナンスされていますか？
活発にメンテナンス中。playwright-mcp の最終コミットは 2026年10月19日 です。
playwright-mcp は何に使えますか？
AIコーディングエージェントにWebアプリを開かせ、状態を確認し、変更を検証させる。 LLMを使った探索的テストや、自己修復型のテストワークフローを実行する。 永続プロファイルまたは接続済みブラウザープロファイルを使って、ログインが必要なブラウザー操作を自動化する。 Dockerコンテナ内で、エージェント向けのヘッドレスブラウザー自動化を実行する。
playwright-mcp のインストール方法は？
MCPクライアントに標準設定を追加します（npx経由で実行）。: npx @playwright/mcp@latest Claude CodeでPlaywright MCPサーバーをインストールします。: claude mcp add playwright npx @playwright/mcp@latest
playwright-mcp はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/microsoft/playwright-mcp

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト