Agent 生成式 UI 集成指南

解决什么问题

把 AI 助手嵌进产品后，交互往往停在「聊天框」：代理能回答，但不能填表、点按钮、切换视图。用户得在对话和界面之间来回手动搬运信息。生成式 UI 的目标是让代理直接返回并控制组件，让对话本身成为操作界面的入口。

技能如何工作

本指南基于 CopilotKit 的思路，给出四步集成路径：

• 挂助手入口：在应用里嵌入 Copilot 侧栏或内联组件，接上你的代理后端；
• 暴露前端动作：把提交、筛选、导航等关键 UI 操作封装为代理可调用的工具；
• 生成式渲染：代理按上下文返回组件而非纯文本，界面随对话演进；
• 状态同步：代理操作与用户操作共用同一应用状态，避免各说各话。

注意点

• 权限边界：代理能改界面，就能误触关键动作，需要权限限定与确认闸；
• 状态单一来源：避免代理写入与用户操作互相打架；
• 流式体验：长响应要做增量渲染，否则界面假死；
• 别退化成聊天：生成式 UI 的价值在于直接操作，不是更花哨的对话气泡。