thesysdev/open-intelligent-ui

这是什么？

核心功能

• 01将模型回答渲染为包含地图、图表、表格和表单的交互界面。
• 02通过变量保存回答状态，并用内置函数计算数值。
• 03提供基于 MapLibre 的地图，支持标记、分类过滤和街道路线。
• 04可接入 OpenUI Cloud、任意兼容 OpenAI 的接口，或本地 Ollama 模型。
• 05提供仅开发环境可用的组件与示例展示页面。

适用场景

• 原型化生成式聊天界面，让回答以工具形式而非纯文本呈现。
• 在 AI 聊天产品中构建行程规划、仪表盘或计算工具。
• 测试本地或其他 LLM 服务商在生成式 UI 上的表现。

快速上手

1. 1

   复制环境变量文件

   cp .env.example .env
2. 2

   安装依赖

   npm install
3. 3

   生成 API 密钥并写入 .env

   npm run generate:apiKey
4. 4

   启动开发服务器并打开 http://localhost:3000

   npm run dev

使用前须知

• !需要 Node 24，并且需要 OpenUI Cloud 密钥或其他兼容 OpenAI 的 API 密钥才能生成回答。
• !街道路线使用公共 OSRM 演示服务器，仅提供道路概览，不提供步行或公交路线。
• !README 将其描述为复现 ChatGPT 功能的演示项目，而非生产级库。
• !使用本地模型需要下载较大文件（默认约 18 GB），并需要较大内存。

标签

常见问题

open-intelligent-ui 是什么？

基于 OpenUI 的开源 Next.js 项目，复现 ChatGPT 的 Intelligent UI，将模型回答以可交互的地图、图表、表单和工具形式呈现。 Open Intelligent UI 复现了 ChatGPT Intelligent UI 的交互式回答体验。例如输入“规划一天的旧金山行程”，返回的不是纯文本，而是包含地图、照片和可编辑行程的生成界面。模型输出 OpenUI Lang，应用使用一套组件库渲染，页面布局由模型自行编排。

open-intelligent-ui 可以免费使用吗？用的什么许可证？

open-intelligent-ui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

open-intelligent-ui 还在维护吗？

活跃维护中。open-intelligent-ui 最近一次提交是在 2026年10月17日。

open-intelligent-ui 适合用来做什么？

原型化生成式聊天界面，让回答以工具形式而非纯文本呈现。 在 AI 聊天产品中构建行程规划、仪表盘或计算工具。 测试本地或其他 LLM 服务商在生成式 UI 上的表现。

open-intelligent-ui 怎么安装和运行？

复制环境变量文件: cp .env.example .env 安装依赖: npm install 生成 API 密钥并写入 .env: npm run generate:apiKey 启动开发服务器并打开 http://localhost:3000: npm run dev

在哪里获取 open-intelligent-ui？

源代码和安装说明在 GitHub 上：https://github.com/thesysdev/open-intelligent-ui