Awesome Generative UI

AI 驱动用户界面生成的精选资源合集

探索生成式 UI 的前沿世界 - AI 正在改变我们设计、构建和交互用户界面的方式。

15
论文
12
案例
16
视频
33
资源
5
讨论

最新资源

📄论文

TaskLens:为学习专业创作软件生成任务条件化支架界面

DIS 2026 / arXiv 论文,提出 TaskLens:一种用 LLM 为复杂创作工具生成任务条件化支架 UI 的方法。系统会识别工作流阶段与领域概念,选择相关工具,生成实现代码,并在 Blender 等软件中生成逐步暴露高级功能的界面。

scaffolded-uicreative-softwaregenui
作者 Liu Y. et al. · 2026-06
阅读更多
面向任何 Agent、任何场景的 Generative UI:A2UI、AG-UI、MCP Apps 等
🎬视频

面向任何 Agent、任何场景的 Generative UI:A2UI、AG-UI、MCP Apps 等

Google Cloud Tech 官方会议视频,将 A2UI、AG-UI、MCP Apps 等标准放在一起讲解,说明它们如何作为互补层支持可移植的 Agent 生成界面。

google-clouda2uiag-ui
作者 Google Cloud Tech · 2026-06
观看视频
超越组件:为 MCP Apps 设计 Generative UI
🎬视频

超越组件:为 MCP Apps 设计 Generative UI

AI Engineer Europe 演讲,Postman 的 Ruben Casas 讲解如何为 MCP Apps 设计 Generative UI,从单个组件扩展到更完整的 Agent 交付应用界面。

mcp-appsgenerative-uipostman
作者 AI Engineer · 2026-06
观看视频
📚资源

将 MCP Apps 接入 AI SDK 应用

Vercel Knowledge Base 指南,讲解如何用 AI SDK 构建 MCP Apps host。文章展示 `@ai-sdk/mcp` 与 `@ai-sdk/react` 如何区分 model-visible tools 和 app-only tools、读取 `ui://` resources,并用 `experimental_MCPAppRenderer` 在沙箱 iframe 中渲染交互式工具 UI。

vercelai-sdkmcp-apps
作者 Vercel · 2026-06
查看资源
📚资源

ag-ui-protocol/ag-ui

AG-UI 协议的官方仓库,定位为把 Agent 接入前端应用的 agent-user interaction 层。它的价值在于不只是某个应用 demo,而是更底层地定义了传输与事件模型,让 Agent 后端能把消息、工具活动和 UI 更新流入不同客户端中的真实产品。

protocolagent-uiopen-source
作者 AG-UI Contributors · 2026-06
查看资源
📚资源

A2UI + MCP Apps:结合声明式与自定义 Agent UI

Google Developers Blog 的官方架构文章,解释如何把 A2UI 与 MCP Apps 组合使用。它的价值在于不只停留在协议发布,而是给出三种集成模式:通过 MCP 传递 A2UI payload、在 A2UI 组件中嵌入 MCP Apps,以及在 MCP Apps 内运行 A2UI renderer。

googlea2uimcp-apps
作者 Google A2UI Team · 2026-06
查看资源
📄论文

Macaron-A2UI:面向个人 Agent 的生成式 UI 模型

2026 年新近发布的 arXiv 论文,聚焦个人 Agent 的运行时 Generative UI。作者认为纯文本聊天已成为复杂 Agent 任务的瓶颈,并提出大规模 Generative UI 语料与 A2UI-Bench,训练模型同时生成自然语言和可执行的轻量 UI 动作,用于确认、偏好细化和多目标协同。

agentsa2uibenchmark
作者 Kong F. et al. · 2026-05
阅读更多
💡案例

Google Stitch:实时 AI 原生 UI 设计

Google Labs 的 Stitch 是一个偏设计时的 GenUI 案例,而不只是聊天式代码生成 demo。在 2026 年 5 月 19 日的官方更新中,Google 将其描述为一个实时协作式设计系统:Agent 会把 UI 生成过程直接流到无限画布上,允许用户在完成前中途转向,并把结果导出到生产链路。

googlestitchdesign-tool
作者 Google Labs · 2026-05
访问网站
用 Vibe Design 构建出色 Web UI
🎬视频

用 Vibe Design 构建出色 Web UI

Chrome for Developers 官方演讲,展示如何结合 Stitch 与 Chrome DevTools MCP,把想法转化为更完整的 Web UI 工作流。

chromestitchmcp
作者 Chrome for Developers · 2026-05
观看视频

生成式 UI 精选资源合集。

用 ❤️ 由社区制作