Microsoft 製の Playwright MCP を整理します。LLM にブラウザ自動化を開放する MCP サーバーで、スクリーンショットや視覚モデルではなくアクセシビリティツリーを使うのが特長です。Claude Code への導入（claude mcp add）、提供される主なツール、headless / isolated などの実行モード、そして「実装したが画面を見ていない」問題への効き方をまとめます。
2025年10月にリリースされた Vitest 4 で、ブラウザモードが experimental から安定版になりました。jsdom/happy-dom の擬似DOMではなく Playwright 経由で実ブラウザを使うこの機能を、設定方法・移行のポイント・toMatchScreenshot などの新機能とともに、本ブログの構成を例に整理します。
Playwright CLI v0.1.8 で追加された attach --cdp=chrome を試す。chrome://inspect/#remote-debugging 経由で普段使いの Chrome / Edge へ直接接続し、ログイン状態や拡張機能つきのまま AI エージェントから操作するセットアップと、Chrome DevTools MCP autoConnect との使い分けを整理します。
テスト書いてますか？このブログは、最新のテストフレームワークで守られています。