平台
Builder:交付真实应用的 AI 搭档
用简单语言描述你想要的东西,一个真实的 React、TypeScript 与 Supabase 应用就会在对话旁边逐步成形——内置 Git、检查点与实时预览。
Builder 是 Ciao 的开发工作台:左边是对话,右边是你的实时应用。与止步于生成代码的 AI 编程工具不同,Builder 把每一次对话都与点选即提示、提示词队列、原生分支 Git、撤销、检查点、实时预览和全栈控制台绑定在一起——让简单语言的请求,变成你真正拥有、真正运行的软件。
发布日期 2026-07-03 · 最近更新 2026-07-03
一个窗口,连接想法与可运行的应用
大多数 AI 编程工具只生成代码,就认为任务完成了。运行这些代码、预览它、做版本管理,以及从“登录功能被改坏了”这类问题中恢复过来,全都留给了你——而这恰恰是非工程师会卡住、工程师会耗掉一下午的地方。生成的代码差异与真正可运行的应用之间的距离,才是 AI 辅助开发真正的成本,而它很少出现在演示里。
Builder 消除了这段距离。它是一个工作台:左边是与 Ciao 的对话,右边是你的实时应用。你用简单语言描述你想要什么,Ciao 就会针对 Supabase 后端编写真实的 React 和 TypeScript 代码,你眼前的预览随之更新。分支、检查点、撤销和日志都已经在这个窗口里,任何重要的变更都不需要离开它。
一次 Builder 会话是如何进行的
1. 描述你的变更
用简单语言输入你想要的东西——一个新页面、一条规则调整、一份报表。Ciao 会规划这项工作并编写真实代码,而不是在一个封闭工具里生成配置。
2. 用指代替描述
借助点选即提示,点击实时预览中的任意元素,你下一条提示就会附加到那个具体组件上。再也不用写一大段文字去解释你说的是哪个按钮。
3. 把接下来的想法排进队列
提示词队列会按顺序保存后续请求,同时当前的构建继续运行。想法进入队列,而不是进入一份你迟早会忘记的笔记文件。
4. 在真实分支上工作
Builder 原生支持分支:每一项工作都发生在一个 Git 分支上,实验彼此隔离,不会有任何改动直接作用于已发布的应用。
5. 实时查看运行效果
实时预览就是真正的应用——真实路由、真实数据、真实身份验证——不是静态原型。你现在看到的,就是即将上线的东西。
6. 撤销,或跳回某个检查点
一键撤销可以还原上一次变更;检查点会标记已知良好的状态,你可以随时回到那里。大胆的尝试因此不再冒险。
7. 看清底层发生了什么
全栈控制台把前端错误、后端日志和数据库活动汇总在同一处,“这里到底为什么坏了”这个问题,从此只需要看一个地方。
为什么这很重要
Builder 生成的是标准的 React、TypeScript 和 Tailwind 代码,完全归你所有——随时可以导出到你自己的代码仓库。这很重要,因为另一种选择是把项目进度困在别人的格式里:数月的工作成果却无法带走。
同样重要的是,Builder 从不孤军作战。每一个 Ciao 工作区都配备一整套 AI 软件组织——CTO、Doctor、QA 分析师、安全工程师、Coder 与 SysOps 运维——所以你在 Builder 中构建的一切,都会流经 Guardrails 审核、自动化 QA 与实时安全测试,才会触达用户。这个对话窗口是整条交付闭环的入口,而不是产品的全部。
谁在使用 Builder
- 创始人与业务负责人 — 能精确描述产品、但不写代码的人——他们得到的是一个真正归自己所有的应用,而不是一个有到期日的原型。
- 产品经理与业务专家 — 最了解工作流程的人,在一个分支上亲自构建内部工具,并在合并前接受审核。
- 工程师 — 开发者用 Builder 在熟悉的工作上提速,同时保留他们本来就会搭建的 Git 规范、检查点和全栈可见性。
- 代理机构 — 客户项目走同样的闭环:在对话中构建,在评审电话里展示实时预览,经过各道关卡后再上线。
安全与治理说明
- ✓ 每一次变更都发生在 Git 分支上——不会有任何改动直接作用于已发布的应用。
- ✓ Guardrails 将代码映射到业务领域,并在高风险变更合并前应用简明的英文政策。
- ✓ QA 在发布前运行冒烟测试关卡,并在发布后进行生产环境检查。
- ✓ 只增不减的审计日志覆盖提示词、合并、部署与管理员操作。
- ✓ 客户代码不会被用于训练模型;推理运行在零保留期的模型合约之下。
- ✓ 100% 代码所有权——随时可将标准的 React、TypeScript 与 Tailwind 代码导出到你自己的仓库。
Builder 与纯提示词工作流的对比
区别不在于由谁的模型编写代码——而在于代码周围的一切。
| 纯提示词式 AI 编程 | Ciao Builder | |
|---|---|---|
| 查看结果 | 复制代码出来,在本地运行 | 实时预览就在对话旁边同步更新 |
| 定位问题 | 用文字描述具体元素 | 直接点击——点选即提示自动附加对应组件 |
| 后续想法 | 等本轮跑完,再重新输入 | 提示词队列按顺序保存 |
| 版本管理 | 手动提交,若有的话 | 原生分支 Git、撤销与检查点 |
| 调试 | 分散在多个终端与仪表盘中 | 同一窗口内的全栈控制台 |
常见问题
使用 Builder 需要懂 Git 吗?
不需要。Builder 底层原生支持分支:它会为你创建分支、提交工作并管理合并。工程师可以随时深入 Git 层面操作,导出代码时,完整的历史记录也都在。
点选即提示具体是做什么的?
你点击实时预览中的一个元素——按钮、表格、表单——Builder 就会把那个组件的上下文附加到你的下一条提示上。“让这个可排序”这样的请求,第一次就能落到正确的代码上,而不需要靠文字描述去猜测。
如果一次变更把东西改坏了怎么办?
你有三层保障:针对上一次变更的一键撤销、可以回到已知良好状态的检查点,以及在发布前拦截失败的 QA 冒烟测试关卡。发布后还会运行生产环境检查。
我可以把代码带去别处吗?
可以。Ciao 生成标准的 React、TypeScript 和 Tailwind 代码,搭配 Supabase 后端,你 100% 拥有它。随时可以导出到你自己的代码仓库——应用不依赖任何专有运行时。
如何开始,费用是多少?
个人开发者可以自助购买积分即刻开始——描述你的第一个应用,直接开工。严肃的生产项目起价为每年 10,000 美元;详情请查看定价页面,或联系销售了解你的团队具体需要什么。