Share2Agent で Web ページを Cursor に送る方法

ドキュメント、API リファレンス、コード例を Cursor に直接共有します。Share2Agent がページコンテンツを抽出し、軽量なレシーバーが Markdown として保存して、Cursor の AI チャットで @file で参照できます。

前提条件

• Cursor IDE がインストール済み
• Python 3.8+ (レシーバースクリプト用)
• Share2Agent Chrome 拡張機能がインストール済み

仕組み

アプローチはシンプルです。小さな Python レシーバーが共有されたページをプロジェクトディレクトリ内に Markdown ファイルとして保存します。Cursor はそれらのファイルを読み取り、AI チャットでコンテキストとして使えます。

Chrome  -->  Share2Agent  -->  receiver.py  -->  .pages/article.md  -->  Cursor @file

ステップ 1: レシーバーをセットアップする

Share2Agent リポジトリのレシーバースクリプトは Claude Code だけでなく、どの AI コーディングツールでも使えます。ダウンロードします。

curl -O https://raw.githubusercontent.com/mnardit/share2agent/main/examples/receiver/receiver.py
pip install pyyaml

ステップ 2: 保存ディレクトリを設定する

PAGES_DIR を Cursor プロジェクト内のディレクトリに向けてレシーバーを起動します。

PAGES_DIR=/path/to/your/project/.pages python3 receiver.py

.pages (先頭にドット) を使うと、共有コンテンツがソースツリーから外れつつも、Cursor からはアクセス可能になります。.gitignore に追加してください。

# .gitignore
.pages/

ステップ 3: Share2Agent を設定する

1. Chrome で Share2Agent 拡張機能のアイコンをクリックします。
2. Settings を開きます。
3. Webhook URL を http://localhost:9876 に設定します。
4. 保存します。

ステップ 4: ページを共有する

1. ドキュメントページ、API リファレンス、コード例に移動します。
2. Share2Agent のアイコンをクリックします。
3. 必要なら、何が必要かを説明するコメントを書きます (例: 「このフックの使い方」)。
4. Share をクリックします。

レシーバーがページを Markdown ファイルとして保存します。

.pages/2026-03-28-1430-react-useeffect-docs.md

ファイルには URL、タイトル、author、コメントを含む YAML フロントマターと、抽出されたコンテンツが含まれます。

ステップ 5: Cursor で参照する

Cursor の AI チャット (Cmd+L / Ctrl+L) を開いて、保存したファイルを参照します。

@.pages/2026-03-28-1430-react-useeffect-docs.md

このパターンで effect をクリーンアップする方法を教えてください。

Cursor はファイルの全コンテンツを読み取り、回答のコンテキストとして使います。

複数ファイルを参照する

リサーチタスクで複数のページを共有した場合は、すべて参照できます。

@.pages/2026-03-28-1430-react-useeffect-docs.md
@.pages/2026-03-28-1435-react-hooks-faq.md

この 2 つのドキュメントのアプローチを比較してください。

別の方法: Cursor Rules

繰り返し参照するページについては、コンテンツを .cursor/rules ファイルにコピーすれば、自動的にコンテキストとして含まれます。

cp .pages/2026-03-28-1430-react-useeffect-docs.md .cursor/rules/react-effects.md

こうすれば、明示的に @file で言及しなくても Cursor が常にそのリファレンスを利用できます。

別の方法: MCP インテグレーション

Cursor は Model Context Protocol (MCP) をサポートしています。ファイルを保存する代わりに、次のような独自の MCP サーバーを構築することもできます。

1. Share2Agent からの Webhook を受信する。
2. ページをメモリに保持する。
3. Cursor が問い合わせ可能な MCP リソースとして公開する。

これは高度な方法ですが、ファイルの散らかりを避けられます。セットアップ手順は Cursor MCP のドキュメント を参照してください。

ヒント

• プロジェクトごとに整理: プロジェクトごとに別々のレシーバーを動かし、それぞれの .pages/ ディレクトリに保存します。
• コメントを指示として使う: Share2Agent のコメントはファイルのフロントマターに保存されます。Cursor でファイルを参照すると、AI はコンテンツと一緒にあなたのメモも見ます。
• 定期的にクリーンアップ: 不要になった古い .pages/ ファイルを削除して、プロジェクトを整理して保ちます。

次のステップ

• ドキュメントライブラリを構築: 各プロジェクトの開始時に主要なドキュメントを共有し、開発全体を通じて参照します。
• エラーページを共有: デバッグ時に、関連する Stack Overflow の回答や GitHub Issue を直接共有して、Cursor に修正を依頼します。
• Composer と組み合わせる: Cursor の Composer モードで共有ページを参照し、トレーニングデータではなく実際のドキュメントに基づいたコードを生成させます。