thesysdev（GitHub）

Open Intelligent UI

Open Intelligent UI是thesysdev（GitHub）的免费开源项目（英语）。前置条件：需要基本的前端与 TypeScript/React 知识，并了解调用 LLM API 的基本方式。

能够按官方 README 在本地跑起一个基于 OpenUI 的生成式 UI 演示应用，理解模型流式输出 OpenUI Lang 并由组件库渲染成交互界面的机制，并可自行替换模型接口。

打开官方课程

thesysdev

难度: 见前置条件
类型: 开源项目
语言: 英语
规模: 1 个课节
内容费用: 免费
动手: 需要动手环境

使用限制

阅读材料无需账号；运行演示需要 Node 24 环境和一个模型密钥（或本地 Ollama）。

练习与作业: THESYS_API_KEY（OpenUI Cloud Gateway 密钥），或自备 LLM_BASE_URL / LLM_API_KEY / LLM_MODEL
内容提示: 原站推广：README 顶部含指向 www.openui.com/demo/intelligent-ui 的 Try the live demo 推介链接，推广作者自家的 OpenUI 平台与 Gateway 密钥体系。

学完你能

按官方步骤在本地启动 Open Intelligent UI 演示应用并发出一次请求得到交互式回答
理解 OpenUI Lang 流式输出与前端组件库渲染之间的关系
说明该组件库中布局、文本、输入、媒体数据、绘图等各组件的用途
使用内置 @functions 让回答基于自身状态进行计算
通过 LLM_BASE_URL 等环境变量换成任意 OpenAI 兼容 API 或本地 Ollama 模型
参考 /gallery 中的手写程序改写或扩展自己的生成式 UI 示例

适合你吗

适合

适合想动手做 LLM 交互界面、生成式 UI 或流式前端渲染的前端与 AI 应用开发者。

暂不适合

不适合想系统学习模型训练、算法理论或数据分析的人，本仓库聚焦 UI 渲染与工程集成，不是理论课程。

需要先会

需要基本的前端与 TypeScript/React 知识，并了解调用 LLM API 的基本方式。

课程特点

内容侧重: 侧重实践应用
练习与项目: 按 README 的 Setup 与 Use any OpenAI-compatible API 部分，切换模型来源（Gateway、OpenRouter 或本地 Ollama），并对照组件文档自己写一段 OpenUI Lang 程序在 /gallery 类似页面中渲染。
学习时长: 1 个课节原站未给出统一学习时长；实际用时取决于已有基础。
内容费用: 免费仓库以 MIT license 开源，README 正文即为完整的项目说明与搭建步骤，无需付费或登录即可阅读。

内容覆盖

README：项目简介与与 OpenAI 无关的说明
What's in the demo：组件库分类（布局、文本、输入、媒体与数据、更多文本与播放、绘图、函数、动作）
Setup：Node 24、.env、npm install、npm run generate:apiKey、npm run dev
环境变量表：THESYS_API_KEY、THESYS_MODEL、THESYS_BASE_URL、LLM_* 等
Use any OpenAI-compatible API：用 LLM_BASE_URL 等方式直连模型
（节选未提供正文）Run with a local model 等后续小节

常见问题

免费吗？

免费：仓库以 MIT license 开源，README 正文即为完整的项目说明与搭建步骤，无需付费或登录即可阅读。实践需要付费：运行与调用模型需要 THESYS_API_KEY（OpenUI Cloud），或自备 OpenAI 兼容 API 密钥；也可用本地 Ollama 模型替代。

需要什么基础？

需要基本的前端与 TypeScript/React 知识，并了解调用 LLM API 的基本方式。软件、账号与硬件：Node 24 环境、npm；需要一个 OpenUI Cloud（THESYS_API_KEY）或自备 OpenAI 兼容 API 密钥，或用本地 Ollama。

有中文吗？

本站记录的语言是英语；是否有中文字幕或译本本站未核实，请以原站为准。

怎么开始？

从原始资源入口开始：https://github.com/thesysdev/open-intelligent-ui。本页“学前准备”列出环境与工具，“学习指南”给出开课提示词，可以在自己的电脑上按步骤开始。开课提示词尚未完整验证。练习与作业需要自备：THESYS_API_KEY（OpenUI Cloud Gateway 密钥），或自备 LLM_BASE_URL / LLM_API_KEY / LLM_MODEL。

来源与使用须知

原始资源: thesysdev（GitHub）
收录时间: 本站首次收录 2026-10-23
指南参考: 课程主页

版权与转载

MIT：代码可自由使用和修改，需保留版权声明。原站说明
本站只提供原始链接和学习指南，不转载、不镜像课程材料；引用时请注明原作者与出处。