正在加载陈远的个人网站

让编码 Agent 直接生成可视化工作界面

HarnessAgent 与 json-render 让编码 Agent 在沙盒工作时实时生成图表、表单和结果界面。

Agent 工程前端工程

来源摘录

Introducing Generative UI for Claude Code, Codex and Pi Charts, forms, 3D, anything Your agent renders real UI for users while it works in a sandbox Powered by AI SDK's experimental HarnessAgent + json-render https://t.co/9fAWSbNX9k

在 X 上查看原视频

深度解析

是什么 这条推文展示面向编码 Agent 的 Generative UI:Agent 在 live sandbox 中执行任务,不把过程压成 Markdown,而是把步骤、diff、终端输出、测试与图表组织成可交互界面。入口覆盖构建并测试库、修复代码、基准测试和仓库探索;结果页将二进制大小与语言使用场景渲染为图表、标签和追问框。

核心设计 交互链路是“选择 Agent—输入任务—观察执行—阅读结构化结果—继续追问”。HarnessAgent 承接沙盒中的编码工作,json-render 将结构化结果映射为 UI,使输出从文本扩展到表单、图表乃至 3D。重点是让工作过程成为可扫描、可比较、可继续操作的对象。

关键洞察 这不是单纯换皮:对测试报告、基准数据、调试状态等信息,视觉结构能减少认知负担,也让 Agent 的中间产物更容易被验证。任务卡、结果图表和 follow-up 输入框共同形成闭环。

边界与风险 推文未说明组件协议、状态同步、权限隔离、错误回退和可访问性;“3D/anything”更像方向性宣称。生成式 UI 仍需防止数据与图表错配、视觉装饰掩盖结论,以及同一任务因随机生成导致结果不可复现。文中只提供 harness-chat 与 vercel-labs/json-render 作为参考入口,不能据此推断完整仓库架构。