手把手教你用 cnb.cool，一句话让 AI 出个小游戏还给你在线地址

你是不是也遇到过

看到别人用 AI 做小东西，自己也想试试。结果一打开教程，前两行就让装这装那，第三行就让敲英文命令，你连回车都还没摸到就想关页面了。

这篇不一样。全程不用你装任何东西、不用写一行代码，你唯一要做的，就是把“我想要一个什么游戏”写明白。剩下的事，平台自带的 AI 程序员接单干活，做完了还把玩游戏的网址送到你手里。

先说结论，免得你看到最后：

• cnb.cool 是腾讯家的一站式云端开发台，打开网页就能用；
• 平台里住着一个叫 CodeBuddy 的 AI 程序员，需求单写清楚，它就开工；
• 我实测：从它接单到交工 3 分 55 秒，从云端建环境到网址能打开 1 分 2 秒；
• 做出来的是一个色彩反应力小游戏，10 轮、每轮 3 秒、6 个色块，手机电脑都玩得上。

全程实机截图，你跟着点就行。

先认识一下 cnb.cool

cnb.cool 是腾讯云出的云端开发台，说人话就是“一条开发流水线放在网上，你下单，它干活”。

它家内置一个 AI 程序员叫 CodeBuddy，专门接“帮我做个东西”这类活儿。怎么下单呢？开一张“需求单”（平台里叫 Issue，发音「一休」），把要求一条条写好，CodeBuddy 会自动接单、写代码、做检查，做完把交工清单列给你，还给你一个能直接打开的网址。

官网就是 cnb.cool，点开即用，不用装任何软件，界面是中文的。

开始前的准备

就 3 条：

1. 一个手机号或者微信，用来登录（注册免费）。
2. 不用装软件，不用写代码。 你照着我点就行。
3. 想清楚要做什么。没想好也没关系，抄我这篇的需求单，先做出来再改。

第一步：手机号登录，给任务安个家

打开 cnb.cool，用手机号登录。我登录过，所以一打开就是工作台：

页面左侧有一栏叫“仓库”，相当于给项目安家的文件夹。点右上角的“新建仓库”，进入登记表单：

仓库名我起的是 color-match-game，下面这个“色彩反应力”游戏就住这。其余栏目全是选填，先空着不动：

点“创建”，等一两秒，仓库建好了，页面上能看到仓库地址：

这一节你只要认准“创建”按钮。别的网站写“新建”“添加”，一个意思。

第二步：写一张需求单（Issue），把活派给 AI

回仓库菜单里找“问题”或“Issue”，点“新建”。我们要拜托的话，就写在这张单子上。以下三段就是我最初的原样需求，你可以整段抄走：

请帮我开发一个色彩反应力网页小游戏，要求如下：
## 游戏玩法
- 屏幕顶部显示一个目标颜色块
- 下方出现 6 个不同颜色的选项块
- 玩家点击与目标颜色最接近的那个色块得分
- 每轮限时 3 秒，超时扣分
- 共 10 轮，结束后显示总分和评级
## 技术要求
- 单文件 index.html，纯前端，HTML+CSS+JS 全部内联
- 不依赖任何外部库或 CDN
- 支持手机和桌面浏览器，响应式布局
- 配色鲜艳，界面有动效（色块出现/消失动画、得分弹跳）
- 游戏结束页有"再来一局"按钮
## 部署要求
- 同时生成 .cnb.yml 配置文件，用 cnb.cool 的云原生构建做静态站点预览
- 预览地址能直接访问到 index.html
请直接创建合并请求提交代码。

填好的表单长这样（标题写“开发色彩反应力网页小游戏”，正文就是上面那段，我一字没改）。注意描述第一行开头那个 @CodeBuddy——就是在正文里直接打一个 @，会弹出平台内置成员列表，选中它，这样单子一发布它就接单：

这一段口令的关键是：

• 开头先下定义：要做什么；
• 中间按“玩法、技术要求、部署要求”三块走，块与块之间留空行，AI 好读；
• 结尾把话说满：“请直接创建合并请求提交代码”，免得它光解释不干活。

填完检查三件事：名称填了、描述首行有 @CodeBuddy、右侧「私密」开关没开。都对了点左下角橙色「创建」。

第三步：AI 开工，3 分 55 秒给出成品

