syncbridge-mcp

Name: syncbridge-mcp
Author: rehmansherazi

ローカル

github.com/rehmansheraziAI・エージェント02 週間前に更新

リポジトリ

syncbridge-mcp について

Syncbridge は共有 Markdown 制御ファイルを介して、ブラウザーの AI チャットとコーディング CLI をつなぎます。チャット、VS Code、CLI の間で指示やプロジェクトのコンテキストを移したい開発者向けです。

主な機能

01完了した AI 応答の自動コピー
02クリップボード内容のチャット入力欄への挿入
03チャットと CLI 間の双方向コンテキスト同期
04VS Code パネルでの CLI 状態のリアルタイム表示
05最近の作業からのコンテキスト移行プロンプト生成

活用シーン

01チャットの応答を CLI の指示ファイルに送信
02対応する AI チャットサイト間でテキストを移動
03新しいチャットでプロジェクトのコンテキストを引き継ぐ

MCP 対応

オプションの MCP サーバーが Claude Code CLI と連携します。CLI 状態の更新、指示の読み込み、統合コンテキストの取得、状態の消去を行うツールを提供します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定

{
  "mcpServers": {
    "rehmansherazi-syncbridge": {
      "command": "npx",
      "args": [
        "-y",
        "syncbridge-mcp"
      ]
    }
  }
}

起動コマンドnpx -y syncbridge-mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ

npmsyncbridge-mcp0.1.1stdio

ツール

掲載時のツール一覧 · 3 週間前に更新

パラメーター	型	必須	説明
state	string	はい	現在の CLI 状態の内容
project	string	はい	アクティブなプロジェクト名

詳細

Syncbridge

Claude とのやり取りが30メッセージに達しました。計画は固まっています。次はエディターで実装します。そこでコピーして、貼り付けます。すると、コンテキストの半分を失います。エディターは Claude が把握していることを知りません。次に Claude に戻っても、今度はエディターが何をしたのか Claude には分かりません。

Syncbridge がこれを自動で解決します。無料で、CLI も必要ありません。

問題点

AI チャットを使う開発者は、誰もが日々同じ面倒な作業に直面します。

AI が5つのコードブロックを含む長い回答を返します。ブロック1をコピーしてエディターに切り替えて貼り付け、戻ってブロック2を探すためにスクロールしてコピーし、また切り替えて貼り付ける。この繰り返しです。
エディターで変更を加え、AI のフィードバックがほしくなると、コードをコピーしてブラウザーに切り替え、貼り付けて質問します。
チャットが長くなりすぎて新しいチャットを始めるたびに、プロジェクト全体を一から説明し直します。
ある作業には ChatGPT を、別の作業には Claude を使っても、コンテキストは引き継がれません。
Claude に計画を立ててもらい、Cursor に実装させても、お互いが相手の作業を把握できません。
Cursor を使っている場合、ターミナルの出力を内蔵の AI チャットに送れますが、AI チャットの回答を自動でターミナルに戻す方法はありません。
Copilot や Windsurf を使っている場合、それらの AI とブラウザーベースの AI チャットをつなぐ方法がありません。

これがコピー＆ペーストの負担です。毎日、積み重なっていきます。

Syncbridge がこれをなくします。

日々の不満を解消するために、独自に開発しました。専用の AI エディターを持つ資金豊富なチームでさえ、この問題の半分しか解決していないことが分かりました。Syncbridge は双方向を解決し、特定のエディターに内蔵されたチャットだけでなく、あらゆる AI サイトで使えます。

対象ユーザー

CLI は必要ありません。有料サブスクリプションも必要ありません。ブラウザーさえあれば使えます。

