エージェント準備完了のWeb UIコンテキストのためのローカルMCPサーバー
viewgraphは、Sourjya Sankar SenからのMCPサーバーで、ライブWebページをAIコーディングアシスタント用のコンパクトでエージェントフレンドリーなUIコンテキストに変換します。これは、エージェントがインターフェースコントロールを低いトークンオーバーヘッドで参照できるように、DOM構造、視覚的レイアウト、およびインタラクティブ要素のマッピングをキャプチャします。このプロジェクトは、ブラウザ拡張機能、セッションキャプチャツール、およびローカルストレージをバンドルしています。ターゲットユーザーは、エージェントツールを開発およびテストワークフローに統合するソフトウェアエンジニアとQAテスターです。
エージェントにどのような実用的なタスクを可能にしますか？
サーバーはライブページを構造化されたエージェント対応のUIコンテキストに変換し、モデルが生のHTMLを解析するのではなく、インターフェース指向の仕事を実行できるようにします。キャプチャにはレイアウト、DOMセレクタ、スタイル、インデックス付きのインタラクティブ要素が含まれ、UI監査、プログラムによるナビゲーション、再現可能なバグ再生などのタスクを可能にします。出力は、エージェントが自動テスト中にどのコントロールをアクティブにするかを選択する際の曖昧さを減らすことを目的としています。
- UI監査とアクセシビリティチェック
- エンドツーエンドテストのためのスクリプト化されたナビゲーション
- 報告のための再現可能なバグキャプチャ
生成されたUIコンテキストはどれほど信頼性が高く、コンパクトですか？
このツールはトークン効率の良いキャプチャを生成し、アクションマニフェスト形式は生のHTMLと比較してキャプチャサイズを最大85パーセント削減します。空間インデックスは、密なレイアウトでの正確な選択をサポートする座標によるO(log n)要素クエリを提供します。記録されたセッションはHTMLスナップショットとスクリーンショットをペアにして、マルチステップフローが分析中の検証のために構造と視覚的参照の両方を保持します。
チームは重い再作業なしに既存のエージェントワークフローに統合できますか？
サーバーはMCP互換のNode.js/NPMサービスとして実行され、手動キャプチャ用のChrome拡張機能を含み、MCPをサポートするエージェントセットアップに適合します。最大4つのプロジェクトの自動URLルーティングをサポートし、キャプチャを.viewgraphディレクトリにローカルに保存します。開発者はソフトウェアエンジニアとQAテスターを対象としており、MCP準拠のクライアントを使用するチームはエージェントを直接接続でき、スタンドアロンテスターは注釈付きレポートをエクスポートできます。
エージェントワークフローを組み込むエンジニアリングチームのための専門ツール
このサーバーは、すでにエージェントツールに依存しているエンジニアリングおよびQAチームに適しており、より高い忠実度のインターフェースコンテキストが必要です。コミュニティのフィードバックは、その技術的な焦点とトークンの節約を強みとして指摘しています。開発者向けのセットアップを期待し、出力が正確性に関する権威ある決定ではなく構造化されたコンテキストを提供するため、エージェントのアクションを手動で検証する計画を立ててください。
