AIエージェントにウェブページを操作させるのは難しい課題でした。スクリーンショットベースの方式はビジョンモデルが必要でトークン消費が大きい。
Playwright MCP(github.com/microsoft/playwright-mcp)は、マイクロソフト公式のMCPサーバー。アクセシビリティツリーを通じてページを理解——ビジョンモデルなしで正確なウェブ操作が可能です。31,775スター、Apache-2.0ライセンス。
クイックスタート
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["@playwright/mcp@latest"]
}
}
}
Claude Codeの場合:claude mcp add playwright -- npx @playwright/mcp@latest
Node.js 18+が必要です。