Deno 2 Playwright Model Context Protocol Server Example について
Deno 2とPlaywrightを使うMCPサーバーで、LLMから実ブラウザーの操作、ウェブページとのやり取り、スクリーンショット撮影、JavaScript実行ができます。ランタイム依存なしで動かすバイナリをビルドできます。
主な機能
- 01Playwrightによる実ブラウザーの自動操作
- 02ウェブページとのやり取り
- 03スクリーンショットの撮影
- 04ブラウザー内でのJavaScript実行
- 05スタンドアロンバイナリのビルド
活用シーン
- 01ウェブページ上のブラウザー操作の自動化
- 02ブラウザー作業中のスクリーンショット撮影
- 03実ブラウザーでのJavaScript実行
MCP 対応
MCPクライアントに、ページ操作、スクリーンショット、JavaScript実行を含むPlaywrightのブラウザー自動化機能を提供します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
Deno 2 Playwright Model Context Protocol サーバーの例
Playwright を使用してブラウザー自動化機能を提供する Model Context Protocol サーバーです。このサーバーにより、LLM は実際のブラウザー環境でウェブページを操作したり、スクリーンショットを撮影したり、JavaScript を実行したりできます。
このリポジトリでは Deno 2 を使用しています。バイナリをコンパイルすれば、ランタイム依存関係なしで実行できるため、使い勝手に優れています。
このコードは、こちらで確認できる公式 Puppeteer MCP サーバーを大いに参考にしています:https://github.com/modelcontextprotocol/servers/tree/main/src/puppeteer
ビルド方法
mac 用バイナリのビルドのみテスト済みですが、linux x86_64、linux ARM64、windows x86_64 用の実行可能バイナリもビルドできるはずです。
deno task build-macdeno task build-linux-x86_64deno task build-linux-ARM64deno task build-windows-x86_64
実行方法
playwright-server バイナリを呼び出すには、~/Library/Application\ Support/Claude/claude_desktop_config.json を更新して、バイナリを指定する必要があります。
{
"mcpServers": {
"playwright": {
"command": "/path/to/deno2-playwright-mcp-server/playwright-server"
}
}
}
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。