将 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。
ag-ui-protocol/ag-ui
AG-UI 协议的官方仓库，定位为把 Agent 接入前端应用的 agent-user interaction 层。它的价值在于不只是某个应用 demo，而是更底层地定义了传输与事件模型，让 Agent 后端能把消息、工具活动和 UI 更新流入不同客户端中的真实产品。
A2UI + MCP Apps：结合声明式与自定义 Agent UI
Google Developers Blog 的官方架构文章，解释如何把 A2UI 与 MCP Apps 组合使用。它的价值在于不只停留在协议发布，而是给出三种集成模式：通过 MCP 传递 A2UI payload、在 A2UI 组件中嵌入 MCP Apps，以及在 MCP Apps 内运行 A2UI renderer。
syntux - 为 Web 构建 Generative UI
Syntux 是一个开源 React 库，聚焦根据输入数据和可选提示生成 Web 界面。它使用名为 React Interface Schema 的扁平 JSON-DSL，支持流式生成、自定义组件、缓存和响应式再生成，是理解“数据到界面”式 GenUI 的实用参考，而不只是聊天助手外壳。
Agent Framework 的 AG-UI 集成
Microsoft Learn 文档，讲解如何把 Agent Framework agent 连接到 AG-UI 前端。它展示了 Microsoft 如何在生产型 agent 应用中理解 AG-UI，涵盖 agentic generative UI、tool-based UI，以及后端 agent runtime 与 React 客户端之间的事件桥接。
A2UI v0.9：面向可移植、框架无关 Generative UI 的新标准
Google Developers Blog 关于 A2UI v0.9 的官方更新。文章将 A2UI 定位为面向生产环境的声明式 Agent 生成 UI 标准，补充了官方 React renderer，并解释了 Agent 如何在不生成任意前端代码的前提下，面向 Web 与移动端的既有组件目录生成界面。
别再让 AI 写 JSON 了：我们为什么构建 OpenUI
OpenUI 官方工程文章，解释团队为何不再使用 JSON 树来承载 Generative UI。文章梳理了交互式 Agent 生成界面的运行时需求，指出嵌套 JSON 在有状态 UI 中会变得脆弱，并引入了面向流式生成的 OpenUI Lang。
Introducing Tambo 1.0
Tambo 官方发布文章，介绍其面向生产环境的 React 生成式 UI 工具包。文章解释了完整栈模式：开发者注册现有 React 组件，Agent 选择组件并流式写入 props，而 Tambo 负责对话状态、编排和持久化交互组件行为。
MCP Apps：为 MCP 客户端带来 UI 能力
Model Context Protocol 官方发布文章，介绍 MCP Apps 这一首个可用于生产环境的 MCP 扩展，用于在 AI 客户端中直接返回交互式 UI。文章说明了工具如何声明 `_meta.ui.resourceUri`、宿主如何以沙箱方式渲染界面，以及为什么仪表盘、表单、可视化和多步骤工作流比纯文本更适合许多 Agent 任务。
Introducing A2UI：面向 Agent 驱动界面的开放项目
Google Developers Blog 官方文章，发布面向 Agent 生成界面的声明式格式 A2UI。文章解释了本地或远程 Agent 如何向宿主应用请求受信任的 UI 组件，而不是输出任意 HTML，从而让 Generative UI 更安全、跨平台且支持渐进更新。
Google Research 博客：Generative UI
Google Research 博客发表的文章《Generative UI: A rich, custom, visual interactive user experience for any prompt》。由 Google 研究院资深工程师撰写，介绍了 Generative UI 的实现思路和实验结果。文章指出："Generative UI 是一种让 AI 模型不仅生成内容还能创造完整用户体验的新能力"，并说明此功能已在 Gemini 应用和 Google 搜索 AI 模式中实验推出。
Google 发布 Gemini 3、Google Antigravity 和 Generative UI 功能
Constellation Research 技术分析文章，介绍了 Gemini 3 发布会内容，强调 Generative UI 功能：Gemini 3 可以"创建互动组件、提供不同情景选项、图像、表格和文本"。文中详细描述了 Visual Layout 和 Dynamic View 实验。
9to5Google：Gemini 3 发布分析
9to5Google 关于 Gemini 3 的详细分析，解释了 Generative UI 功能。文章指出动态视图（Dynamic View）可让 Gemini 3 为每个提示"设计并编码一个完全定制的交互式响应"，可视化布局则生成"杂志风格"的沉浸式多媒体界面。
Generative UI 项目 - Google
Google 团队发布的 Generative UI 项目网页（generativeui.github.io），含研究论文、交互示例和部分代码，展示其 GenUI 实现方式。
AIBase 新闻：Google Generative UI
中文媒体 AIBase 在 2025 年 11 月报道称，"Generative UI 让 AI 在回答问题时生成可操作的动态界面"。
AI 驱动的 Generative UI：前端 Web 开发的未来
Pansofic 发布的综合性文章，探讨 AI 驱动的 Generative UI 如何变革前端开发。文章涵盖实时 UI 适配、自然语言生成界面、个性化体验和快速原型设计等主题，并包含 Builder.io、Vercel AI SDK 和 Figma AI Assistant 等案例研究，以及实施最佳实践。
AI 即新 UI：使用 FastHTML 构建 Generative UI
Pol Alvarez Vecino 撰写的深度教程，演示如何使用 FastHTML 和 HTMX 在不到 150 行代码内构建交互式 Generative UI 应用。文章探讨了从纯文本聊天界面到展示型 GenUI 再到完全交互式 GenUI 的演进，解释了超媒体方法如何消除前后端之间的"契约耦合"，使 LLM 能够生成真正动态的界面。
Generative UI：智能、基于意图、AI 驱动
Medium/Design Bootcamp 上 Daniel Ostrovsky 撰写的文章，从商业和用户角度阐述了 Generative UI 的潜力。文章认为 GenUI 不是让 AI "凭空创造全新组件"，而是根据用户意图智能地选择和排列现有界面元素。并通过金融服务、教育应用等示例说明 GenUI 如何提升效率和体验。
Generative UI 简介
UX Collective 上 Mark O'Neill 撰写的文章，介绍了 Generative UI 的概念和实践案例。作者指出这一术语"在 2023 年出现"，并将其定义为"通过生成式 AI 根据上下文自动构建或调整界面的技术"。文章举例说明，采用 GenUI 后界面元素、布局、风格可以随用户而异，实现个性化体验。
Generative UI 与结果导向设计
Nielsen Norman Group 撰写的文章，讨论了 Generative UI 对设计范式的影响。作者定义 Generative UI 为"由 AI 实时动态生成、为用户量身定制界面的技术"，认为其将使界面设计从满足大多数人转向满足个体需求。文章提倡从传统界面设计转向"结果导向设计"，即重点考虑用户目标和最终体验。
MCP-UI-Org/mcp-ui
MCP-UI 官方 SDK 仓库，用于在 MCP 之上构建和渲染交互式 UI。它的价值在于清晰展示了标准化之后的生态形态：`@mcp-ui/*` 现已实现 MCP Apps 标准，支持 TypeScript、Python 与 Ruby 服务端路径，并继续作为落地 UI-rich Agent 工具的实际 host/client SDK。
CopilotKit 文档：Generative UI 概览
CopilotKit 官方文档页面，系统解释其 Generative UI 技术栈中的核心原语。页面将这一领域拆解为 components-as-tools、tool-call rendering、state rendering、sandboxed MCP Apps、declarative UI renderers 等具体运行时模式，是理解生产级实现选型的一张清晰地图。
CopilotKit/generative-ui
CopilotKit 官方示例仓库，集中演示三类具体的 Generative UI 模式：基于前端工具的 controlled GenUI、基于 A2UI/Open-JSON-UI 的 declarative GenUI，以及在沙箱中渲染的开放式 UI 生成。相比零散 demo，它的价值在于把多种 GenUI 路线放进同一套持续维护的示例中对照呈现。
CopilotKit/OpenGenerativeUI
CopilotKit 官方开源框架，面向更开放式的 Generative UI。与声明式组件规范示例不同，这个仓库聚焦沙箱中的 HTML/SVG 富交互体验，如图表、图解、模拟器和 3D 场景，展示 Agent 如何在受控 iframe 运行时中生成完整的交互式可视化响应。
thesysdev/openui
Thesys 官方 OpenUI GitHub 仓库。它将 OpenUI language、runtime 以及基于组件的 React 集成放在同一项目中，是团队设计文章对应的具体实现入口。对于想评估“超越纯 JSON schema”的流式 GenUI 系统的开发者来说，这个仓库尤其有参考价值。
google/A2UI
Google 官方 A2UI 仓库，集中提供 agent-to-user-interface 格式的规范、renderers、示例和工具，是理解“可移植、声明式、基于受信组件目录的 Generative UI”最直接的一手实现入口。
Flutter GenUI SDK
Flutter 团队的官方库（BSD 许可证），用于在 Flutter 应用中集成生成式 UI 功能。它提供 JSON 格式的交互式组件定义和状态回馈机制，将聊天输出转为可操作界面。该库目前星标 930 余，是 Flutter 官方的实验性项目。
OpenAI Structured Outputs 示例：Generative UI
OpenAI 官方示例应用，展示了用结构化输出实现 Generative UI 的一条务实路径。该 demo 使用递归组件 schema 与 `generate_ui` 工具，让模型在多轮对话和自动工具执行过程中，能够稳定流式返回 UI 定义，而不只是文本。
vercel-labs/json-render
Vercel Labs 官方开源的 Generative UI 框架。json-render 让模型基于提示生成界面，同时被限制在开发者定义的组件目录内，并把生成出的 spec 逐步渲染到 Web、移动端等不同运行时。
Hashbrown - TypeScript Generative UI 框架
Hashbrown 是一个面向浏览器端 Agent 与 Generative UI 的开源框架，支持 React 和 Angular。它与本站主题的契合点在于“组件控制”模型：开发者暴露可信 UI 组件，由 LLM 组合动态视图、流式渲染到页面中，并结合客户端 tool calling 与结构化数据，而不是只返回文本。
mdocUI - 基于 Markdoc 标签的 Generative UI
mdocUI 是一个仍处于 alpha 阶段的 Generative UI 库，让 LLM 在普通 Markdown 中内嵌 Markdoc 风格组件标签。项目还早期，但它提供了不同于 JSON 树和 tool call 的路线：自然语言内容与交互组件可以共用同一条流，由渲染器处理校验、占位、错误边界和自定义组件映射。
LangUI - AI 专用 UI
LangUI 库（MIT 协议）是一个开源的 Tailwind CSS 组件库，专为 GPT/生成式 AI 应用定制。它提供丰富的 UI 组件，可与任何使用 LLM 的项目（如聊天机器人、内容生成工具）集成，简化 GenUI 开发。
Anilturaga/Generative-UI - 与 Claude 一起想象
Anil Turaga 的开源"Imagine with Claude"演示项目，展示与 Claude 配合的生成式 UI 能力。