MCP Apps:讓介面跟著對話走
MCP Apps: Extending the Frontier — Ido Salomon & Liad Yosef

Ido Salomon 與 Liad Yosef 是 MCP Apps 規格的共同作者,這場講服務怎麼把自己的介面直接送進聊天視窗,以及這對網頁與 app 發佈方式代表什麼。
這場講了什麼
- 文字不是好介面:聊天客戶端習慣用文字,但文字是傳遞大量資訊最差的方式。這也是公司不想做 MCP server 的主因:不想被縮成一個文字資料庫,丟掉品牌辨識。MCP Apps 讓服務把自己的介面片段送進聊天。
- 從 MCPUI 到官方擴充:Ido Salomon 在去年 5 月做出 MCPUI,幾個月前與 Anthropic、OpenAI 合作,以 MCPUI 等方案為基礎,做成 MCP 的官方擴充 MCP Apps。
- 兩個核心做法:伺服器把 HTML 當 resource 回傳,由支援的 host 在沙盒裡渲染;使用者在介面上的操作先回報給 host,由 host 決定要不要呼叫工具。
- 網站拆成小塊介面:他們設想個人助理把各家服務拆成小塊介面再自己組合,使用者不必開二十個分頁。這也代表沒有任何應用能再掌控使用者的路線,主控權在 host。
- 規格還在長:接下來要做可重用的 view、讓 host 反過來操作 app 的機制,以及與 A2UI 等宣告式生成介面標準的互通,歡迎社群提 PR。
- 新的發佈管道:他們引用 Sam Altman 說 ChatGPT 每週有 800 million 用戶,主張 MCP Apps 是一種全新的應用發佈方式,寫一次就能到處跑。
影片從哪一段開始看12 段
- 00:13自我介紹與現況Ido Salomon 是 MCPUI 的創作者,Liad Yosef 與 Ido 一起做 MCPUI,最近共同創立 Aura。ChatGPT、VS Code、Slack 裡的那些 app,背後都是 MCP 與 MCP Apps 規格。
- 01:01為什麼需要 MCP Apps文字是傳遞大量資訊最差的方式,公司也不想被縮成文字資料庫。構想是讓每個服務把自己的介面片段送進聊天,使用者一眼認得出是哪個品牌。
- 02:18從 MCPUI 到官方擴充MCPUI 是跑在 MCP 上的互動式應用開放協議,管介面怎麼傳,也管介面怎麼跟 host 溝通。幾個月前與 Anthropic、OpenAI 合作,做成官方擴充 MCP Apps。
- 03:24採用者與社群早期採用 MCPUI 的有 ElevenLabs、Shopify、Postman、Goose,現在 Cursor、Copilot 等客戶端也支援,OpenAI 也建議用 MCP Apps 做 GPT apps。社群有外掛與課程,工作小組每三週開一次會。
- 04:50傳 UI 與互動的流程用 MCP 既有的 resource 回傳 HTML,Claude 就能渲染成互動畫面。使用者點了按鈕,app 不是打自家後端,而是傳訊息給 host、建議呼叫某個工具,由 host 決定怎麼做。
- 06:43PostHog 示範問漏斗狀態,以前只拿到一整段正確但沒用的文字;PostHog 伺服器與 Claude 都支援 MCP Apps 之後,說「show me」就出現 PostHog 風格的互動圖表。接著請 Claude 用即時生成的互動畫面解釋漏斗是什麼。
- 08:40運作架構工具呼叫連到一個裝著 HTML 的 resource。host 端在 MCPUI SDK 裡只是一個 React 或 web component,接收 resource 與 callback、在沙盒中渲染;點擊事件經 callback 回到模型,模型再呼叫工具。
- 10:05網頁的新樣子規劃週年紀念,現在要在 Google Calendar、Amazon、Booking 之間開二十個分頁,而那些介面 99% 用不到。他們設想助理把各服務拆成小塊介面自己組合,不離開助理就能走完整個流程。
- 12:12使用者路線的控制權在 Shopify 的 MCP app 裡點擊後,路線由 host 掌控,不再是 Shopify。app 可以通知聊天有事發生,或請聊天去跑一段 prompt,MCP Apps 把這套互動流程標準化。
- 13:40官方 SDK 與待辦規格與 SDK 由他們直接維護,規格一改 SDK 就跟上。待辦有兩項:像 Autodesk 這種帶整套 3D 渲染的重型 app 需要可重用的 view;host 反過來操作 app 的機制已寫進規格,即將發布。
- 15:43生成式 UI 光譜一端是預先定義的介面(MCP Apps 的 iframe 黑盒),中間是 JSON render、A2UI 這類宣告式,另一端是完全生成。Claude 的 Imagine 功能背後也是 MCP Apps;幾天前他們發布了 A2UI 與 MCP Apps 互通的指南。
- 17:04新的應用發佈方式引用 ChatGPT 每週 800 million 用戶的數字,主張這是全新的發佈管道。同一份程式碼能在開源客戶端與 ChatGPT 上跑,寫一次到處執行。
值得記的話5 句
But text is really the worst way to convey a lot of information
但文字其實是傳遞大量資訊最糟的方式01:01The host keeps this control of the flow.
流程的控制權留在 host 手上06:25And no application will control the user journey anymore.
而且再也不會有應用掌控使用者的路線12:32MCP Apps is agnostic to the way the UI is generated.
MCP Apps 不管介面是怎麼生成的15:58Not quite Jarvis, but with MCP and MCP apps, we're close.
還不到 Jarvis,但有了 MCP 與 MCP apps,我們很接近了17:59
名詞與人物9 個
- MCP Apps
- MCP 的官方擴充,讓伺服器回傳介面,並標準化介面與 host 之間的溝通
- MCPUI
- Ido Salomon 在去年 5 月做出的開放協議,是 MCP Apps 的基礎之一
- host
- 接收並渲染 app 介面的聊天客戶端,掌握要不要呼叫工具的決定權
- Ido Salomon
- MCPUI 的創作者,MCP Apps 的共同作者與維護者,也在 MCP Steering Committee
- Liad Yosef
- MCP Apps 規格的共同作者與維護者,最近共同創立 Aura
- Aura
- Liad Yosef 共同創立的研究實驗室,研究 agentic web
- WebMCP
- Google 的標準,規範 agent 怎麼與 web view 互動;MCP Apps 這邊對應的是讓 host 操作 app 的機制
- A2UI
- 生成式 UI 標準,由 app 回傳建構介面的指示、交給聊天端去建;已有與 MCP Apps 互通的指南
- JSON render
- 同屬宣告式生成介面的規格
提到但沒有展開
- 他們引用的 ChatGPT 每週 800 million 用戶,大約是全世界人口的 10%;整個網路花了大約 13 年才到這個用戶數。
- Block 在演講當天發布了以 MCP Apps 為基礎的 agent 電商方案。
- 工作小組每三週開一次會,成員有 Anthropic、OpenAI 與其他夥伴,目標是讓規格不只服務大型實驗室,也服務社群。
同一站:Model Context Protocol (MCP)2 場
- MCP Apps:讓介面跟著對話走你在這裡
- MCP Tasks 為什麼沒人支援083 · Cornelia Davis(Temporal) · 24 分