Open Intelligent UI：基于 OpenUI 的生成式交互界面实现

thesysdev/open-intelligent-ui · An open-source take on ChatGPT's Intelligent UI: answers stream as interactive UI (maps, photos, charts, drawings and working tools). Built with OpenUI.

GitHub原文发布未知首次收录 2026-10-26上架 2026-10-28 07:04

☆ 收藏查看项目 ↗

ELI5：它是什么，解决什么问题

该项目用开源组件复刻 ChatGPT 的“Intelligent UI”体验：模型以流式方式输出 OpenUI Lang 1.0 描述，前端再把它渲染为可交互答案，包括地图与街道路线、图片、图表、表单控件、SVG 绘图，以及能在页面内计算并响应用户操作的小工具。项目提供组件库、59 个 @functions、动作指令和提示词选项；支持 OpenUI Cloud 网关、任意 OpenAI 兼容 API 或本地 Ollama 模型，并附带示例画廊和基准测试脚本。

# 生成式 UI # 流式响应 # OpenAI 兼容 # Agent 工作台 # OpenUI

核心能力与快速开始

★ 828 · TypeScript

能做什么: 将大模型流式输出的 OpenUI Lang 渲染为交互式界面，提供布局、文本、输入控件、表格、图表、MapLibre 地图、SVG 绘图和沙箱 HTML 等组件；内置 59 个通用 @functions，用于处理列表、数值、文本、颜色、日期和看板数据；支持 @Set、@Reset、@ToAssistant、@OpenUrl、@CopyToClipboard 等动作，使答案中的控件能在页面内改变状态并保持计算一致；通过 Wikipedia 与 Wikimedia Commons 查找配图，通过 OSRM 获取街道几何；对话与答案中的输入保存在浏览器 localStorage。
适用场景: 在自有应用中构建类似 ChatGPT Intelligent UI 的生成式交互回答；开发带交互地图、可编辑行程、照片与图表的旅行规划;制作可在页面内操作的计算工具、表单和看板；为设计师提供组件与主题预览画廊；对模型生成 OpenUI Lang 的能力做基准评测。
项目形态: 开发框架
部署方式: 本地运行需 Node 24，复制 .env.example 并执行 npm install、npm run generate:apiKey、npm run dev；也可通过 LLM_BASE_URL 接任意 OpenAI 兼容 API，或用 MODEL_PROVIDER=ollama 在本地运行模型；未说明生产部署方案。
主要依赖: Node 24；默认使用 OpenUI Cloud（THESYS_API_KEY，服务端使用）；也可改用其他 OpenAI 兼容 API 的密钥，或使用本地 Ollama。README 提到本地默认模型 qwen3.8:27b 约 18 GB、建议 32 GB 以上内存，并需将 Ollama 上下文窗口调至 32768 以容纳约 8000 token 的提示词；其余硬件、API 成本与限制未说明。
使用限制: README 未说明生产环境可用性、性能与安全性保证；未说明 API 调用费用、速率限制或商用授权范围（仅标注 MIT 许可证）。使用本地模型时没有 Gateway 的输出校验与纠正步骤，输出按原样渲染，较大模型效果更好；速度取决于硬件。地图街道路线来自 OSRM 公共演示服务器的驾车数据，是道路概览而非步行或公共交通导航；聊天界面仅支持浅色主题。
许可证: MIT
最近推送: 2026-10-26 04:48

官方入门核对 README 依据 ↗

资料检查：2026-10-26 07:00 · 卡片整理：2026-10-28 07:00
卡片由 AI 根据仓库资料整理，未进行安装或运行验证

职业应用

程序员

作为基于 OpenUI 的生成式 UI 开源实现，程序员可复用其组件库、59 个 @functions、动作指令和提示词选项，构建并修改以流式方式输出可交互界面（地图、图表、表单控件、SVG 绘图等）的 AI 应用；也可使用其基准测试脚本对模型输出进行解析校验和截图检查。

查看内容依据

