thesysdev/openui

解決的問題

OpenUI 提供了一種讓 LLM 生成互動式使用者介面，而非僅產生純文字的方法。它解決了使用 JSON 進行結構化 UI 生成時所帶來的高 token 成本與延遲問題，同時讓開發者能嚴格控制在客戶端渲染哪些元件。

工作原理

此框架的核心是 OpenUI Lang，一種緊湊且以串流為優先的語言。開發者定義元件庫（使用 Zod 架構定義屬性），OpenUI 會根據該庫產生系統提示。隨後，LLM 以 OpenUI Lang 串流輸出，客戶端渲染器在 token 到達時逐步解析並即時渲染元件。

適用對象

專為開發 AI 助手、協作者與互動式產品流程的開發者設計，希望將生成式 UI 集成至 React、Vue 或 Svelte 應用中。

主要亮點

• 高 token 效率：相比基於 JSON 的格式，最多可減少 67% 的 token 使用，降低使用成本與延遲。
• 串流優先：隨著模型生成，UI 元件可逐步渲染。
• 渲染器無關：官方支援 React、Vue 和 Svelte，核心解析器與框架無關。
• 基於庫驅動：自動從定義的元件庫產生模型指令，確保輸出一致性。
• 開箱即用：包含內建元件庫（圖表、表單、表格）與預建構的聊天介面。