平台
面向严肃 AI 软件交付的实时预览
应用在构建过程中就与对话并排实时运行——真实流程、真实点击——预览链接让利益相关方在任何东西发布之前就能看到它。
实时预览是 Ciao Builder 中与对话并排运行的应用:随着 AI 的构建,真实的应用会更新并响应真实的点击。与那些要你部署了才能发现结果的工具不同,实时预览在每一次变更落地的瞬间就展示出来,驱动点选即提示的目标定位,并生成可分享的预览链接,让利益相关方在应用发布前就能审阅它真实的样子。
发布日期 2026-07-03 · 最近更新 2026-07-03
永远不要盲目地构建
软件交付中最古老的失败模式就是距离:请求和演示之间隔了好几周,而结果错得离谱——那些错误,本该在第一天用三十秒就能发现。AI 压缩了时间线,但也可能让这种“盲目”变得更严重——现在代码出现的速度快过任何人阅读的速度,一个错误的假设会以机器的速度产生复利效应。
Ciao 把这段距离压缩到了零。应用在构建过程中就与对话并排实时运行。不是模拟稿,不是截图——而是真实的应用,运行在真实的数据结构上,响应真实的点击。当有什么地方不对劲时,你现在就能看到,趁着上下文还新鲜,修复只需一条提示词的距离。
这个预览也是 Builder 其他习惯的锚点:点选即提示用它作为共享的参照系,排队的提示词在落地时会对照它进行审核,全栈控制台则解释着它在表面之下正在做什么。
实时预览是如何工作的
从第一条提示词到发布,预览始终是那个不变的常量——是所有人在做决策时都在看着的东西。
1. 描述,然后看它出现
随着 Builder 的工作,应用会在对话旁边的预览窗格中逐渐成形。进度是可见的,而不是被承诺的。
2. 点击浏览真实流程
登录、创建记录、运行搜索、提交表单。预览就是可运行的应用,因此测试从构建开始的那一刻就已经开始。
3. 指向接下来要改的地方
实时预览驱动着点选即提示:点击运行中应用的任意元素,即可在下一条提示词中引用它。
4. 分享一个预览链接
在任何东西发布之前,把运行中应用的链接发给利益相关方。反馈会针对真实的东西提出,而不是针对一份幻灯片。
5. 通过关卡
当你发布时,QA 会先运行确定性浏览器回放与冒烟测试关卡,随后是发布后的生产环境检查——预览是你在关卡捕捉到缺陷之前,先捕捉到意图问题的地方。
6. 有意识地发布
预览与生产环境是分离的。在你选择发布之前,没有任何东西会到达用户手中。
为什么这很重要
反馈的成本决定了构建的质量。当查看一次变更需要一个部署周期时,人们会积攒疑虑,并很晚才发现问题;而当它只需要一眼时,每一个假设都会在还容易修复的时候被检验。实时预览把验证的成本压缩到了近乎为零。
它也把利益相关方评审,从一场会议变成了一个链接。客户、高管与最终用户能在发布前好几天就对运行中的应用做出反应——而这正是他们的意见还“划算”去采纳的时候。
这份便利之中还藏着一个治理上的好处:人们批准的是他们真正看到运行过的东西。针对一个真实应用的签字确认,意味着更少的发布日意外,以及在日后有人问起“这是谁审核的”时,更清晰的问责。
谁在使用实时预览
实时预览是平台上最不需要专业背景的功能——任何与应用有利益关系的人,最终都会用到它:
- 创始人 — 针对运行中的应用实时验证产品决策,而不是想象它会是什么感觉。
- 代理机构 — 在项目进行中就把预览链接发给客户——更少突然的揭晓、更快的签字确认、更平静的发布。
- 产品经理 — 在发布前向利益相关方演示真实的应用,并把他们的反应纳入提示词队列。
- 运营团队 — 让将来会使用这个工具的人,在它交付给他们之前先点击体验一遍。
安全与治理说明
早看到不代表可以随意发布:
- ✓ 预览与生产环境是分离的——发布是一个刻意的、设有关卡的操作。
- ✓ 无论预览看起来多好,发布前都会运行 QA 冒烟测试关卡,发布后都会运行生产环境检查。
- ✓ 预览背后的变更存在于带有差异对比与检查点的真实 Git 分支上。
- ✓ Guardrails 政策审核与记录在案的人工审核,横亘在预览和合并之间。
- ✓ 发布与部署会被记录进只增不减的审计日志。
部署后才能看 vs 实时预览
这种工作流上的差异,会在项目的整个生命周期中不断累积:
| 部署后才能看的工作流 | Ciao 实时预览 | |
|---|---|---|
| 看到变更所需的时间 | 一次构建加部署周期之后 | 立即,就在对话旁边 |
| 利益相关方反馈 | 会议、截图、申请预发布环境访问权限 | 一个指向运行中应用的预览链接 |
| 一个错误假设的代价 | 累积,直到有人部署并发现 | 趁上下文还新鲜时被捕捉到 |
| 指挥下一次变更 | 凭记忆描述 | 用点选即提示直接指向 |
| 发布决策 | 和看到结果纠缠在一起 | 独立、刻意,并设有关卡 |
常见问题
实时预览是真实的应用,还是一个模拟?
是真实的应用。它就是那个正在实时运行的、生成出来的 React、TypeScript 与 Supabase 应用,这也是为什么你可以点击浏览真实的流程,以及为什么点选即提示能把你点击的东西解析到真实的组件上。
构建之外的人能看到这个预览吗?
可以——预览链接就是为此而生的。客户与利益相关方会在发布前审阅运行中的应用,因此反馈是针对现实提出的,而不是针对一份模拟稿。
预览里的任何东西会影响生产环境吗?
不会。预览与生产环境是分离的,发布是一个由 QA 冒烟测试关卡把关的刻意步骤。在你发布之前,用户什么都看不到。
预览和发布之间会发生什么?
这次变更会在 Guardrails 之下合并,并记录人工审核;QA 会在发布前运行确定性浏览器回放与冒烟测试关卡,发布后运行生产环境检查。预览是你修正意图的地方;关卡是缺陷被捕捉到的地方。
实时预览是标准 Builder 的一部分吗?
是的——应用在对话旁边运行正是 Builder 的工作方式,个人开发者可以自助购买积分起步。严肃的生产项目起价为每年 10,000 美元。