该项目用开源组件复刻 ChatGPT 的“Intelligent UI”体验：模型以流式方式输出 OpenUI Lang 1.0 描述，前端再把它渲染为可交互答案，包括地图与街道路线、图片、图表、表单控件、SVG 绘图，以及能在页面内计算并响应用户操作的小工具。项目提供组件库、59 个 @functions、动作指令和提示词选项

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证

产品经理

产品经理可借助其示例画廊和演示，查看并参考生成式交互界面（地图路线、可编辑行程、图表、表单控件等）的呈现形式，用于原型与交互方案的设计参考。

查看内容依据

The dev-only page `/gallery` renders hand-written programs: a working answer for each of the 16 Intelligent UI examples (from the 7-speed bike to the arcade game), two dashboards over demo data, the prompt's worked examples, and programs that exercise every component.

官方使用入口 ↗

由 AI 根据来源材料整理，未进行安装或运行验证

相似资源

ClaimCheck：面向 LLM 工作流的本地优先 PII 假名化网关

ClaimCheck 是一个本地优先的隐私脱敏网关，用于在 LLM 工作流中把敏感标识符替换为稳定的占位符（如 [FEIN_1]、[SSN_2]），并通过保存在本机的可逆映射库在输出阶段还原真实值。它提供 MCP 服务器模式（供 Cline、Cursor、Claude Desktop、OpenClaw 等 MCP 客户端通过 read_sanitized、scan_file、sanitize_text 工具读取脱敏内容）和 OpenAI 兼容 LLM 反向代理模式（在请求链路上自动脱敏、在响应上还原，并支持 SSE 流式响应）。内置基于正则与校验器的确定性识别器，覆盖 FEIN、SSN、信用卡、IBAN、云密钥、JWT、PEM 私钥、密码字段等，并可选启用本地 NER 模型识别姓名、机构、地点，支持自定义脱敏规则。

Juno PM：将粗略产品想法转化为结构化 PRD 与用户故事的 AI 产品管理副驾驶

Juno PM 是 Product School AI 产品管理认证的结业项目，以一个虚构的 RocketShip 任务为背景，探索 Agent 式 AI 如何辅助产品经理工作。它的原型可以把粗略的产品想法转成结构化的 PRD 和可供开发使用的用户故事，并通过 Mission Radar 依据产品目标、约束和任务优先级评估这些想法；它还会指出缺失的需求、风险与假设，并让产品经理保留最终决策权。该仓库按模块整理了提示词技能文件、原型说明、AI PRD、Agent 控制面板、人工评估量表和最终展示，属于学习和原型性质的项目；当前界面用示例 AI 输出演示预期体验，并未接入实时 AI。项目未说明部署条件、硬件要求、API 成本与使用限制。

local-inference-setup：本地语言模型自包含启动器的声明式配置

该项目以声明式配置方式管理本地语言模型推理环境的搭建：提供模型下载清单、运行时分发、完整性校验脚本、模型管理文档，以及内嵌完整推理参数的 .cmd 启动器。仓库本身不包含 GGUF 权重或运行时二进制，需通过附带的 PowerShell 安装与下载脚本获取。启动器会显式声明上下文长度、采样参数，并借助 --gpu-layers auto 与 --fit on 自动决定设备放置；服务对外暴露 Web 界面、OpenAI 兼容 API 与健康检查端点。配置面向 Windows、指定硬件（RTX 5080 16GB、64GB 内存）并锁定 llama.cpp 运行时构建版本，接口无鉴权，仅建议在可信私有网络内使用。

rolter：OpenAI/Anthropic 兼容的 AI 网关与负载均衡器

rolter 是用 Rust 编写的高性能 AI 网关与负载均衡器，作为 LiteLLM-proxy 的替代方案处于活跃开发中。它以 OpenAI/Anthropic 兼容接口代理商业模型供应商，并对自托管的 OpenAI 兼容集群（如多台 vLLM 实例）进行负载均衡，支持缓存感知路由、RBAC 权限控制、免重载配置变更与成本/用量追踪。项目提供数据面网关、带 UI 的控制面、Postgres 存储、Redis 配置热更新和 ClickHouse 请求日志等组件，并附带本地 fake-llm 模型用于快速体验。

这是基于来源内容整理的摘要。原文链接失效后，本页摘要和讨论仍会保留。