Playwright MCP - LLM向けWebブラウザ自動化用MCPサーバー

• Playwrightをベースに動作するMCP(Model Context Protocol)サーバー
• LLMがWebページとやり取りできるよう、構造化されたアクセシビリティスナップショットを提供し、高速で軽量
• スクリーンショットやビジョンモデルなしで、構造化されたテキストベースのデータだけでWeb自動化を実現
• 用途 : Webページの探索およびフォーム自動入力、構造化コンテンツからのデータ抽出、LLMベースの自動化テスト、エージェントベースの汎用Webブラウザ制御

インストール

• config

  {  
    "mcpServers": {  
      "playwright": {  
        "command": "npx",  
        "args": [  
          "@playwright/mcp@latest"  
        ]  
      }  
    }  
  }  
  

• VSCodeに直接インストール可能 : Install in VS Code Insiders
  • インストール後、VSCodeのGitHub CopilotエージェントでPlaywright MCPを利用可能

Snapshot Mode ツール一覧

• browser_navigate: URLへ移動
• browser_go_back / go_forward: 戻る/進む
• browser_click / hover / drag: 要素のクリック、ホバー、ドラッグ
• browser_type: 入力欄にテキストを入力 (オプション: submit)
• browser_select_option: ドロップダウンを選択
• browser_press_key: キーボードキーを入力
• browser_snapshot: アクセシビリティスナップショットをキャプチャ
• browser_save_as_pdf: ページをPDFとして保存
• browser_wait: 指定時間待機 (timeは最大10秒)
• browser_close: ページを閉じる

Vision Mode ツール一覧

• browser_navigate / go_back / go_forward
• browser_screenshot: スクリーンショットをキャプチャ
• browser_move_mouse / click / drag: 座標ベースのマウス操作
• browser_type: 座標位置にテキストを入力
• browser_press_key
• browser_save_as_pdf
• browser_wait
• browser_close

[yangeok]

CursorにPlaywright MCPを接続してみたのですが、namu.wikiのページはまったく読み取れませんね…。

[asheswook]

おそらくボット対策のブロックが原因だと思います。

[crawler]

昨日見たときは気づかなかったけど、Microsoftなんですね……使ってみよう

[GN⁺]

Hacker Newsの意見

• このツールはとても良い。Claude Codeと一緒に使って大きな成果を上げている

  • CLAUDE.md に、Playwrightで変更を検証するよう指示を残している
  • 自動で開発サーバーを起動し、変更されたページに移動して、変更が機能するかを検証する
  • 想定外のことがあれば自分で修正する
  • 本当に優秀な中堅エンジニアと一緒に働いているような感じだ
  • 今は本当に驚くべき時代だ

• ariaSnapshot を使ってDOMのアクセシブルな表現を提供している

  • ただし、Gmailのような場所に移動するとモデルのコンテキストがすぐに尽きる
  • より簡潔なページのテキスト表現を試しているところだ
  • 自分のChromeセッションを使うので、大きなコンテキストサイズは必要ない
  • CDPで使えるariaインターフェースにリファクタリングすることもできるだろう

• JIRA MCPと組み合わせて、バグチケットの「再現手順」を読み、実際に再現できるか確認するつもりだ

  • MCPに対する批判が理解できない
  • 「コネクタ」のカンブリア爆発を見るのは本当に興味深い
  • これは、OpenAIのCustom GPTsがなれなかったモデルの「App Store」になるだろう

• Microsoftの新しいツールはMCP-Playwrightの競合に見える

  • Microsoftのツールのほうがシンプルに見え、もう一方のツールはより多くの機能を備えている

• 素晴らしいリリースだ。しかし、なぜ元のPlaywright APIをサポートせず、動作のサブセットだけをサポートしているのか気になる

• Playwrightは知らないが、Puppeteerとどう違うのか気になる

  • Puppeteerの問題は、Cookie同意バナーの承諾のような単純な作業を完了するための正しいJavaScriptをすぐに得られないことがある点だ

• 何度か投稿しており、もっと話を聞きたい

  • Fetch-MCPもあり、こちらはPlaywrightベースでバッチをサポートしている。比較すると面白そうだ

• Capybara向けのMCPが必要だ。LLMsが私のRailsシステムテストを書き、動かないときにデバッグできるように

• "code --add-mcp"

  • VSCodeに組み込みのMCPクライアントがあるのか気になる

• このツールはテスト自動化向けなのか、それともエージェントでPlaywrightを「Operator」として使うためのものなのか気になる