開源 AI Agent 前端框架 CopilotKit 5 月 7 日宣布推出 Open Generative UI、是 Anthropic Claude Artifacts 功能的開源實作。akshay_pachaar 整理說明、CopilotKit 的版本讓 Agent 在執行時動態生成 HTML/SVG、以 token-by-token 串流方式顯示在 sandboxed iframe、用戶能即時看到介面組裝過程、不必等完整回應。在 Anthropic Claude Artifacts 之前、生成式 UI 能力只存在於 Anthropic 自家產品內；CopilotKit 把同樣模式對外開源、可整合到任何 app。
核心機制：Agent 即時生成 HTML/SVG、串流到 sandboxed 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 對資訊的準確性、完整性不作保證，對因使用本資訊而產生的任何損失不承擔責任。虛擬資產投資屬高風險行為，價格波動劇烈，您可能損失全部投資本金。請充分了解相關風險，並根據自身財務狀況和風險承受能力謹慎決策。具體內容詳見
聲明。
相關文章
Akshay 解析 Claude Code 6 層架構：模型只是迴圈中的一個節點
Pachaar 公布 Claude Code 的六層架構，強調模型只是迴圈中的一個節點：輸入、知識、執行、整合、多代理、觀測。核心在 context compressor（三層壓縮、92% 閾值）與 worktree 隔離（獨立分支、衝突檢測），以及 prompt cache 的 10% 成本。結論：harness 設計決定體驗，模型升級並非唯一變化。
鏈新聞abmedia9分鐘前
B.AI 宣布與 CoinAnk 建立策略合作夥伴關係，以強化 AI 代理交易能力
根據 ChainCatcher，AI Agent 金融基礎設施 B.AI 宣布與 CoinAnk 建立策略合作夥伴關係，以為 AI 代理程式提供增強的資料驅動式決策能力。此合作將運用 CoinAnk 的衍生品分析與市場情報，提供交易訊號，讓策略能更具適應性且更具資訊性，協助智慧代理程式在複雜市場中做出更好的決策。
GateNews5小時前
阿里巴巴推出 AI 小米客服代理程式，「AI+Human」轉換率首次超越純人工客服
根據阿里巴巴的淘寶與天貓集團，公司於 5 月 11 日推出 AI 小米，這是電商產業首款同時具備售前與售後能力的客服代理。真實世界數據顯示，當商家整合 AI 小米 後，平均轉接至人工的比率下降 45%；而「AI+人類」協作的轉換率比純人工客服高出超過 10%，這是首次由 AI 輔助的服務超越僅人工操作。 截至 3 月，AI 小米 每日處理近 1000 萬段對話，並已被超過 100 萬家商家採用。
GateNews6小時前
AI 代理完成獎金任務，燒毀 2,000 美元的運算成本後賺得 16.88 美元
根據 Beating，開發者 Chris 最近指示他的 AI Codex 代理去賺取 5 美元。經過 22 小時，該代理自主完成整個工作流程——識別程式碼漏洞、修復錯誤、與維護者溝通、並驗證付款——最終賺得 16.88 美元。然而，開發者很快就批評其經濟性：讓高階 AI 代理連續運行 22 小時，約消耗 2,000 美元的運算成本，導致淨虧損。Chris 澄清他使用的是每月 20 美元的訂閱方案，將成本轉嫁到 AI 平台。儘管在過程中帳戶限制觸發了兩次，他仍表示，等到平台成本在明年降至每百萬 tokens 2 美元時，這種模式將會變得有利可圖。
GateNews10小時前
Google Cloud 與 PayPal 高管：AI 代理商務將運行在加密支付軌道上
在 Consensus Miami，Google Cloud 的 Widmann 與 PayPal 的 Zabaneh 指出 AI 代理無法使用傳統銀行帳戶，必須走加密支付路線。Google 推出 AP2 開放協議，作為 AI 代理支付基礎，並捐贈給 FIDO 基金會；代理需以金鑰分片存取，不能單獨轉移資金。PayPal 的 PYUSD 被視為可程式化支付層，商家需要具備機器可讀目錄。雖然 AI 代理流量普遍，但具機器可讀目錄的商家比例仍低，責任歸屬與多方託管問題待界定。
Market Whisper11小時前
Google Cloud 和 PayPal 推出 AP2 協議，擁有 120+ 個合作夥伴；高層表示 AI 代理將在加密貨幣支付通道上運行
根據 CoinDesk，Google Cloud 與 PayPal 的高層人員在今天的 Consensus 會議上表示，由於結構性限制使 AI 代理無法存取傳統銀行帳戶，AI 代理將在加密貨幣支付通道上運作。Google Cloud 的 Web3 策略負責人 Richard Widmann 表示，加密貨幣支付通道提供「極佳的機器可讀支付介面」。Google 已推出 Agentic Payments Protocol（AP2），吸引了超過 120 家合作夥伴（包含 PayPal），並將其捐贈給 FIDO Foundation。PayPal 的穩定幣 PYUSD 依照 PayPal 加密貨幣資深副總裁 May Zabaneh 的說法，作為一層「天生可程式化的支付層」。
GateNews14小時前
