Playwright MCPをGitHub Copilot Agentで使う

公式のREADMEを元に実施してみる。

https://github.com/microsoft/playwright-mcp

VSCode向けのインストールコマンドを叩くショートカットがあるので、これを利用する。

"mcp" で設定項目を検索し、settings.jsonを開く。

playwright 項目における "起動" をクリックする。

あとは、GitHub Copilot Agentで、以下のようなプロンプトを実行する。

playwright MCPで https://www.yahoo.co.jp を開いて、主要なニュースを要約してください。
スクリプトを作成するわけではなく、実際にあなたが playwright に接続して操作をしてください。

以下、結果。

参考

https://qiita.com/t-kurasawa/items/fc47a9133dd6cfe1ae7b

https://note.com/insyo99/n/n0b03d5c6847e

https://zenn.dev/ht0323/articles/5767571f21a6d1

https://qiita.com/shun_sakamoto/items/bb5dd0849f279ee25ba9

スクリプトを書こうとしてくる場合があるので、そうではないことをプロンプトで念押し。

スクリプトを作成するわけではなく、実際にあなたが playwright に接続して操作をしてください。