Communityコーディング&開発github.com

hoangthu3082000-jpg/site-sense

AIコーディングCLIでブラウザのタブをライブ表示する、ローカルかつ読み取り専用のMCPブラウザ拡張機能(Webポータル向け)

site-sense とは?

このスキルは、AIエージェントがユーザーのブラウザタブの内容をリアルタイムで読み取れるようにする、ローカルで実行されるMCP(Model Context Protocol)ブラウザ拡張機能です。AIコーディングCLI(例: Claude Code, Cursor)と連携し、現在開いているWebポータルやページの情報を読み取り専用で提供します。これにより、開発者はAIにブラウザ上のコンテキストを直接参照させながらコーディングやデバッグを行うことが可能になります。拡張機能はユーザーのローカル環境でのみ動作し、読み取り専用なのでセキュリティリスクが低く、開発ワークフローをシームレスに統合できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add hoangthu3082000-jpg/site-sense

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

site-sense は何をしますか?

AIコーディングCLIでブラウザのタブをライブ表示する、ローカルかつ読み取り専用のMCPブラウザ拡張機能(Webポータル向け)

概要

hoangthu3082000-jpg/site-sense は、AIエージェント(例: Claude Code, Cursor)がブラウザで開かれているタブの内容を読み取れるようにする、ローカルMCPサーバーとブラウザ拡張機能です。読み取り専用で安全にWebポータルやページの情報を取得します。

セットアップ

  1. ブラウザ拡張機能をインストールします(対応ブラウザ: Chrome, Edge)。
  2. MCPサーバーをローカルで起動します。
  3. AIコーディングCLIにこのMCPサーバーを接続します。

クイックスタート

# MCPサーバーをインストール
npm install -g @site-sense/mcp-server

# サーバーを起動
site-sense-mcp

使い方

AIエージェントが以下の機能を利用できます。

  • タブ一覧の取得: 現在開いている全タブのタイトルとURLを一覧表示
  • タブ内容の取得: 指定したタブのDOMコンテンツを読み取り専用で取得
  • アクティブタブ監視: アクティブタブの変更をリアルタイムで通知

例

[ユーザー]
今開いているポータルページの内容を読んで、重要な通知を教えて。

[AIアシスタント]
はい、現在開いているタブを確認します...

制限事項

  • 読み取り専用: ブラウザへの書き込み操作はできません。
  • ローカル環境でのみ動作します。
  • すべてのWebサイトがサポートされているわけではありません(一部のサイトではアクセス制限があります)。

ライセンス

MIT

関連スキル