跳到正文
IFAI

開源專案

Open Intelligent UI 開源:把 ChatGPT 動態介面搬進自研應用

首次發布 傳播指數 48

CopilotKit 開源 Open Intelligent UI,把類似 ChatGPT 的動態介面生成能力帶入自研應用。Agent 可按需呼叫現有元件,或在隔離沙盒中流式生成互動圖表與工具。最值得關注的是它支援接入任意模型和 AG-UI 協議,不用被 OpenAI 生態繫結。

圖:youtube.com

Open Intelligent UI 是一個開源的生成式介面框架,能把類似 ChatGPT Intelligent UI 的動態互動介面生成能力,直接搬進你自己的應用裡。

OpenAI 最近在 ChatGPT 裡上線了能動態生成圖表、地圖和實用小工具的能力,但整套體系完全封閉,沒有對外開放 API。CopilotKit 推出的這個開源專案,就是讓開發者用自己的元件庫和設計規範,在自研產品裡實現一模一樣的體驗。

它是怎麼跑起來的

專案內建了兩種介面生成邏輯,覆蓋了從嚴格受控到完全自由的區間。

面對簡單表格或標準資料時,它會遵循 Google 的 A2UI 規範,直接呼叫你產品原本封裝好的原生前端元件,保證字型、色彩和視覺風格完全貼合自研系統。

遇到複雜任務或定製工具時,系統會呼叫 generateSandboxedUi,按順序流式輸出 HTML、CSS 和 JavaScript。這些程式碼會在一個完全隔離的 iframe 沙盒中即時渲染,邊生成邊展示。

生成的介面不僅好看,還能真正互動。使用者在生成的計算器或圖表裡點選操作,每次互動都會打包成新一輪上下文,重新回傳給 Agent。如果你需要離線使用,生成的介面還能一鍵匯出為獨立的本地 HTML 檔案。

解綁模型與全套開源協議

這套工具底層基於 CopilotKit 的 Open Generative UI,後端 Agent 預設執行在 LangChain Deep Agents 上。模型分工很明確:由 OpenAI 負責撰寫內容,TypeSafe 的 Jev 負責判斷採用純文本、原生元件還是自編介面。

它最實用的地方在於協議解耦。專案全面接入了開源的 AG-UI 互動協議,也支援 MCP Apps。這意味著你不需要重寫前端,就能把後端的 LangChain 替換成 Mastra、Google ADK 或微軟的 Agent Framework。

專案程式碼目前已經在 GitHub 完全開源。本地部署非常簡單,克隆倉庫後執行 make setup 和 make dev 即可啟動。執行需要準備 OpenAI 和 TypeSafe 的 API 金鑰,在開啟介面的頂部輸入框填入就能開始測試。

為什麼重要

我們認為這個專案的價值,在於把頭部大廠剛做出來的互動形態快速拉回了開源世界。

正如 OpenAI 設計團隊的 Andrew Chen 所說,生成式 UI 最難的不是生成介面,而是讓它看起來像自己產品的一部分。如果你的團隊正在構建垂直領域的 Agent 應用,又不想讓使用者對著千篇一律的純文本氣泡發呆,這個專案非常值得立刻拉下來跑一跑。

它的聰明之處在於把原生元件對映和沙盒自由生成結合了起來,既保住了品牌設計一致性,又留出了自由度。不過需要提醒的是,流式生成複雜介面的穩定性完全取決於底層模型的程式設計水平,在複雜業務場景下,最好還是優先限制在官方元件模式內執行。

來源 (1)

  1. [1]

每日 AI 內容精選