Agent 研习舱
工具调用 MCP Skills2026-04-12

生成式UI

定义

由 AI 智能体根据用户需求和上下文动态生成并组合的用户界面,而非由开发者预先硬编码。区别于传统 UI(静态、预定义),生成式 UI 的输出生命周期可以超越对话本身(持久视图)。

要点

  • 从文本输出到界面元素:LLM 不再只返回 Markdown,而是渲染表单、图表、表格、交互组件
  • 持久性:第三阶段的生成式 UI 在对话关闭后仍然存在(如 Notion AI 创建的视图)
  • 三个前提条件:可复现性(同样请求基本一致结果)、一致性(符合设计系统)、低延迟(接近 200ms 人类感知阈值)
  • 最终形态:界面根据用户使用模式实时组合,聊天框退化为「逃生舱」

示例

  • Vercel v0:从文本描述生成 React 组件
  • Claude:对话中渲染交互式组件
  • Notion AI:通过对话创建持久数据库视图

相关概念

参考资料

  • SaaS界面演进与生成式UI〔待补〕

来自本站知识库 · 全部概念