Insights·2026-06-10

生成式 UI 与 MCP 应用 — 智能体时代的界面走向何方

智能体 UI 正沿三个阶段进化:静态(智能体往预制组件里填数据)、声明式(智能体写 JSON 描述,渲染引擎映射到设计系统)、生成式(模型在运行时即席生成 HTML/CSS)。当前的均衡点是声明式;迈向生成式的关键不是能力而是信任——即沙箱这一安全的分发结构。MCP 应用正作为该分发渠道受到关注。

智能体 UI 的三个阶段

在 AI 写前端代码比人更好的时代,UI 为什么还停留在静态?这是 Postman 的 Ruben Casas 在 AI Engineer 大会上抛出的问题。他把智能体 UI 的进化分为三个阶段:开发者预制组件、智能体只填数据的静态方式;智能体写 JSON 描述、渲染引擎映射到设计系统的声明式方式;以及模型在运行时即席写出 HTML 和 CSS 的生成式组件。

为什么当前的均衡点是声明式

声明式方式既守住设计系统的一致性,又能实现个性化,成本还低。迈不进生成式的原因不是能力,而是信任:LLM 即席写的代码不能不经验证就呈现在用户屏幕上,所以必须先建立沙箱这一安全的分发结构。

MCP 应用受关注的原因

MCP 应用默认具备认证、工具调用、双重 iframe 沙箱,因此可以充当生成式 UI 的分发渠道。Anthropic 把自家的可视化功能用 MCP 应用而非自有渲染来实现,也被解读为一个战略信号。

电视的比喻 — 外挂聊天机器人的局限

电视刚出现时,人们只是把摄像机对准广播节目。如今在首页外挂聊天窗口的 SaaS 们,正处在同一阶段。下一阶段是人与智能体围绕同一块画布共同编辑的协作型 UI。

设计企业 AX 时,同样的问题依然有效:不是在哪里挂聊天机器人,而是把智能体与人共同工作的界面放在哪里。这正是 SH Consulting 在 AX 设计中把界面层单独对待的原因。