modelcontextprotocol/ext-apps

解決的問題

MCP Apps 允許開發者超越 AI 工具返回的簡單文字與結構化資料回應。它提供了一種標準化的方式，將互動式使用者介面（例如圖表、表單、儀表板與設計畫布）直接嵌入至符合要求的 AI 客戶端（如 Claude 和 ChatGPT）的聊天介面中。

工作原理

透過擴展 Model Context Protocol (MCP)，允許工具使用 ui:// URI 來宣告 UI 資源。當 LLM 呼叫工具時，主機客戶端會取得 HTML 界面並在沙盒化的 iframe 中進行渲染。系統支援雙向通訊：主機透過通知將資料傳遞給 UI，而 UI 可透過主機觸發其他工具。

適用對象

• 應用開發者：使用提供的 SDK（包含 React 鈎子）建構互動式檢視的人。
• 主機開發者：將這些互動式檢視嵌入至自身聊天客戶端的人。
• MCP 伺服器作者：希望註冊帶有 UI 元資料的工具以提升使用者體驗的人。

主要亮點

• 廣泛的客戶端支援：相容 Claude、ChatGPT、VS Code、Goose 與 Postman。
• 代理驅動開發：包含「代理技能」，允許 AI 編碼代理自動為 MCP 伺服器建立、遷移或新增 UI。
• 框架無關：提供 React、Vue、Svelte、Preact、Solid 與 Vanilla JS 的起始範本。
• 豐富的範例：包含多樣化的示範應用，從 3D 地球檢視器、即時 GLSL 着色器渲染器到客戶留存熱力圖與 PDF 檢視器。