Domscribe — コーディングエージェント向け双方向UI-コードブリッジMCP

Domscribeは、実行中のWebアプリケーションとソースコード間に双方向リンクを作成するオープンソースMCPサーバーだ。AIコーディングエージェントがコード編集中にブラウザを確認・操作できるようにする。3月27日にProduct Huntで公開され、GitHubで102スターを獲得している。

ツールは双方向に機能する：開発者はブラウザオーバーレイで任意のDOM要素をクリックしてエージェントに変更箇所を伝え、エージェントは任意のソースコード位置をクエリしてライブレンダリング、props、コンポーネント状態を確認できる。エージェントが変更を加えると、WebSocketリレーを通じてリアルタイムフィードバックがブラウザオーバーレイに配信される。

ビルド時安定ID（ASTを通じた確定的data-ds属性の注入）、深いランタイムコンテキストキャプチャ、React 18-19、Vue 3、Next.js 15-16、Nuxt 3+に対応するフレームワーク非依存のサポートを実現。MCPを通じて12のツールと4のプロンプトを公開し、Claude Code、GitHub Copilot、Gemini、Kiroなどと連携可能。本番ビルドではすべてのインストルメンテーションが自動的に除去される。

GitHub: https://github.com/patchorbit/domscribe
公式サイト: https://www.domscribe.com/