microsoftのアバター

Playwright MCPサーバー

  • GitHubスター 3.9万
  • 2026年11月6日更新

Playwright MCPは、AIコーディングエージェントがPlaywrightのアクセシビリティツリーを通じて実際のブラウザーを操作できる、Microsoft公式のMCPサーバーです。スクリーンショットなしで、ナビゲーション、フォーム入力、アサーションができます。

Playwright MCPとは?

Microsoft公式のPlaywright向けMCPサーバーです。エージェントは画像ではなくアクセシビリティツリーとしてページを読むため、ブラウザーの操作が決定論的で低コストになります。スクリーンショットの往復も、ループ内のビジョンモデルも不要です。Chromium、Firefox、WebKitに対応しており、エージェント駆動のエンドツーエンドテストの標準的な選択肢です。

  • Microsoft公式のPlaywright MCPサーバー(35.9k stars)
  • スクリーンショットではなくアクセシビリティツリーのスナップショットを使うため、ビジョンモデルは不要です
  • 1つのサーバーでChromium、Firefox、WebKitに対応
  • npx @playwright/mcp でstdio経由で実行
  • Apache-2.0ライセンス

数字で見るPlaywright MCP

  • 2026年11月9日時点のデータ(Skillselionカタログ同期)
ターミナル
claude mcp add playwright-mcp -- npx -y @playwright/mcp

Playwright MCPのバッジを追加する

このMCPサーバーは現在、SkillselionのTop 25で#13です。アワードバッジは最新の順位を表示し、自動で更新されます。

Skillselion Top 25
埋め込みコードを取得

このMCPサーバーがSkillselionに掲載されていることを開発者に示せます。READMEに貼り付けてください。

Listed on Skillselion
埋め込みコードを取得
GitHubスター★ 3.9万
パッケージ@playwright/mcp
トランスポートSTDIO
認証不要
最終更新2026年11月6日
リポジトリmicrosoft/playwright-mcp ↗

ユースケースと機能

Playwright MCPは何をしますか?

コーディングエージェントから、実際のChromium、Firefox、WebKitブラウザーを操作します。アクセシビリティツリーに対して、ナビゲーション、フォーム入力、クリック、アサーションを行い、エンドツーエンドテストやスクレイピングに使えます。

Playwright MCPは何を生成しますか?

  • エージェントから操作するブラウザセッション
  • アクセシビリティツリー形式のページスナップショット
  • 再現可能なエンドツーエンドのテスト実行
  • microsoft/playwright-mcpのGitHubスター数は35,937
  • Apache-2.0ライセンス
  • Chromium、Firefox、WebKitに対応

GitHubスター順に並べたClaude Code MCPサーバーの一覧はこちらです。

Playwright MCPに関連するMCPサーバーは?

Playwright MCPのよくある質問

Playwright MCPは、スクリーンショットベースのブラウザーツールと何が違いますか?

画像ではなくページのアクセシビリティツリーを送るため、エージェントは構造化された要素に基づいて動作します。これによりビジョンモデルが不要になり、トークンコストが下がり、セレクターが決定論的になります。

Playwright MCPはどのブラウザーに対応していますか?

Playwright自身が操作するのと同じ3つのエンジン、つまりChromium、Firefox、WebKitです。

Playwright MCPはどうやってインストールしますか?

npmパッケージ @playwright/mcp を、クライアントにstdioのMCPサーバーとして登録します。通常は npx @playwright/mcp を使います。Node.js 18以降が必要です。

Web & Browser Automationtestingfrontenddevops

今週のAIコーディング

毎週月曜に5分で読める、開発者向けのツール・リリース・活用術。

いつでも登録解除できます。