ContextHub
ブラウザ・Web操作完全無料🔓 APIキー不要✓ 公式npx

Playwright MCP Server

Playwright MCPサーバーでClaude連携・ブラウザ操作とE2Eテスト実行を自動化

最終更新:2026年4月18日32,295GitHub
クイックインストール
npx @playwright/mcp@latest

概要

Playwright MCP Serverの設定方法と使い方

MicrosoftによるPlaywright公式MCPサーバー

ClaudeがWebブラウザを操作してページ移動・クリック・フォーム入力・スクリーンショット取得・テスト実行が可能

ClaudeとPlaywrightのMCPサーバー連携により、E2Eテストの自動生成・Webスクレイピング・UIバグ検出を自動化できる

アクセシビリティスナップショットによる効率的なDOM解析で、スクリーンショット不要でWebページを操作できる点も特徴

設定方法はconfig JSONを設定ファイルに追記するだけでシンプルに完結する

料金・APIキー情報

料金

完全無料

APIキー

🔓 不要

このMCPはAPIキー不要です。別途セットアップが必要な場合があります(上記参照)。

こんな使い方ができます

ClaudeにWebサイトのUIテストを自動実行させられる

フォーム入力やボタンクリックなどのブラウザ操作を自動化できる

スクリーンショットを撮影してWebページのバグをClaudeに分析させられる

セットアップ手順

  1. 1

    Node.js 18以上がインストールされていることを確認する

  2. 2

    ターミナルで以下のコマンドを実行してClaude Codeに追加する:claude mcp add playwright -- npx -y @playwright/mcp@latest

設定ファイル

⚠️

コピー前に確認

Node.js 18以上

Terminal
claude mcp add playwright -- npx -y @playwright/mcp@latest
#ブラウザ自動化#テスト#スクレイピング#E2E

外部リンク

関連するMCPサーバー(ブラウザ・Web操作