Browser Tools MCP
BrowserTools MCPは強力なブラウザ監視と相互作用ツールで、Chrome拡張機能とローカルサーバーを通じてAIによるブラウザのスマートな分析と操作を実現します。
スコア : 5ポイント
ダウンロード数 : 4.0K
BrowserTools MCPとは?
BrowserTools MCPは、AnthropicのModel Context Protocol (MCP)に基づくブラウザ相互作用ツールで、Chrome拡張機能を通じてブラウザデータのキャプチャと分析を行い、AIツールがよりスマートにブラウザと相互作用できるようにします。BrowserTools MCPをどのように使用するか?
Chrome拡張機能、MCPサーバー、ローカルNodeサーバーの3つのコンポーネントをインストールすると、互換性のあるMCPクライアント(Cursor IDEなど)でブラウザの監視と分析機能を使用できます。適用シーン
ウェブ開発のデバッグ、SEO最適化、パフォーマンス分析、アクセシビリティ検出など、ブラウザの相互作用とデータ分析が必要なシーンに適しています。主要機能
ブラウザ監視ブラウザのコンソール出力、ネットワークアクティビティ、DOM要素をリアルタイムで監視します。
自動化監査アクセシビリティ、パフォーマンス、SEO、ベストプラクティスの自動化監査を提供します。
スクリーンショット機能自動的にスクリーンショットを撮り、クライアントに貼り付けることをサポートします。
NextJS専用監査NextJSフレームワークに特化したSEOとベストプラクティスのチェックを行います。
利点と制限
利点
ローカルで実行され、データはサードパーティに送信されません。
複数の監査モードをサポートします。
主流のMCPクライアントと互換性があります。
自動検出と接続機能により、設定が簡素化されます。
制限
複数のコンポーネントをインストールする必要があります。
一部の機能はChromeブラウザに依存しています。
初回設定時にデバッグが必要な場合があります。
使い方
Chrome拡張機能をインストールする
GitHubからv1.2.0バージョンのChrome拡張機能をダウンロードしてインストールします。
MCPサーバーをインストールする
IDEでコマンドを実行してMCPサーバーをインストールします。
ローカルNodeサーバーを起動する
新しいターミナルウィンドウでローカルサーバーを起動します。
Chrome開発者ツールを開く
ブラウザで開発者ツールを開き、BrowserToolsMCPパネルを選択します。
使用例
ページのアクセシビリティをチェックするウェブページがWCAGのアクセシビリティ標準に準拠していることを確認する
ページの読み込み速度を最適化するページのパフォーマンスのボトルネックを特定し、解決する
NextJSのSEO最適化NextJSアプリケーションに特化したSEOチェックを行う
よくある質問
インストール後に接続できない場合はどうすればいいですか?
データは外部サーバーに送信されますか?
どのMCPクライアントがサポートされていますか?
関連リソース
公式ドキュメント
完全なインストール、クイックスタート、貢献ガイド
GitHubプロジェクトロードマップ
プロジェクトの開発ロードマップと予定機能
技術サポート
Twitterを通じて開発者に連絡して技術サポートを受ける
厳選MCPサービス

Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
244
4.8ポイント

Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
5.2K
4.7ポイント

Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
261
4.5ポイント

Baidu Map
認証済み
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
696
4.5ポイント

Gitlab MCP Server
認証済み
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
57
4.3ポイント

Unity
認証済み
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
529
5ポイント

Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
1.7K
5ポイント

Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
239
4.5ポイント