MCP

Playwright MCP

プレイライトエムシーピー

LLM が実ブラウザを直接操作できる MCP です。クリック・入力・スクショをコードなしで実行します。

体験区分：触った推奨読者レベル：Level 3

Microsoft が公開する MCP Server で、LLM にブラウザ操作ツールを提供します。Accessibility ツリーベースでセマンティックに操作するため、要素を正確に特定できます。

Claude Code の設定に追加すると、チャットで「フォームを入力して送信して」と頼むだけで実ブラウザが動きます。E2E テスト・UI レビュー・Web スクレイピングで名前を見かけます。

ワークフロー図

2026.04·ready

「Playwright MCP を使えば Claude Code からブラウザを直接動かせますね、E2E テストが楽になります。」

Playwright MCPの見方

537

この用語の見どころ

役割

LLM にブラウザ操作ツールを渡す MCP Server です。

うれしさ

コードを書かず自然言語でブラウザを動かせます。

注意点

アクセシビリティツリーがない要素は操作が難しいです。

どこで役立つか

E2E テスト、UI 確認、Web スクレイピングに使えます。

はじめに

MCP の仕組みと Playwright の役割を先に押さえます。

深掘り先

Playwright、MCP Server、E2E テスト。

非エンジニアのつまずき

私のコメント

開発フローでの位置

Playwright MCP を設定に追加する

→

LLM に操作したいページと手順を伝える

→

Playwright MCP がブラウザを操作する

→

結果を受け取る