返回资源列表

thesysdev(GitHub)

Open Intelligent UI

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

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

打开官方课程
难度
见前置条件
类型
开源项目
语言
英语
规模
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 密钥体系。

第一次学这门课?先完成学前准备,把课程目录搭好。

每节课这样学

  1. 发提示词把下面的每课提示词发给 AI Agent,它会准备这一课的练习文件。
  2. 学官方课节打开对应课节学习,按提示从第一道练习做起;它不会替你写答案。
  3. 记进度学完让 AI Agent 在 progress.md 勾选,并把疑问整理到 questions.md。
每课提示词 · 每次学习前用
继续学习「Open Intelligent UI」。课程目录是 open-intelligent-ui/(不知道完整路径就先问我)。
1. 读 progress.md,找到下一课;如果我指定了第几课,就准备那一课。
2. 打开这一课的官方页面和本地讲义,列出本课练习要用的工具、文件和样例数据。缺少的先告诉我,等我同意再安装或下载。
3. 在 lessons/ 对应的课节文件夹里准备好练习:exercises/ 里给每道题建一个文件,写上题号和题目原文链接,不写答案;已有文件保留,样例数据放到 data/。拿不到官方题目或起始代码时记录限制,不编造替代品。
4. 按 README 运行开课时生成的自检脚本或在线检查清单,并检查本课新增工具能否正常使用。
5. 告诉我:本课先读哪几节、从哪道练习开始、大约需要多久。我学完后,帮我在 progress.md 勾选并把问题整理到 questions.md。

边界:
- 需要管理员权限、会产生费用或需要填写密钥的操作,先告诉我原因,等我同意。密钥由我在本机配置,不发到聊天,不写进笔记或版本库;原项目需要 .env 时确认已被 Git 忽略。
- 不替我写练习或作业答案,也不替我提交。我卡住时只给提示;我明确要求时才给解答。
- 只下载许可允许个人保存的材料;其余只放链接。不把未运行的命令说成成功。

课节共 1 节 · 官方顺序

  1. 01Open Intelligent UI 仓库主页(README:项目说明、组件库、@functions、Setup 与环境变量)

常见问题

免费吗?

免费:仓库以 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。

来源与使用须知

收录时间
本站首次收录 2026-10-23
指南参考

版权与转载

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