生成式 UI 的三個層次

概要

• 模型寫前端已經夠好Ruben 說 2025 年底是轉折點，GPT-5.2 與 Opus 4.5 不只能做長時間任務，也能產出高擬真度的 UI。自己只用一句 prompt 請模型重寫部落格，模型還多做了沒要求的搜尋框。
• 兩個要分開問的問題一個是 UI 跑在哪裡，是每個產品各放一個 chat，還是集中在 ChatGPT、Claude、Gemini 這類 super app；另一個是模型到底在生成什麼。Ruben 這場談的是後者。
• 三種生成方式靜態元件由 agent 只傳 props 與資料；宣告式由 agent 輸出 JSON、YAML 之類的描述檔去對應既有元件；生成式則讓模型在執行時直接寫 HTML、CSS、JavaScript。
• 宣告式的好處是可預期元件仍由開發者定義，設計系統不會跑掉，Ruben 認為這在現階段比較快，也可能比較省 token。
• 生成式需要沙箱不信任第三方程式碼，就不該信任模型產出後直接丟給使用者的程式碼。Ruben 認為 MCP apps 的 iframe 隔離與訊息傳遞，正好是這種 UI 的交付機制。
• 下一步是協作而非元件Ruben 拿電視早期照搬廣播節目的例子，說現在還在想像力不足的階段，並預期未來是人與 agent 在共用畫布上一起改。

原話

• “And we have a super intelligence, but we don't have a mature interface language.”

  我們有了超級智慧，卻沒有成熟的介面語言

  ▶ 03:45

• “The question is why we don't let them just write that on demand at runtime”

  問題是，為什麼不讓模型在執行時直接寫

  ▶ 10:22

• “So if Anthropic decided to use MCP apps for their first-party UI, you can ask yourselves, why cannot we do the same?”

  Anthropic 既然選了 MCP apps 做自家 UI，我們也該問自己為什麼不能這樣做

  ▶ 12:50

• “The first TV shows were radio shows with cameras”

  最早的電視節目就是加了攝影機的廣播節目，這個類比是聽來的

  ▶ 13:55

延伸

• Ruben 說 super app 與到處放 chat 兩條路可能都只是過渡，哪一種會留下來要看消費者。
• Ruben 認為 Anthropic 本來可以自己做一套渲染架構，最後選 MCP apps，是因為驗證、訊息傳遞與沙箱這些功能開箱就有。