対象	困りごと	Syncbridge が提供するもの
無料の AI チャットを使う開発者	一日中、ブラウザーとエディターの間でコピー＆ペースト	自動コピー＋ワンキーでの挿入
学生やブートキャンプの受講者	新しいチャットを始めるたびにプロジェクトのコンテキストを説明し直す	ワンクリックでコンテキストを引き継ぎ
フリーランス	クライアントとのセッション間でコンテキストを失う	チャットをまたいでコンテキストを保持
複数のモデルを使うユーザー	Claude、ChatGPT、Gemini を手動で切り替える	一方で Alt+C、もう一方で Alt+V
Claude Code / Cursor / Copilot CLI を使うユーザー	AI チャットと CLI の同期が取れない	双方向の完全自動同期
Cursor ユーザー	Cursor にはターミナル→AI の機能がありますが、AI→ターミナルがありません	不足している方向を補完し、あらゆるブラウザー AI で動作
Copilot と Windsurf のユーザー	ブラウザー上でターミナル↔AI をつなぐ手段がありません	あらゆる AI チャットサイトと双方向同期
コンテンツ制作者やテクニカルライター	AI の下書きを一日中エディターにコピー＆ペースト	自動コピーで切り替えの手間を解消
費用を抑えたい開発者	Claude Code CLI は高すぎる	Chrome 拡張機能は完全無料
VS Code を使いこなすユーザー	より良い AI ワークフローツールをいつも探している	30秒でインストールでき、すぐに使えます

永久無料。API キー不要。サブスクリプション不要。CLI 不要。

クイックスタート

方法 A — Chrome 拡張機能のみ（CLI 不要）

このリポジトリをクローンするか、ダウンロードします
chrome://extensions に移動 → デベロッパーモードを有効化 → 解凍した拡張機能を読み込む → chrome-extension/ フォルダーを選択します
対応する AI サイトに移動して質問すると、回答がクリップボードに自動コピーされます
別の AI サイトで Alt+V を押して挿入します

これだけです。VS Code 拡張機能も CLI もセットアップも必要ありません。

Chrome ウェブストア版は近日公開予定です。

パス B — フル同期（Chrome + VS Code + CLI）

VS Code 拡張機能をインストールします：拡張機能パネルで「Syncbridge」を検索します
Chrome 拡張機能を読み込みます（パス A の手順 2 と同じです）
Ctrl+Shift+A（Mac：Cmd+Shift+A）を押し、プロジェクトフォルダーを選択します
Ctrl+Shift+E（Mac：Cmd+Shift+E）を押し、ファイル監視フックをデプロイします
Ctrl+Shift+S（Mac：Cmd+Shift+S）を押し、Syncbridge パネルを開きます
ターミナルでプロジェクトフォルダーから claude（またはお使いの CLI）を実行します

これで準備完了です。AI に質問すると、あとは Syncbridge が処理します。

できること

Syncbridge は、独立した 2 つのレイヤーで動作します。どちらか一方、または両方を使用できます。

Chrome 拡張機能のみ — 誰でも使用でき、CLI は不要です：

AI の応答が完了すると、自動的にクリップボードへコピーします
Alt+C で手動コピー、Alt+V で任意の AI 入力欄に挿入できます
1 つのキー操作で、Claude、ChatGPT、Gemini、Grok、Mistral、Perplexity、Copilot のコンテキストを切り替えられます
ウィジェットが非表示でも、緑色の通知でコピーを確認できます

VS Code 拡張機能 + Chrome 拡張機能 — 双方向のフル同期：

AI の応答を自動コピーし、1 つのキー操作で CLI の指示ファイルに送信します
CLI がタスクを実行すると、VS Code パネルにすべての操作がリアルタイムで表示されます
コンテキスト移行により、新しいチャット用にセッションを再構築します

対応する AI チャットインターフェイス（Chrome 拡張機能）：

Claude.ai
ChatGPT
Google Gemini
Perplexity
Grok（x.ai）
Mistral
Microsoft Copilot

対応するコーディング CLI（VS Code 拡張機能）：

Claude Code（フックによる完全自動同期）
Cursor
GitHub Copilot CLI
Windsurf
Aider
カスタム（ユーザー定義のファイル名）

スクリーンショット

問題 — AI と CLI の間で手動コピー＆ペーストが必要

解決策 — Syncbridge が AI の応答を自動コピー

解決策

2 つのモード — フローティングウィジェットと、通知付きの非表示モード

2 つのモード

非表示モード — ウィジェットが非表示でも、緑色の通知で自動コピーを確認

非表示モード

CLI の状態をリアルタイム表示 — CLI の実行に合わせて VS Code パネルが更新

CLI の状態をリアルタイム表示

