Open Intelligent UI项目深读：让模型把答案生成可交互界面

Open Intelligent UI是Thesys团队发布的开源演示项目，尝试把“答案”从一段聊天文字扩展为可交互的图表、地图、图片、表格和操作控件。仓库创建于2026年10月8日；10月21日GitHub API显示740颗Stars，项目文件采用MIT许可证，package.json版本为0.1.1，GitHub Releases页面尚无正式发布条目。它适合作为技术与交互范例阅读，不能据此认定已经是一个可直接嵌入生产产品的组件包。

变化来自模型输出的结构

README说明，模型以OpenUI Lang 1.0流式输出界面描述，应用端再用项目维护的组件原语解析和渲染。布局不预先固定成一张静态模板：模型可以在已登记的组件范围内安排文本、表格、图表和地图等元素。它与“模型写一段HTML然后直接执行”不同；答案由协议和组件库承接，项目也为组件提供schema、函数和提示规则。

演示包含文字与Markdown、按钮和卡片、图片与图标、折线/柱状/面积/饼图、表格、YouTube以及基于MapLibre的地图、标记、分类筛选和街道路线。README的比较视频展示了同一个“一日游路线”请求在ChatGPT和Open Intelligent UI中的照片、地图呈现。界面组合受到已注册的组件和数据函数限制，因此它展示的是一种可控的生成式UI方向，不代表模型可以可靠生成任意应用界面。

请求如何变成界面

主聊天页向Next.js API路由发送会话，请求可转发到OpenUI Cloud Gateway，也可通过环境变量接入OpenAI兼容的Chat Completions API。路由把项目定义的prompt和组件schema交给模型，再把流式响应返回给前端组件库。README还列出服务器端辅助路由：路线几何由OSRM提供，Wikipedia文章图片与坐标会缓存，SearchImage会从Wikipedia及Wikimedia Commons查询匹配图片。

这里有多个外部依赖边界：模型推理供应方可能收取费用；地图、照片和百科数据有各自的可用性与许可；缓存和用户问题也需纳入产品的数据策略。演示项目能够帮助团队理解流程，不会替业务系统完成登录授权、私有资料检索、审计或内容审核。

如何本地运行

README给出的基本步骤是安装npm依赖、生成Thesys API key并启动Next.js开发服务器：npm install、npm run generate:apiKey、npm run dev。默认需要服务端环境变量THESYS_API_KEY，可通过THESYS_MODEL选择provider/model。也能设置LLM_BASE_URL、LLM_API_KEY与LLM_MODEL连接兼容接口；README另给出使用Ollama本地模型的路径，避免申请云端API key，但仍需本机模型和相应算力。

项目的设计画廊位于开发页面/gallery，README列有16个手写示例和两个基于演示数据的仪表盘，可逐项查看同一组件库能表达什么。颜色、排版、圆角等视觉样式可以改；模型会调用的组件名、函数参数顺序和选项值属于协议接口，改动后应重新生成schema和prompt，以免后端说明与前端解析器不一致。

项目结构与评估方式

仓库以Next.js、React和TypeScript构成应用外壳，UI依赖OpenUI官方React组件包，并用Zod描述组件schema。src/app/api/chat/route.ts负责模型请求，src/lib/library.ts汇总组件和提示，src/lib/components/定义原语，src/app/gallery/保存演示程序。开发者可运行npm run generate、npm run prompt重建协议文件，并用npm run typecheck和npm run build检查项目。

仓库还提供bench脚本：它会把16个示例提示和8个仪表盘提示发给选定的OpenAI兼容模型，检查答案是否符合1.0解析器，并可在390与1280像素宽度截图。README说明该脚本用于项目自身的模型比较；基准输出会受模型、温度、prompt、并发和接口影响，不是独立评测机构的通用排行榜。正式接入前，团队应以自己的任务集测解析成功率、首屏时间、可访问性和窄屏布局。

适合谁先试

正在探索客服答案、旅行规划、数据分析或运营看板如何从文字变成可操作界面的产品团队，可以把它作为原型参考。若要用于业务，至少还需补上身份与权限、数据源接入、错误回退、组件级安全限制、第三方内容许可和费用监控。MIT适用于该仓库代码，不能替代Thesys API、模型、地图数据、照片或其他依赖自己的服务条款。项目目前没有GitHub正式Release，建议先按README固定依赖版本并在隔离环境验证。

项目资料

• Open Intelligent UI仓库
• 完整README与运行说明
• 在线Intelligent UI演示
• OpenUI开源协议与工具仓库
• 项目依赖和脚本
• GitHub Releases状态
• MIT许可证
• README演示对比图