playwright mcpの使い方

概要

• Accessibility Tree というUI要素の役割（role）や名前（ラベル）、状態、階層構造を表すツリー構造を利用してLLMにアクセスしやすくするためのツール
• スクリーンショットを取ることも可能
• すべての要素をツリー構造(Accessibility Tree)で表現するためかトークンの消費が激しい

プロファイル

• Linux
  • ~/.cache/ms-playwright/mcp-chrome-profile/

mcpの設定例

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