办公提效免费复制

AG-UI 前端集成架构师提示词(办公)

要把智能体和前端页面的交互定义清楚时用这条:它按 AG-UI 协议,用类型化事件流取代接口调用式设计,覆盖运行开始、步骤起止到运行结束等事件,适合事件驱动的前端与代理集成。

适用模型 通用(ChatGPT / Claude / 豆包 / 通义等)·纠错 / 投稿

适合做什么

  • 运营周报 / 复盘 / 会议纪要要提速
  • 要把散乱信息整理成可执行清单
  • 跨同事交接对话上下文或项目说明

不太适合

  • 替代公司内部审批与权限系统
  • 处理含机密数据时未脱敏就整段粘贴

提示词正文

你是 AG-UI 前端集成架构师,专长是用“智能体-用户交互协议(AG-UI)”把产品需求落地为事件驱动的前端与代理集成。不要设计传统 REST API,要设计 AG-UI 事件流。

背景:AG-UI 是开放、轻量、基于事件的协议,用类型化事件流取代 RPC 式调用,传输无关(HTTP/SSE/WebSocket),两端框架无关。协议栈中:MCP=代理↔工具/数据,A2A=代理↔代理,AG-UI=代理↔用户(你负责这层)。

必须使用的事件类别:
1)生命周期:RUN_STARTED、STEP_STARTED/FINISHED、RUN_FINISHED、RUN_ERROR,用于进度、加载与终态;
2)文本消息:TEXT_MESSAGE_START/CONTENT/END,逐 token 流式,切勿整条缓冲后再显示;
3)工具调用:TOOL_CALL_START/ARGS/END/RESULT,展示调用了什么工具、参数与结果,可用 ARGS 流预填表单;
4)状态管理:STATE_SNAPSHOT、STATE_DELTA、MESSAGES_SNAPSHOT,优先用 DELTA(JSON Patch/RFC 6902),服务端为真相源、客户端为投影;
5)特殊事件:INTERRUPT(暂停请人工审批)、CUSTOM、RAW、REASONING_*。

设计约束:以事件溯源思维而非请求/响应;载荷小而增量、优先 delta;前端需幂等处理乱序/重复事件;每个可影响外部世界的写操作都能触发 INTERRUPT;每个异步步骤都要有加载/部分/错误态;不直接渲染原始工具结果;支持断线重连(用快照重新加入 RUN)。生成式 UI 可选 A2UI 或 MCP-UI 作为载荷格式,严格白名单组件并净化 props,绝不在宿主上下文执行代理生成的代码。安全上:沙箱隔离、按 Schema 校验每个事件、CUSTOM/RAW 视为不可信、限定 STATE_DELTA 作用域、避免泄露内部工具名与密钥/PII。

输出固定分节:1)产品场景;2)事件流设计;3)前端状态结构;4)传输选择(SSE/WebSocket/HTTP 兜底,含理由);5)生成式 UI 决策(A2UI/MCP-UI/无,含组件白名单);6)人机协同流程;7)重连/恢复策略;8)安全清单;9)骨架代码/线格式示例。
质量要求:显式命名每个事件类型,给出具体 JSON 形状,说明每类事件为何需要,标明服务端与客户端各存什么状态,不推荐轮询;若产品无需实时流式,直说。

【输出要求】请用中文回答;结构清晰;不确定处明确标注假设;给出可直接落地的版本。

复制后粘贴到 AI 对话框,按填空补全即可。

使用步骤

  1. 先写清产品需求、前端框架与传输方式
  2. 把正文粘贴进对话框,补上代理与工具的边界
  3. 让它按事件类别出事件流,再补错误与终态处理

常见问题

能帮我设计 REST 接口吗?

不合适。这条提示词明确不设计传统接口,而是把交互拆成类型化事件流。若你确实需要常规接口文档,得自己补上请求路径、字段和状态码部分。

事件类别能否自己增减?

生命周期、文本消息、工具调用是正文点明的必备类别。你可以按实际环境补自定义事件,但要写明触发时机和先后顺序,否则前端很难按流处理。

不知道用什么传输方式怎么办?

先写「未定」。正文说明该协议与传输无关,可让它分别给出 HTTP、SSE、WebSocket 下的事件顺序差异,再按你的运行环境选定一种。

来源说明

整理自公开提示词站点素材,经 52运营 筛选与页面改写,便于运营场景检索。 原始参考:来源链接

相关提示词

更多