ツール接続（MCP）
Playwright MCP
AI がページを開き、ボタンやフォームを操作して Web の流れを確認します。
紹介
公開ドキュメントに基づき LessAI Tools が編集
Playwright MCP はサイトの探索や、検索、フォーム送信などの一連の操作に使えます。画像だけでなくページの文章、操作部品、構造を利用します。MCP 対応の助手に接続し、文書に従って環境を準備してください。操作結果は実際の利用手順と照らし合わせる必要があります。
使い始める
必要な条件を確認し、アシスタントを選んで接続手順を見てください。
- 準備するもの
- Node.js 18 以降。
- MCP 対応のローカル助手と動作するブラウザ。
- 費用
- コードはオープンソースです。助手の利用料と外部サービスの枠は別です。
- 必要な権限
- ページを読み、クリックや入力ができます。許可したページで使い、ログイン状態によるアクセス範囲にも注意します。
Codex公式の接続手順あり
README にローカルブラウザ用 Codex 設定があります。
接続手順
- README の Codex 節を開きます。
- その節の MCP 設定で Playwright を追加します。
- 助手を開き直し Playwright を確認します。ブラウザがなければ公式案内に従います。
接続結果の確認方法
自分のサイトを開きページ名を読ませ、URL と名前を確認します。
公式資料
Claude Code公式の接続手順あり
README にローカルブラウザ用 Claude Code 設定があります。
接続手順
- README の Claude Code 節を開きます。
- その節の MCP 設定で Playwright を追加します。
- 助手を開き直し Playwright を確認します。ブラウザがなければ公式案内に従います。
接続結果の確認方法
自分のサイトを開きページ名を読ませ、URL と名前を確認します。
公式資料
Cursor公式の接続手順あり
README にローカルブラウザ用 Cursor 設定があります。
接続手順
- README の Cursor 節を開きます。
- その節の MCP 設定で Playwright を追加します。
- 助手を開き直し Playwright を確認します。ブラウザがなければ公式案内に従います。
接続結果の確認方法
自分のサイトを開きページ名を読ませ、URL と名前を確認します。
公式資料
公式資料
接続情報の確認日 2026-10-12 · 公開ドキュメントに基づく案内です。全項目を個別にインストールして検証したものではありません。
できること
- ページ、フォーム、ボタンを操作する
- Web の操作手順を順番に確認する
- 利用する AI 助手に合わせてブラウザを設定する
公式プロジェクトとドキュメント
プロジェクトの説明（翻訳）
Playwright MCP サーバー
用途が近いプラグイン
主な用途を優先し、共通する作業とスター数を参考に選んでいます。接続方法は異なる場合があります。
- Chrome DevTools MCP — AI が Chrome のページを調べ、エラーや読み込み速度を調査します。
- BrowserTools MCP — Chrome のエラー、通信情報、画面画像を AI に共有します。
- ExecuteAutomation Playwright MCP — ExecuteAutomation Playwright MCP: ブラウザーでウェブページを操作する (MCP 対応アシスタント経由).