开源 AI Agent 前端框架 CopilotKit 5 月 7 日宣布推出 Open Generative UI、是 Anthropic Claude Artifacts 功能的开源实现。akshay_pachaar 整理说明、CopilotKit 的版本让 Agent 在执行时动态生成 HTML/SVG、以 token-by-token 的串流方式显示在带沙盒隔离的 iframe 中,用户能即时看到界面组装过程、不必等到完整回应。在 Anthropic Claude Artifacts 之前、生成式 UI 能力只存在于 Anthropic 自家产品内;CopilotKit 把同样模式对外开源、可整合到任何 app。
核心机制:Agent 即时生成 HTML/SVG、串流到带沙盒隔离的 iframe
Open Generative UI 的技术设计:
Agent 不从预先建好的元件选用、而是每次从零生成任意视觉内容
输出以 HTML/SVG 形式以 token-by-token 的方式串流到沙盒化 iframe
iframe 完全隔离、无法存取父 app、DOM、或用户资料
即使 Agent 产生破损标记或意外 JavaScript、也不会泄漏到 iframe 外
开发者可通过「skill prompts」引导 Agent 产出特定视觉格式(如 Chart.js dashboard 含坐标轴标签、3D 模型含旋转控制等)
沙盒设计是处理「Agent 任意生成代码」风险的标准作法——让 Agent 自由产出但限制其执行范围、不破坏主应用安全边界。
相容范围:LangGraph/CrewAI/Mastra/Google ADK/AWS Strands
Open Generative UI 建立在 AG-UI 协议之上、开箱即用相容多个 Agent 框架:
LangGraph
CrewAI
Mastra
Google ADK
AWS Strands
同时提供独立 MCP(Model Context Protocol)服务器、可插入 Claude Code、Cursor、或任何相容 MCP 的客户端使用。整套方案建立在 CopilotKit 的开源前端框架上、CopilotKit 在 GitHub 已累积超过 30,000 颗星、提供 React、Next.js、Angular、Vue 的 SDK。
对 AI Agent 开发者意义:跨框架、跨模型的 GenUI 标准
本次发布对 AI Agent 应用层的意义:
过去开发者要在自家 app 中加入「Claude Artifacts 风格的动态 UI」需要自行从零实现
Open Generative UI 提供一个开源、跨框架、跨模型的选择
通过 MCP 服务器、Claude Code 与 Cursor 用户可直接接入
后续可追踪的具体事件:CopilotKit Open Generative UI 在 LangChain/CrewAI 社群的采用率、Anthropic 对「Claude Artifacts 被开源实现」的官方反应、以及其他 Agent 框架是否提供类似 GenUI 能力。
这篇文章 CopilotKit 开源 Open Generative UI:Claude Artifacts 跨 Agent 框架实现 最早出现在 链新闻 ABMedia。
免责声明:本页面信息可能来自第三方,不代表 Gate 的观点或意见。页面显示的内容仅供参考,不构成任何财务、投资或法律建议。Gate 对信息的准确性、完整性不作保证,对因使用本信息而产生的任何损失不承担责任。虚拟资产投资属高风险行为,价格波动剧烈,您可能损失全部投资本金。请充分了解相关风险,并根据自身财务状况和风险承受能力谨慎决策。具体内容详见
声明。
相关文章
彼得·蒂尔支持的 Augustus 获得 OCC 对 AI 与稳定币银行的批准
支付初创公司 Augustus 已获得美国货币监理署(OCC)的有条件批准,计划设立一家专注于 AI 和基于稳定币的支付的全国性银行。该批准使 Augustus 能够从其现有的欧洲银行业务扩展到美国市场。拟议的 Augustus 国家银行被设计为面向 AI 时代的清算银行,旨在直接与机器代理互动,而非传统的批处理系统。Augustus 成立于 2022 年,由 Peter Thiel 的 Valar Ventures 和 Creandum 支持,截至目前已筹集约 4000 万美元。
GateNews29 分钟前
Akshay 解析 Claude Code 6 层架构:模型只是循环中的一个节点
AI 工程師 Akshay Pachaar 5 月 10 日在 X 公开一張 Claude Code 完整架構圖,把整个系统拆解成 6 个層級、強调「模型只是迴圈中的其中一个節点」。Pachaar 的貼文引用他 4 月 6 日的长篇 essay《The Anatomy of an Agent Harness》,重点是:Claude Code 之所以「像魔法」、不是模型本身、而是 harness 工程的精細设计。 6 層架構:模型只是其中一个節点 Pachaar 整理的 Claude Code 6 層: Input Layer(输入層):负责 session 管理、權限控制、以 YAML 设定信任層級。任何指令进入模型前都先经过此層。 Knowledge Layer(知识層):包含 skill registry、context compressor(3 層壓縮、92% 门檻觸发)、task graph、跨 session 的記憶儲存。这是 harness「智能」存在的地方,獨立於模型權重之外。 Execution Layer(執行層):透过 typed registry 派遣工具呼叫,每
鏈新聞abmedia2小时前
B.AI 宣布与 CoinAnk 建立战略合作伙伴关系,以增强 AI 代理交易能力
据 ChainCatcher 称,AI 代理金融基础设施 B.AI 宣布与 CoinAnk 建立战略合作伙伴关系,为 AI 代理提供更强的数据驱动决策能力。该合作将利用 CoinAnk 的衍生品分析和市场情报,为交易提供信号,以支持更具适应性和更知情的策略,帮助智能代理在复杂市场中做出更好的决策。
GateNews8小时前
阿里巴巴发布 AI 小米客服代理,“AI+人”转化率首次超越纯人工服务
据阿里巴巴旗下淘宝和天猫集团称,公司于 5 月 11 日发布 AI 小米,这是电商行业首个同时具备售前与售后能力的客服智能体。真实数据表明,商家在集成 AI 小米后,平均转人工率下降 45%;“AI+人工”协同转化率比纯人工客服高出 10% 以上,这是 AI 辅助服务首次超越仅靠人工的运营模式。 截至 3 月,AI 小米日均处理近 1000 万次对话,已被超过 100 万家商家采用。
GateNews8小时前
AI 代理完成赏金任务,烧掉 2,000 美元的计算成本后赚取 16.88 美元
据 Beating 称,开发者 Chris 最近指示他的 AI Codex 代理赚取 5 美元。经过 22 小时,该代理自主完成了整个工作流程——识别代码漏洞、修复错误、与维护者沟通并验证付款——最终赚取了 16.88 美元。然而,开发者很快就批评了其经济性:持续运行一台高端 AI 代理 22 小时消耗了约 2000 美元的计算成本,导致净亏损。Chris 澄清他使用的是每月 20 美元的订阅计划,将成本转嫁给了 AI 平台。尽管在过程中账户限制触发了两次,但他认为一旦平台成本到明年降至每百万 tokens 2 美元,这种模式就会变得有利可图。
GateNews13小时前
Google Cloud 与 PayPal 高管:AI 代理商務将运行在加密支付轨道上
在 Consensus Miami,Google Cloud 的 Widmann 和 PayPal 的 Zabaneh 指出,AI 代理无法使用传统银行账户,必须走加密支付路线。Google 推出 AP2 开放协议,作为 AI 代理支付基础,并捐赠给 FIDO 基金会;代理需以金钥分片存取,不能单独转移资金。PayPal 的 PYUSD 被视为可程式化支付层,商家需要具备机器可读目录。虽然 AI 代理流量普遍,但具机器可读目录的商家比例仍低,责任归属与多方托管问题待界定。
Market Whisper13小时前