仕組み

AI → CLI — AI に質問します。Chrome 拡張機能が応答の完了時に自動コピーします。VS Code で Ctrl+Shift+X（Mac：Cmd+Shift+X）を押すと、指示ファイルに書き込まれます。Claude Code CLI で /sync を実行すると、タスクが実行されます。

CLI → AI — Claude Code CLI がタスクを実行すると、フックがファイルへの書き込みと bash コマンドの実行のたびに claude-state.md を自動更新します。VS Code パネルにはこれらの更新がリアルタイムで表示されます。状態をコピーして任意の AI チャットに貼り付けると、完全なコンテキストを引き継いで再開できます。

コンテキスト移行 — チャットが長くなったら、Syncbridge パネルの ⟳ 再生成をクリックします。直近の指示と CLI の直近 10 件の操作を、構造化された移行プロンプトに統合します。新しいチャットに貼り付けると、AI は中断したところから正確に再開します。

アーキテクチャ

VS Code 拡張機能 — サイドバーパネル、ファイル監視、ステータスバー、クリップボード連携、プロジェクトフックのデプロイ
Chrome 拡張機能 — フローティングウィジェット UI、各 AI プラットフォーム用のサイトアダプター、応答完了時の自動コピー
MCP サーバー — MCP ツールを介した Claude Code CLI とのオプションの連携

インストール

VS Code 拡張機能

マーケットプレイスから： 拡張機能パネルで「Syncbridge」を検索し、「インストール」をクリックします。

.vsix ファイルから：

code --install-extension syncbridge-0.1.0.vsix

Chrome 拡張機能

デベロッパーモード（現在利用可能）：

このリポジトリをダウンロードまたはクローンします
chrome://extensions に移動します
デベロッパーモードを有効にします
「パッケージ化されていない拡張機能を読み込む」をクリックし、chrome-extension/ フォルダーを選択します

Chrome ウェブストア： 審査中です — 近日公開予定です。

MCP サーバー（Claude Code CLI）

claude mcp add syncbridge npx syncbridge-mcp

利用可能な MCP ツール：

update_state — CLI の状態を Syncbridge に送信します
read_instructions — 最新の AI 指示を取得します
get_context — 統合されたコンテキスト全体を取得します
clear_state — 新しいセッション用に状態をリセットします

VS Code 拡張機能

コマンド

コマンド	説明
`Syncbridge: Open Panel`	2 列目に同期パネルを開きます
`Syncbridge: Send Clipboard to CLI`	クリップボードの内容を指示ファイルに書き込みます
`Syncbridge: Set Active Project`	アクティブなプロジェクトフォルダーを設定します
`Syncbridge: Setup Project`	現在のプロジェクトにファイル監視フックをデプロイします

パネル UI

VS Code の 2 列目に開きます。3 つの制御ファイルすべての最新の内容を表示します。以下の機能があります。

ファイルごとの コピー ボタン
⟳ context.md を再生成 — 現在の状態から移行プロンプトを再構築します
⚠ すべての制御ファイルをクリア — 3 つのファイルすべてをリセットします

状態ファイルがディスク上で変更されるたびに、パネルが自動更新されます。

ステータスバー

ステータスバーに CLI の最後の操作を表示します。クリックすると Claude.ai の使用状況ページが開きます。 claude-state.md が変更されると自動更新されるため、手動で再読み込みする必要はありません。

activeCli 設定

Syncbridge は、使用する CLI に応じて制御ファイル名を切り替えます。

VS Code の設定に移動し、「syncbridge」を検索して、Active CLI を設定します。

設定	指示ファイル	状態ファイル	コンテキストファイル
claudecode (デフォルト)	claude-ai.md	claude-state.md	claude-context.md
cursor	cursor-ai.md	cursor-state.md	cursor-context.md
copilot	copilot-ai.md	copilot-state.md	copilot-context.md
windsurf	windsurf-ai.md	windsurf-state.md	windsurf-context.md
aider	aider-ai.md	aider-state.md	aider-context.md
custom	ユーザー定義	ユーザー定義	ユーザー定義

Claude Code 以外の CLI では、パネルに琥珀色のバナーが表示されます。これらの CLI では、状態ファイルを手動で更新する必要があります。

