BrowserTools MCP

ブラウザのログをCursorやMCP対応IDEから直接監視できるツール

Chrome拡張機能を通じてブラウザデータをキャプチャ・分析し、AI搭載アプリケーションがブラウザとのインタラクションをより効果的に行えるようにします。SEO、パフォーマンス、アクセシビリティの監視機能も備えています。

Author: AgentDeskAI

Stars: 7,186

GitHub

Install: npx @agentdeskai/browser-tools-mcp@latest

主な機能

• Chrome拡張機能によるブラウザデータのリアルタイム監視
• Lighthouse統合によるパフォーマンス・SEO・アクセシビリティ監査
• AI対応IDEでブラウザログを直接確認可能
• 自動スクリーンショット取得・貼り付け機能
• デバッガーモードと監査モードの実装

想定ユースケース

• Web開発チームの品質管理 — 開発中のWebアプリケーションのパフォーマンス問題やアクセシビリティ不具合をリアルタイムで検出し、素早く改善できます。
• SEO最適化の自動監視 — Webサイト運用時にSEO指標を継続的に監視し、検索エンジン最適化の機会を自動的に発見できます。
• AIアシスタントによるブラウザ操作支援 — AI搭載アプリケーション（Cursorなど）がブラウザの状態を理解し、より効果的にユーザーをサポートできます。
• 複雑なデバッグ作業の効率化 — デバッガーモードでブラウザログを詳細に分析し、複雑な問題の原因特定を加速させます。