modelcontextprotocol/ext-apps

何を解決するか

MCP Apps は、AI ツールからの単純なテキストや構造化データの応答を超えて、開発者がチャートやダッシュボードなどのインタラクティブな UI を、Claude や ChatGPT などの準拠 AI クライアントのチャットインターフェース内に直接埋め込める標準化された方法を提供します。

動作方法

Model Context Protocol (MCP) を拡張し、ツールが ui:// URI を使って UI リソースを宣言できるようにします。LLM がツールを呼び出すと、ホストクライアントが HTML インターフェースを取得し、サンドボックス化された iframe でレンダリングします。このシステムは双方向通信をサポートしています：ホストは通知を通じてデータを UI に渡し、UI はホスト経由で他のツールをトリガーできます。

対象ユーザー

• アプリ開発者：提供された SDK（React フックを含む）を使ってインタラクティブな View を構築する人。
• ホスト開発者：これらのインタラクティブな View を自前のチャットクライアントに埋め込む人。
• MCP サーバー作者：UI メタデータを登録してユーザー体験を向上させたい人。

主な特徴

• 広範なクライアント対応：Claude、ChatGPT、VS Code、Goose、Postman と互換性があります。
• エージェント駆動開発：AI コーディングエージェントが MCP サーバーに自動的に UI をスケルトン化、移行、追加できる「エージェントスキル」を含んでいます。
• フレームワーク非依存：React、Vue、Svelte、Preact、Solid、Vanilla JS 用のスターター テンプレートを提供しています。
• 豊富な例：3D グローブビューアーやリアルタイム GLSL シェーダレンダラー、カスタマーリテンションヒートマップ、PDFビューアーなど、幅広いデモアプリが含まれています。