Chrome 拡張機能

機能

画面右端に配置されるスリムなフローティングウィジェット。ホバーすると展開し、タブをクリックすると固定表示されます
画面右端に沿って上下にドラッグできます
ホバー時に X ボタンを押すとページからウィジェットが削除されます。バックグラウンドでは動作し続けます
ツールバーのポップアップから、Chrome 拡張機能バーのフローティングウィジェットを表示／非表示にできます
AI の応答が完了すると、クリップボードに自動コピーします（応答ごとに 1 回）
緑色のトースト通知で自動コピーを確認できます。ウィジェットが非表示でも表示されます
出力の読み取りと入力の挿入に、サイトごとのセレクターを使用するサイトアダプター

対応サイト

Claude.ai · ChatGPT · Google Gemini · Perplexity · Grok · Mistral · Microsoft Copilot

キーボードショートカット

ショートカット（Windows/Linux）	ショートカット（Mac）	場所	操作
Ctrl+Shift+S	Cmd+Shift+S	VS Code	Syncbridge パネルを開く
Ctrl+Shift+X	Cmd+Shift+X	VS Code	クリップボードを指示ファイルに送信する
Ctrl+Shift+A	Cmd+Shift+A	VS Code	アクティブなプロジェクトを設定する
Ctrl+Shift+E	Cmd+Shift+E	VS Code	現在のプロジェクトをセットアップする（フックをデプロイ）
Alt+C	Option+C	Chrome	AI の応答をクリップボードにコピーする
Alt+V	Option+V	Chrome	クリップボードの内容を AI の入力欄に挿入する

VS Code のショートカットを変更するには：

package.json の contributes.keybindings を編集し、再コンパイルして再インストールします
または VS Code に組み込まれているエディターを使用します：Ctrl+K Ctrl+S（Mac：Cmd+K Cmd+S）

Chrome のショートカットを変更するには： chrome-extension/src/bot.js の keydown リスナーを編集してから、chrome://extensions で再読み込みします。

制御ファイル

初回の有効化時に、3 つのファイルすべてがワークスペースのルートに自動作成されます。ファイル名は activeCli 設定に応じて切り替わります（上記を参照）。

ファイル（claudecode のデフォルト）	方向	目的
`claude-ai.md`	AI → CLI	チャットからの指示。`/sync` が読み取って実行します
`claude-state.md`	CLI → AI	ファイル書き込みと bash コマンドの実行後に、フックによって自動更新されます
`claude-context.md`	共有	移行プロンプト。⟳ 再生成ボタンで再構築されます

コンテキストの移行

チャットが長くなりすぎたり、コンテキストがずれてきたりしたときに使用します。

コンテキスト移行のフロー

手順：

Syncbridge パネルで ⟳ Regenerate context.md をクリックします
直近の指示と CLI の直近 10 件の操作を、構造化されたプロンプトにまとめます
claude-context.md の内容をコピーします
新しいチャットに貼り付けると、AI が中断したところから正確に再開します

使用するタイミング：

チャットの応答がずれたり、正確さが失われたりしているとき
同じプロジェクトで新しい日を始めるとき
セッション中に AI モデルを切り替えるとき

ファイルウォッチャーフック

このフックは .claude/settings.json で設定され、Claude Code CLI によるファイル書き込みや bash コマンドの実行後に毎回自動的に起動します。

プロジェクトに導入するには、VS Code で Ctrl+Shift+E（Mac：Cmd+Shift+E）を押します。

別のプロジェクトに手動でコピーするには：

cp .claude/settings.json <project>/.claude/

フックが取得する内容：

✓ HH:MM:SS wrote <file_path>
✓ HH:MM:SS ran: <command>

マルチフォルダーワークスペース

ワークスペースに複数のルートフォルダーがある場合、アクティブなルートは次の順序で決定されます：

現在開いているファイルを含むフォルダー
Ctrl+Shift+A（Mac：Cmd+Shift+A）で設定したフォルダー
フォールバックとして、ワークスペース一覧の最初のフォルダー

ロードマップ

