thesysdev/openui

解决的问题

OpenUI 提供了一种让 LLM 生成交互式用户界面而非仅生成纯文本的方法。它解决了使用 JSON 进行结构化 UI 生成时带来的高 token 成本和延迟问题，同时允许开发者严格控制在客户端渲染哪些组件。

工作原理

该框架的核心是 OpenUI Lang，一种紧凑且以流式传输优先的语言。开发者定义组件库（使用 Zod 架构定义属性），OpenUI 会基于该库生成系统提示。随后，LLM 以 OpenUI Lang 流式输出，客户端渲染器在令牌到达时逐步解析并实时渲染组件。

适用人群

专为构建 AI 助手、协作者和交互式产品流程的开发者设计，希望将生成式 UI 集成到 React、Vue 或 Svelte 应用中。

主要亮点

• 高 token 效率：相比基于 JSON 的格式，最多可减少 67% 的 token 使用，降低使用成本和延迟。
• 流式优先：随着模型生成，UI 组件可逐步渲染。
• 渲染器无关：官方支持 React、Vue 和 Svelte，核心解析器与框架无关。
• 基于库驱动：自动从定义的组件库生成模型指令，确保输出一致性。
• 开箱即用：包含内置组件库（图表、表单、表格）和预构建的聊天界面。