openui: 這是什麼、解決了什麼問題以及為什麼它正受到關注

解決了什麼問題

OpenUI 提供了一種讓 LLM 生成互動式使用者介面（Generative UI）而非僅僅是純文字的方法。它解決了使用 JSON 進行結構化 UI 生成時產生的高 Token 成本和延遲問題，同時確保生成的 UI 保持一致性，並限制在預定義的組件庫中。

如何運作

OpenUI 使用一種自定義的、以串流為先的語言，稱為 OpenUI Lang。其流程遵循特定的流程：開發者定義一個組件庫（使用 Zod schema 作為型別合約），從該庫生成系統提示詞（system prompt）來指示 LLM，接著 LLM 會串流回傳 OpenUI Lang 的輸出。隨後，一個專門的渲染器會隨著這些 Token 在瀏覽器中抵達時，即時且漸進地解析並渲染這些 Token（支援 React、Vue 和 Svelte）。

對象是誰

它專為開發 AI 助手、Copilot 以及需要模型動態渲染圖表、表單、表格和其他複雜 UI 元件的互動式產品流程而設計。

重點摘要

• Token 效率：比基於 JSON 的格式使用減少高達 67% 的 Token，從而降低成本和延遲。
• 多框架支援：提供 React、Vue 和 Svelte 的運行時（runtimes），以及一個與框架無關的核心。
• 以串流為先：隨著 LLM 生成 Token 時，漸進式地渲染 UI 組件。
• 組件庫驅動：透過將模型限制在特定的一組已註冊組件中，確保受控的渲染。
• 即插即用工具：包含預建的聊天佈局、用於搭建架構的 CLI，以及用於 AI 編碼助手的 Agent Skill。