WXT + Chrome DevTools MCP で AIエージェントにブラウザを見せながらChrome拡張を開発する

AI要約

Chrome拡張開発の面倒な手動検証サイクルをAIに任せる方法を紹介します。WXT（拡張フレームワーク）でChrome DevTools Protocolを固定ポート公開し、Chrome DevTools MCPを経由してCursorのAIエージェントに直結。AIがブラウザの実際の状態を見ながら、DOM検査・コード生成・動作確認を自動化できます。設定はシンプルで、ホットリロード対応により開発速度が劇的に向上します。