UI 已死？Postman 工程师揭秘生成式 UI 的下一站

当大模型已经能写出比你更好的前端代码，问题就不再是“能不能生成 UI”，而是“为什么我们的界面还这么原始”。Postman 的资深工程师 Ruben Casas 抛出一个大胆判断：我们还被组件时代困住了，而真正的生成式 UI 才刚开始。

模型写 UI 已经赢麻了，但我们用错了方式

Ruben 一上来就戳破了很多前端工程师的心理防线：在 2025 年末这一轮模型加速之后，GPT‑5.2 和 Opus 4.5 已经能稳定产出“高保真、可运行、甚至有设计感”的前端 UI。不是 demo 级别，而是真正能上线的代码。他分享了一个亲身经历：只是让模型“重写博客”，结果模型自作主张生成了一个带模糊动画、无障碍支持的搜索框。那一刻他意识到，短短三年，模型从“能跑就不错”进化到了“写得比我好”。真正反直觉的点在于：能力已经在那里了，但我们的 UI 形态几乎没变。大多数 AI 应用，依然只是把模型塞进一个静态页面，或者在原有 SaaS 上硬加一个聊天框。这不是模型不行，而是范式落后了。

静态、声明式、生成式：三代 UI 范式的断层

Ruben 把当下的 AI UI 清晰地拆成三层。第一层是最常见的“静态组件 UI”：Agent 只是调工具，传参数，前端渲染一堆开发者提前写好的 React 组件，本质上和过去 20 年的服务端驱动 UI 没区别。第二层是正在兴起的“声明式 UI”：模型不直接写组件，而是生成 JSON / YAML 描述，由渲染引擎映射到设计系统。这一层的代表包括 Netflix 的服务端驱动 UI，以及 Vercel 的 JSON Render。它的优势很现实：一致性强、token 成本低、可控性好，是今天“性价比最高”的方案。但问题也很明显——模型只能在组件库里选，想象力被锁死。第三层，才是 Ruben 真正感兴趣的方向：生成式组件。既然模型已经擅长写 HTML、CSS、JavaScript，为什么不让它在运行时直接生成 UI？他在 Postman 做了实验：一个天气 Agent，一次工具调用，同时生成笑话、接口请求、以及完整前端代码。没有组件、没有翻译层，UI 是即兴的、不可预测的。这听起来很危险，而他也明确承认：不加限制就是灾难。

为什么 MCP Apps 是生成式 UI 的最佳“容器”

生成式 UI 最大的阻力不是技术，而是信任。你敢不敢运行一段模型刚写出来的前端代码？Ruben 的答案是：单独不敢，但放进 MCP Apps 里就不一样了。MCP 提供了他认为“刚好够用”的一整套基础设施：身份认证、工具调用、消息传递，以及最关键的——默认沙箱化的双 iFrame 隔离。这让第三方、甚至第一方的生成式 UI，都有一个相对安全的分发通道。他特别提到 Anthropic 的选择：他们在可视化功能上押注 MCP Apps，而不是自建一套 UI 协议。这在战略上很耐人寻味——如果连一线模型厂商都选择用 MCP 承载动态 UI，那它很可能不只是过渡方案。Ruben 的潜台词很明确：未来 UI 生成得越自由，交付层就必须越克制，而 MCP 恰好踩在这个平衡点上。

我们还活在“AI UI 的广播时代”

演讲最后，Ruben 用了一个极具画面感的比喻：现在的 AI UI，就像早期电视——本质还是“带画面的广播”。聊天框无处不在，但它不是终局。真正的未来，是超越组件、走向协作式 UI：人和 Agent 共同操作一个共享画布。Excalidraw 的 MCP App 是他最喜欢的例子：模型生成内容，人类直接修改，改完再交给模型继续。这不是你问我答，而是来回拉扯的协作。他承认，我们还想象不出最终形态，就像 70 年代的人想象不出今天的图形界面。但可以确定的是：静态组件不是答案，单一聊天框也不是。生成式 UI 的终点，不是更炫的界面，而是更自然的人机协作。

总结

这场分享真正的价值，不在于某个具体方案，而在于一个清醒的提醒：模型能力已经越级，但我们的 UI 思维还停在旧时代。对从业者来说，短期内你不一定要全押“生成组件”，但至少要开始用声明式 UI、理解 MCP 的边界与价值。更重要的是，别再把聊天框当终点。未来的竞争，很可能不在模型参数，而在谁先做出“人和 Agent 真正一起工作的界面”。问题留给你：如果 UI 可以随需求即时生成，你现在的产品形态，还成立吗？

关键词： 生成式UI， MCP Apps， AI Agent， 前端生成， 人机协作

事实核查备注： 需要核查的关键事实包括：1）Ruben Casas 的职位为 Postman Staff Engineer；2）时间点：2025 年末模型加速与 GPT‑5.2、Opus 4.5 的发布背景；3）Andrej Karpathy 关于“新计算机像终端”的原话语境；4）Anthropic 在可视化功能中使用 MCP Apps 的具体实现。