Cursor MCP (Model Context Protocol) について
Chrome 拡張機能で、ブラウザと Cursor IDE を MCP で接続し、コンテキスト共有を実現します。IDE から直接ブラウザデータにアクセスする必要がある開発者向けです。
主な機能
- 01コンソールログとエラーをキャプチャ
- 02ネットワークリクエストとレスポンスを追跡
- 03スクリーンショットと DOM 要素選択
- 04Cursor IDE へのコマンド登録
- 05ロギング設定の構成
活用シーン
- 01IDE からブラウザエラーをデバッグ
- 02ネットワークアクティビティを分析して問題解決
- 03ページスクリーンショットをキャプチャして要素検査
MCP 対応
MCP クライアントとして、この拡張機能は Cursor IDE に MCP 経由でブラウザデータを公開します。コンソールログ、ネットワークリクエスト、スクリーンショット、DOM 要素を含みます。
詳細
Cursor MCP (Model Context Protocol)
Cursor IDE と Model Context Protocol (MCP) を通じて統合される Chrome 拡張機能で、ブラウザと IDE 間の強化されたコンテキスト共有を可能にします。
機能
- コンソールログとエラーをキャプチャする
- ネットワークリクエストとレスポンスを追跡する
- スクリーンショットを取得する
- 選択された DOM 要素を取得する
- Cursor IDE にコマンドを登録する
- ログ設定を構成する
インストール
ブラウザ拡張機能
- このリポジトリをクローンします
- Chrome を開き、chrome://extensions/ にアクセスします
- デベロッパーモードを有効にします (右上のトグル)
- 「パッケージ化されていない拡張機能を読み込む」をクリックしてクローンされたリポジトリフォルダを選択します
- 拡張機能がインストールされ、ブラウザツールバーに表示されます
Cursor 設定に追加する
- Cursor IDE を開きます
- 設定 (左下のギアアイコン) に移動します
- 「拡張機能」または「MCP」セクションに移動します
- 「MCP を追加」をクリックします
- MCP 情報を入力して「追加」をクリックします
使用方法
設定に MCP を追加した後、Cursor IDE から直接 MCP を使用できます:
`javascript // コンソールログを取得 const logs = await mcp.getConsoleLogs();
// スクリーンショットを取得 const screenshot = await mcp.takeScreenshot();
// すべてのコンテキストを取得 const context = await mcp.getAllContext(); `
設定
MCP は以下のオプションで設定できます:
- ログリミット: 保持するログの最大数
- クエリリミット: 処理するクエリの最大サイズ
- リクエストヘッダーを表示: ネットワークログにリクエストヘッダーを含めるかどうか
- レスポンスヘッダーを表示: ネットワークログにレスポンスヘッダーを含めるかどうか
開発
このプロジェクトに貢献するには、次の手順に従ってください:
- リポジトリをフォークします
- フィーチャーブランチを作成します
- 変更を加えます
- プルリクエストを送信します
ドキュメント
詳細な情報については、以下のドキュメントを参照してください:
ライセンス
MIT
貢献
貢献を歓迎します! お気軽にプルリクエストを送信してください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。