TOPIC COLLECTION
OpenUI 1.0是什么？怎么用？让AI Agent直接回复可交互界面（开源MIT、安装命令与收费说明）
OpenUI是Thesys开源（MIT）的生成式UI框架，2026-10-15发布1.0：模型输出一种紧凑的OpenUI Lang，前端用你自己注册的组件边流式边渲染，按钮还能调用你应用里的代码。一条npx命令就能起项目，框架免费，托管的Gateway另有免费档。
资料更新：2026-10-16
依据GitHub仓库thesysdev/openui README、openui.com官方文档（What is New in 1.0、Quickstart、Pricing、Comparison）、npm版本记录与Rabi Shanker Guha 2026-10-15公开帖整理；token节省数字为官方自测基准。未做本地实测。核查2026-10-16（新加坡时间）。
主题标签：OpenUI、OpenUI 1.0、OpenUI Lang、生成式UI、Thesys、AI Agent界面
OpenUI是什么？它是Thesys团队维护的开源生成式UI框架（GitHub：thesysdev/openui，MIT许可），作用是让AI Agent不再只回一大段文字，而是直接回一个能点、能填、能筛选的界面：地图、对比表、图表、表单。做法是让模型输出一种很紧凑的「OpenUI Lang」，前端按你事先注册的组件边收边渲染。1.0在2026-10-15（美国时间）正式发布，最大的变化是生成出来的按钮能直接触发你应用里的代码。想马上试，终端里跑 npx @openuidev/cli@latest create 就行，搭脚手架不需要账号。
它解决的是什么问题
同样问Agent「规划京都三日游」「分析客户流失」「比较三款耳机」，现在多数产品给的都是Markdown文字墙。OpenUI的思路是：组件由开发者定（卡片、表格、图表、表单），模型只负责挑组件、填数据、排版。它的架构文档里有一句很关键：生成和执行分开，模型生成一次界面后，界面自己去取数据、管状态、响应点击，不必每次都回头问模型。
这和ChatGPT的Intelligent UI是一类东西，区别在于OpenUI把这套能力开源出来，给任何Agent用。ChatGPT那边的体验可以对照ChatGPT Intelligent UI互动回答。
1.0新增了什么
| 新能力 | 一句话解释 | 开发者要做的 |
|---|---|---|
| 自定义函数 | 模型可以像用内置函数那样调用你写的函数，比如把数字格式化成百分比 | 用 defineFunction 定义，参数用Zod写类型 |
| 自定义动作 | 生成的按钮能触发你的代码，比如「复制订单号」「加入购物车」 | defineAction 定义，在 Renderer 的 onAction 里处理 |
| 单个动作免包装 | 只有一个动作时不用再套 Action([...]) | 无，写法变短 |
| library.extend | 在现成组件库上增、改、删组件 | 在模块顶层创建一次 |
| 入口规则 | 以名为 root 的语句为入口 | 让模型先写 root，否则流式过程中会一直空白 |
| 消息存储格式 | 可以把一次生成连同表单值存下来，之后原样还原 | 用 buildMessage / parseMessage |
升级要成套升：核查日npm上 lang-core、react-lang 是1.0.1，react-ui是0.18.1（要求react-lang 1.0），CLI是0.6.0。Vue、Svelte、Angular绑定仍停在0.4，上面这些1.0语言特性暂时只有React渲染器支持，用Vue或Svelte的团队先别急着跟。
怎么上手：从零到能跑
- 准备环境：装好Node.js；React侧要求React 19以上和Zod。
- 建项目：
npx @openuidev/cli@latest create --name my-app。默认生成Next.js应用，后端默认LangGraph，也可以加--backend-framework vercel-ai-sdk换成Vercel AI SDK。仓库examples里还有Mastra、Google ADK、FastAPI、shadcn、Material UI等示例。 - 接模型：官方示例默认走OpenUI Gateway，跑
npx @openuidev/cli@latest generate-api-key，浏览器登录Thesys后会把 THESYS_API_KEY 写进 .env。 - 启动：
npm run dev，打开 localhost:3000，让它「做一个对比表」或「生成一个报名表单」，看界面是怎么一块块长出来的。 - 换成自己的组件：用 defineComponent 给组件写名称、描述和Zod属性，createLibrary 组成组件库，再用
openui generate ./src/library.ts生成系统提示词。模型只能用你登记过的组件，这就是它的安全边界。 - 部署：
npx @openuidev/cli@latest deploy发到Vercel预览环境。
两个小细节：CLI默认收集匿名使用统计，加 --no-telemetry 或设置 DO_NOT_TRACK=1 可关；用Claude Code、Cursor写代码的，可以装官方Agent Skill：npx skills add thesysdev/skills --skill openui，让编程助手懂OpenUI Lang的写法。
要花钱吗
框架本身MIT开源，免费。收费的是可选的OpenUI Gateway：一个兼容OpenAI接口的统一模型网关，会在流式输出时自动修正模型写错的语法、某家模型挂了自动切换。官方定价页核查日写的是：
| 档位 | 月费 | 含API调用 | 超出单价 |
|---|---|---|---|
| Free | $0 | 3,000次/月 | — |
| Build | $49 | 25,000次/月 | $0.002/次 |
| Grow | $499 | 500,000次/月 | $0.001/次 |
| Scale | 定制 | 定制 | 定制，含自托管、VPC部署 |
模型token按厂商原价走、不加价；所有档位都支持BYOK，填自己的OpenAI、Anthropic或Google密钥。部分「免token费」模型每天约100次、每月约3,000次，请求数据可能被拿去训练，敏感业务别用这档。不用Gateway也行，官方文档写明OpenUI Lang可配任何模型提供商和Agent框架，只是语法纠错要自己兜底。小模型更容易写错格式，这点上线前要多测。
和v0、Lovable、A2UI有什么不同
| 工具 | 生成的是什么 | 什么时候生成 | 许可 |
|---|---|---|---|
| OpenUI | OpenUI Lang，由你的组件渲染 | 产品运行时，每个用户请求现场生成 | MIT |
| v0、Lovable、Bolt | 项目源代码 | 开发阶段，帮你写应用 | 商业服务 |
| json-render（Vercel） | JSONL补丁 | 运行时 | Apache 2.0 |
| A2UI（Google） | 声明式界面协议，客户端映射成原生组件 | 运行时 | Apache 2.0 |
省token的说法要看清来源：OpenUI README里的基准是官方自测，用GPT-5的tiktoken编码器跑了7个界面场景，OpenUI Lang合计4,800 token，Vercel JSON-Render格式10,180，Thesys自家旧的C1 JSON格式9,948，约少52%；单个场景最多少67%（联系表单）。没有第三方复现前，当作参考值。
适合谁、坑在哪
适合已经有Agent、想让回答变成产品界面的团队，比如客服查订单、数据分析看板、预订助手；纯聊天机器人收益有限。几个坑：动作参数的类型声明目前只影响提示词和JSON Schema，运行时还不强制校验，onAction里要自己检查；root语句放到末尾会导致流式期间一片空白；客户端和生成提示词的服务端版本要对齐。做AI建站或原型，AI编程与建站工具怎么选和Figma Specs更对口。
常见问题
OpenUI免费吗？
框架MIT开源免费；可选的Gateway有$0免费档（每月3,000次调用），超出或要更高限额再付费，以官网为准。
OpenUI和v0有什么区别？
v0帮开发者写代码，生成在开发阶段；OpenUI装进你的产品里，让Agent在用户提问时现场拼界面。
能接国产模型或本地模型吗？
官方称OpenUI Lang可配任何模型；Gateway的BYOK目前只列了OpenAI、Anthropic、Google。接DeepSeek、Qwen或Ollama本地模型，需要在自己的后端里调用，并自行处理格式纠错。
OpenUI有代币吗？
没有。官方README明确写了OpenUI没有任何官方加密货币或代币，打着OpenUI名义发的币都与项目无关，别上当。
相关分类：AI生成应用、智能体平台、大模型开发框架、前端框架；框架入口LangChain。
来源与核查日期
- GitHub：thesysdev/openui（README、许可证、基准）
- OpenUI Docs：What is New in 1.0
- OpenUI Docs：Quickstart
- OpenUI Docs：Gateway Pricing
- OpenUI Docs：OpenUI vs A2UI vs json-render
- Rabi Shanker Guha（Thesys）发布帖，2026-10-15
核查日期：2026-10-16（新加坡时间）。版本号、价格和支持框架变化较快，以GitHub仓库与openui.com当日页面为准。