需求单发出去后，回到仓库，CodeBuddy 已经在这张单下面回话了。它没空回一句“收到”，直接把活拆成 5 步逐项打勾：调研 CNB 静态站点预览方案、创建分支并开发 index.html 游戏、编写 .cnb.yml（仅预览模式）并校验、提交推送并创建 PR、评论反馈用户。下面这张图把它这一整轮的回话截全了——上半截是那 5 步计划，中间是合并请求 #2 feat: 新增色彩反应力网页小游戏及 CNB 预览配置，再往下就是交工回话和交付清单：

这段你什么也不用做，泡杯茶等它。它有自己的节奏，你追着问“好了吗”，它会把你的话当成新活儿重新排队。它 15:42:33 开工，15:46:28 交付，中间正好 3 分 55 秒。

它的交付清单有三样：

① index.html 一整个会动的游戏

• 顶部目标色块 + 下方 6 个候选色块，点最接近的得分
• 每轮 3 秒，共 10 轮，评级 S/A/B/C/D
• 计分：答对 +100，叠加速度分最多 +50；答错 −60；超时 −40
• 手机点屏幕，电脑鼠标点也行

② server.js 一台小服务器

• 零依赖，专门把网页送上网络

③ .cnb.yml 一份“开机指令”

• 告诉平台：环境起来后，先把上面那台小服务器跑起来

它还做了一件贴心的事：仓库刚建出来是空的，原本没有默认分支，它自己补了一个 main 当底，再开的合并请求（#2）供人看改动。上面那张图里，5 步计划每一项后面都挂着一个绿色对勾，等于它自己给自己做了验收，不是走个过场。

第四步：点“云上开发”，把游戏搬上云端

东西做出来了，还差一个能打开的网址。回仓库首页，点 云原生开发 这个按钮（它和“代码”在同一排）。

点下去，平台先给你开一间“工作区”，页面转到云端工作台，状态栏显示正在初始化：

接着就开始给游戏准备一台“云上的小电脑”，页面上显示“环境创建中”。这一段你真不用动，平台自己跑：

坦白讲，我第一次没跑成功。环境建到一半被平台收走，报错写着“启动指令执行失败”，建议让脚本后台常驻或跑完就退出。原因我后来弄明白了：.cnb.yml 里的 launch 指令是给这台小电脑的“开机指令”，它启动后一直挂着不退出，平台等了 5 分钟没见它让位，就把环境回收了。修法是加一行 daemon: true，意思是让它转到后台待命，跑完自动收场：

这次顺利。从“环境创建中”到网址能打开，实测 1 分 2 秒（截屏时间 19:31:14 → 19:32:16）。

创建成功，平台会给你一条地址，像下面这样（你的最后一段是字母数字，会不一样）：

https://cnb-qrf-1k2fqu04f-001.cnb.space/

把这条地址粘到浏览器地址栏回车，出现的就是那个游戏：

第五步：玩一局，验收这个游戏

首页正中央是“开始游戏”。点进去就开局：头部是目标色块，下方 6 个候选色块，右上角倒计时，3 秒内点到颜色最接近的才得分：

我实测玩了一把。眼快手慢，10 轮几乎全超时，结算页：总分 −400，评级 D，头上多了个称号“色彩萌友”：

“再来一局”我也点了，能重玩。从“写需求单”到“打开网址玩到”，整条链路是真的，没有补录，也没有挑着截。

用 cnb.cool 干活，特别提醒你两句

1. 第一次“环境创建失败”先稳住，别反复重试。看报错里的字：开机脚本得在后台蹲着，不能一直立在前台。我这次“环境被收回”，理由就是开机脚本一直占着一盏灯不放，平台等 5 分钟就收场。改法：仓库里的 .cnb.yml 加一行 daemon: true（后台常驻的意思），保存后去仓库里重开一次。看到报错里 daemon 这个词，就是它找你事了。

2. 仓库是公开的，全世界都看得见。拿来练手、放演示用例没事，但密码、银行卡、公司内部文件的任何字样都不要往里放。重要数据得先处理到无关紧要，再考虑放进去。

---

实测数据声明：以上所有时长来自本机实机操作的时间戳。CodeBuddy 开工 15:42:33，交付 15:46:28，用时 3 分 55 秒；从环境创建（19:31:14）到地址能打开（19:32:16），用时 1 分 2 秒。不同账号和时段，速度会有波动，以你的实际体验为准。

【欢迎评论区交流你的实测体验】