初回起動時にインストール済み CLI を自動検出
Chrome ウェブストアでの一般公開
初回ユーザー向けオンボーディングガイド
AI プラットフォームアダプターの追加
トークンを考慮したコンテキスト移行の改善

要件

VS Code 1.100.0 以降
Node.js v18+
サポート対象の CLI が少なくとも 1 つ（Claude Code、Cursor、Copilot CLI、Windsurf、または Aider）
Chrome 拡張機能には Chrome または Chromium ベースのブラウザー

拡張機能テストランナー

テストは src/test/extension.test.ts にあり、制御ファイルの作成、書き込みの安定性、追記順序、コンテキストの再生成、拡張機能の有効化を対象とした、再現性のある 7 件のテストが含まれています。

実行するには：VS Code サイドバーのビーカーアイコン（テスト）をクリックし、▷ すべてのテストを実行を押します。

パッケージ化する前に、すべてのテストに合格する必要があります。

開発

VS Code Extension API と Claude Code CLI を使用し、決定論的な SEP ベースのワークフローで構築されています。

リポジトリ：https://github.com/rehmansherazi/syncbridge

既知の制限事項

Chrome 拡張機能のサイトアダプターはフォールバック用のセレクターチェーンを使用します。軽微な DOM の変更には対応できますが、大幅なサイトの再設計には更新が必要になる場合があります
ファイルウォッチャーフックは、Ctrl+Shift+E（Mac：Cmd+Shift+E）を使ってプロジェクトごとに手動で設定する必要があります
自動同期フックを利用できるのは Claude Code CLI のみです。他の CLI では状態ファイルを手動で更新する必要があります
CLI 同期を行うには、フックを導入したプロジェクトディレクトリから CLI を実行する必要があります

プライバシー

Syncbridge は、ユーザーデータを外部サーバーで収集、送信、保存することはありません。

クリップボードへのアクセスは、AI の応答を読み取り、プロジェクトファイルにコンテキストをローカルで書き込む目的にのみ使用されます
ストレージ権限で保存されるのは、ブラウザー内のウィジェット表示状態のみです
分析、トラッキング、テレメトリーはありません
データがコンピューターの外部に送信されることはありません
すべての処理は、ブラウザー、VS Code、ターミナル間でローカルに行われます

お問い合わせ：[email protected]

Markdown 対応

ログインしてコメント

基本情報

作者: rehmansherazi
言語: node
バージョン: 0.1.1
トランスポート: stdio
掲載日: 2026年6月5日
最終更新: 2 週間前
公式 Registry: io.github.rehmansherazi/syncbridge-mcp

問題を報告

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

入門ガイドを読む

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。

syncbridge-mcp

syncbridge-mcp について

主な機能

活用シーン

MCP 対応

設定

ツール

詳細

Syncbridge

問題点

対象ユーザー

クイックスタート

方法 A — Chrome 拡張機能のみ（CLI 不要）

パス B — フル同期（Chrome + VS Code + CLI）

できること

スクリーンショット

問題 — AI と CLI の間で手動コピー＆ペーストが必要

解決策 — Syncbridge が AI の応答を自動コピー

2 つのモード — フローティングウィジェットと、通知付きの非表示モード

非表示モード — ウィジェットが非表示でも、緑色の通知で自動コピーを確認

CLI の状態をリアルタイム表示 — CLI の実行に合わせて VS Code パネルが更新

仕組み

アーキテクチャ

インストール

VS Code 拡張機能

Chrome 拡張機能

MCP サーバー（Claude Code CLI）

VS Code 拡張機能

コマンド

パネル UI

ステータスバー

activeCli 設定

Chrome 拡張機能

機能

対応サイト

キーボードショートカット

制御ファイル

コンテキストの移行

ファイルウォッチャーフック

マルチフォルダーワークスペース

ロードマップ

要件

拡張機能テストランナー

開発

既知の制限事項

プライバシー

コメント

MCP は初めてですか？

MCP（Model Context Protocol）とは？

MCP サーバーとクライアントの違いは？

ローカルとリモート、どちらを選ぶべき？

Claude や Cursor にサーバーを導入するには？

掲載プロジェクトは審査されていますか？「認証済み」とは？

自分のプロジェクトが掲載されています。どう申請できますか？