平台

Blocks:面向严肃 AI 软件交付的一键式能力

真实产品中最难的部分——支付、身份验证、数据、AI——以受治理的能力形式出现,一键开启,而不再是让你损失一个个周末去搭建。

Blocks 是 Ciao 的一键式能力:支付、后端、Figma 导入、AI 功能与各类集成,安装进应用后就成为真实的、可编辑的代码。与依附于封闭平台的应用商店插件不同,Block 会成为你代码库的一部分——接入你的数据模型,受 QA 与 Guardrails 覆盖,并像 Ciao 生成的其他一切一样归你所有。

适用对象添加支付功能的创始人标准化构建流程的代理机构扩展真实产品的团队

发布日期 2026-07-03 · 最近更新 2026-07-03

让最难的部分变得可安装

每一个真实产品都会遇到同样的墙:它需要收款,需要安全地存储数据,需要让用户登录,或许还需要用 AI 来回答问题。这些都不是让你的产品之所以是你的产品的部分——但每一项都可能耗费数周时间,并引入你无法承受的那类 bug。在大多数应用搭建工具里,答案是一个插件市场;插件能用,直到你需要它做一些略有不同的事情,这时你才发现自己根本打不开它。

Blocks 是 Ciao 的答案:一键式能力——支付、后端、Figma 导入、AI 功能、集成——安装进你的应用后就成为真实的、可编辑的代码,接入你的数据模型,并受到与你构建的其他一切相同的 QA、安全测试与治理的覆盖。

这些 blocks

五项能力覆盖了让一个应用变成一个产品所需的大部分内容。

支付

由 Stripe 驱动的结账、订阅与收据功能,拥有独立的测试模式与正式模式——连接到你自己的 Stripe 账户。

后端

由 Supabase 驱动的身份验证、Postgres、文件存储、行级安全与 API——每一个严肃应用都需要的数据层。

Figma 导入

导入设计稿,把它们变成由真实数据支撑的可运行界面,并在 Builder 中打磨完善。

AI 功能

为你自己的产品添加助手、摘要、信息抽取及其他 AI 能力,运行在 Ciao 的多供应商模型阶梯之上。

集成

连接你的业务已经在使用的系统,并应用相应的访问规则与审计可见性。

添加一个 block 是如何进行的

添加一个 block 就像其他任何变更一样——这正是重点所在。

  1. 1. 一键添加

    选择这个 block,Ciao 就会生成代码,并把它接入到你的应用中——组件、后端部分、配置。

  2. 2. 以代码形式落地,在一个分支上

    一个 block 的到来就像任何变更一样:原生支持分支、可审核、可撤销。没有任何东西是在代码库之外“外挂”上去的。

  3. 3. 用简单语言进行配置

    描述你的产品与价格、你的数据模型、你的流程。是这个 block 去适配你的应用,而不是反过来。

  4. 4. 关卡照常适用

    QA 回放与安全探测会在新能力发布之前覆盖它——一个支付流程会像支付流程一样被测试。

  5. 5. 像扩展自己的代码一样扩展它——因为它本来就是

    在结账页面上使用点选即提示,和在其他任何页面上一样好用。六个月后,这个 block 就只是你产品的一部分了。

为什么这很重要

插件和 block 的区别,体现在六个月之后发生了什么。插件是一道边界:你的定制到它的设置页面为止就结束了。block 是一个起点:代码库中真实的代码,随产品一起成长——如果你导出代码,它也会跟着你走,因为你 100% 拥有这些代码。

Blocks 也让交付闭环保持诚实。一个跳过了审核与测试的支付能力,会是你应用中风险最高的代码;而在这里,它像其他一切一样受到覆盖,Guardrails 也会把它触及的区域当作真正的受保护区域来对待。

Blocks 也是一个工作区实现复利增长的方式。第二个应用不再从零开始:支付、后端与集成都是已经做出、测试过、被治理过的决定,再被重复应用一次。对于一家代理机构而言,这意味着利润;对于一个内部团队而言,这是“一堆积压的需求”和“一份已交付工具组合”之间的区别。

安全与治理说明

  • ✓ Blocks 以你拥有的标准 React、TypeScript 与 Supabase 代码形式安装。
  • ✓ 每一个 block 都会落到一个分支上,并通过与手动请求的变更相同的关卡。
  • ✓ 支付连接到你自己的 Stripe 账户——资金流向你自己。
  • ✓ AI 功能与平台其他部分一样,运行在零保留期模型合约之下。
  • ✓ 集成凭据按环境存储,绝不会硬编码进生成的代码中。
  • ✓ 访问规则与只增不减的审计日志会自动适用于通过 block 添加的能力。

应用商店插件 vs Ciao block

插件模式与 block 模式的分歧,会在你需要设置页面之外的东西那天显现出来。

应用商店插件Ciao block
你得到什么一个带设置项的封闭组件应用中真实的代码
定制能力取决于设置项开放了什么任何东西——因为这是你的代码
测试只能信任供应商受 QA 回放与安全探测覆盖
所有权止步于该平台可与应用其余部分一起导出
治理在你的审核流程之外与其他任何变更一样的 Guardrails 政策

常见问题

Blocks 是可编辑的,还是像插件一样是封闭的?

可编辑。一个 block 会把真实的 React、TypeScript 与 Supabase 代码生成进你的应用,从那一刻起它就是你的了,可以在 Builder 中通过对话修改,也可以直接在代码里修改。

Blocks 会经过审核与测试吗?

会。一个 block 会像其他任何变更一样落到一个分支上,Guardrails 政策会适用于它触及的区域,QA 回放与安全探测会在发布前覆盖这个新能力。支付与身份验证只会得到更多而不是更少的审查。

有哪些 blocks?

支付(由 Stripe 驱动)、后端(由 Supabase 驱动)、Figma 导入、AI 功能与集成。支付、后端与 Figma 导入这几个 block 各自都有一个详细介绍的独立页面。

如果我们导出代码,block 会怎样?

它会随其他一切一起导出。Blocks 是没有专有运行时依赖的标准代码,所以结账、后端与集成会在你自己的代码仓库中继续正常工作。

我们该如何开始?

自助购买积分即可开始:先搭建应用,再按产品需要逐步添加 blocks。严肃的生产项目起价为每年 10,000 美元——详情请查看定价页面。

相关页面

构建你曾经望眼欲穿的软件。

Blocks:一键式应用能力 | Ciao