CopilotKit 的開源 AI Agent 前端框架在 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。
Tuyên bố miễn trừ trách nhiệm: Thông tin trên trang này có thể đến từ bên thứ ba và không đại diện cho quan điểm hoặc ý kiến của Gate. Nội dung hiển thị trên trang này chỉ mang tính chất tham khảo và không cấu thành bất kỳ lời khuyên tài chính, đầu tư hoặc pháp lý nào. Gate không đảm bảo tính chính xác hoặc đầy đủ của thông tin và sẽ không chịu trách nhiệm cho bất kỳ tổn thất nào phát sinh từ việc sử dụng thông tin này. Đầu tư vào tài sản ảo tiềm ẩn rủi ro cao và chịu biến động giá đáng kể. Bạn có thể mất toàn bộ vốn đầu tư. Vui lòng hiểu rõ các rủi ro liên quan và đưa ra quyết định thận trọng dựa trên tình hình tài chính và khả năng chấp nhận rủi ro của riêng bạn. Để biết thêm chi tiết, vui lòng tham khảo
Tuyên bố miễn trừ trách nhiệm.
Bài viết liên quan
Augustus được hậu thuẫn bởi Peter Thiel giành phê duyệt từ OCC cho ngân hàng AI và stablecoin
Công ty khởi nghiệp về thanh toán Augustus đã nhận được chấp thuận có điều kiện từ Văn phòng Kiểm soát Tài chính Hoa Kỳ (OCC) để thành lập một ngân hàng quốc gia tập trung vào thanh toán dựa trên AI và stablecoin. Cấp phép này cho phép Augustus mở rộng từ các hoạt động ngân hàng châu Âu hiện có sang thị trường Mỹ. Ngân hàng Quốc gia Augustus được đề xuất được thiết kế như một ngân hàng thanh toán bù trừ cho kỷ nguyên AI, được xây dựng để tương tác trực tiếp với các tác nhân máy thay vì các hệ th
GateNews1giờ trước
Akshay phân tích cấu trúc 6 lớp của Claude Code: mô hình chỉ là một nút trong vòng lặp
Kỹ sư AI Akshay Pachaar vào ngày 10 tháng 5 đã đăng trên X một bức sơ đồ hoàn chỉnh của Claude Code, tách toàn bộ hệ thống thành 6 tầng cấp, nhấn mạnh rằng “mô hình chỉ là một nút trong vòng lặp”. Bài đăng của Pachaar trích dẫn bài essay dài ngày 6 tháng 4 《The Anatomy of an Agent Harness》, trọng tâm là: Claude Code “giống như phép thuật” không phải do bản thân mô hình, mà nhờ thiết kế tinh vi của harness. 6 tầng kiến trúc: mô hình chỉ là một nút trong đó Claude Code 6 tầng mà Pachaar tổng hợp:
ChainNewsAbmedia3giờ trước
B.AI công bố quan hệ đối tác chiến lược với CoinAnk nhằm nâng cao khả năng giao dịch bằng AI agent
Theo ChainCatcher, hạ tầng tài chính cho AI Agent B.AI đã công bố quan hệ đối tác chiến lược với CoinAnk nhằm trang bị cho các AI agent khả năng ra quyết định nâng cao dựa trên dữ liệu. Sự hợp tác sẽ tận dụng các phân tích phái sinh và thông tin tình báo thị trường của CoinAnk để cung cấp tín hiệu giao dịch cho các chiến lược linh hoạt và được cân nhắc kỹ hơn, giúp các tác nhân thông minh đưa ra quyết định tốt hơn trong các thị trường phức tạp.
GateNews9giờ trước
Alibaba Phát hành Tác nhân dịch vụ khách hàng AI của Xiaomi, tỷ lệ chuyển đổi “AI+Con người” vượt dịch vụ thuần con người lần đầu tiên
Theo Taobao và Tmall Group của Alibaba, công ty đã ra mắt AI Xiaomi vào ngày 11/5, là tác nhân dịch vụ khách hàng đầu tiên của ngành thương mại điện tử có cả khả năng hỗ trợ trước bán hàng và sau bán hàng. Dữ liệu thực tế cho thấy sau khi các nhà bán hàng tích hợp AI Xiaomi, tỷ lệ chuyển tiếp từ tự động sang con người trung bình giảm 45%, trong khi tỷ lệ chuyển đổi theo mô hình “AI+con người” cao hơn dịch vụ khách hàng thuần con người trên 10%, đánh dấu lần đầu tiên dịch vụ có hỗ trợ AI vượt trộ
GateNews10giờ trước
AI Agent hoàn tất nhiệm vụ bounty, kiếm được 16,88 USD sau khi đốt 2.000 USD chi phí tính toán
Theo Beating, nhà phát triển Chris gần đây đã ra lệnh cho tác nhân AI Codex của mình kiếm 5 USD. Trong 22 giờ, tác nhân này tự động hoàn tất toàn bộ quy trình—xác định các lỗ hổng trong mã, sửa lỗi, liên lạc với người bảo trì và xác minh khoản thanh toán—cuối cùng kiếm được 16,88 USD. Tuy nhiên, các nhà phát triển nhanh chóng chỉ trích tính hiệu quả về mặt kinh tế: việc chạy liên tục một tác nhân AI cao cấp trong 22 giờ tiêu tốn khoảng 2.000 USD chi phí tính toán, dẫn đến lỗ ròng. Chris cho biết
GateNews14giờ trước
Giám đốc điều hành của Google Cloud và PayPal: AI agents trong kinh doanh sẽ chạy trên quỹ đạo thanh toán bằng tiền mã hóa
Tại Consensus Miami, Widmann của Google Cloud và Zabaneh của PayPal cho biết các AI agent không thể sử dụng tài khoản ngân hàng truyền thống, mà buộc phải đi theo hướng thanh toán bằng tiền mã hóa. Google ra mắt giao thức AP2 mở, làm nền tảng thanh toán cho AI agent, đồng thời quyên góp cho Quỹ FIDO; AI agent cần truy cập theo cơ chế phân mảnh khóa (key sharding), không thể tự mình chuyển tiền. PYUSD của PayPal được xem như một lớp thanh toán có thể lập trình, trong đó doanh nghiệp cần có danh mục/điểm nhận dữ liệu ở dạng máy đọc được. Dù lưu lượng của AI agent nhìn chung đã tăng, tỷ lệ doanh nghiệp có danh mục máy đọc được vẫn còn thấp; trách nhiệm thuộc về ai và các vấn đề liên quan đến ủy thác nhiều bên vẫn cần được làm rõ.
MarketWhisper14giờ trước
