codebuddy做公众号教程

这是我用克拉巴黎从零到一搭建的一个小程序啊，一个点咖啡的，那这边的话可以选择咖啡，然后可以选择规格， 然后加入到购物车，购物车这边数据能正常显示，也能去结算，然后提交订单。那么这边不仅仅有小程序端，还有一个这样的后台管理系统去可以去管理这样的商品信息啊，那么我是怎么做到呢？那本视频就是从啊全程的录制啊，然后从零到一整个的实践过程， 而且我也准备了一个这样的文档，把我每一个步骤实现的过程，然后里面的关键的提示词以及一些关键的点啊，都录到这个视频里面去，录到这个文档里面去了，你可以按照这个文档从零到一完完全全的能够实现。 ok， 那 话不多说，我们开始 qq 八里这个软件，其实我很早之前就分享过，当时我对它的评价是不怎么好用，但是这几个月过去之后，我把它重新下载下来的时候，我当时是很惊讶的，那我惊讶在哪呢？第一它这个模型啊，全部都是 gbt 五点一和五点一 codex， 那 么这个是非常非常不错的，那为什么呢？目前就是除了这个专门的这个前端能力非常出色的这个 gmbn 三 pro 之外，它后端是 gbt 五 点一或五点二 code x 是 跟 cloudsonet 四点五和 opus 是 有一竞争之力的，所以的话它有了这个模型之后，那对于实现起来是非常方便。那第一个是它模型比之前丰富了很多，那第二个呢，就是 它增加了非常非常多利于这个 web coding 的 这种啊功能啊，比如说啊，它有支持 prime 模式，就它的 prime 模式跟 cos 的 prime 模式很像，通过你的一个啊想法，它能把它 形成一个具体的一个啊，含有突出历史的和设计的一个文档啊，比如说我举个例子，我在实现这个过，实现这个项目过程中，那么这边也是有啊生成这样的文档，非常详细的文档。 那么我在过程中呢，也是看他的设计啊，或者什么都是非常专业的，有这样的模卖的图啊，有这样的一个接口的说明啊，所以说非常非常的专业。那么除了这个之外，那还有就是他也支持这个啊多智能体，你可以在这边去配置， 你可以在这边去配置多个子智能体，也就像啊 clock code 啊，或者像 tree 里面都可以配置不同智能的这个子智能体，然后在整个对话中能够智能去调用。比如说你这个智能体是负责前端设计的，那么他也去能去智能去调用。 还有呢支持还支持 skis， 这个就非常非常难得了，目前很多工具啊都不支持 skis， 但是他目前支持了，也就说你在 clock code 里面用了的很好用的这些 skills 啊，你都可以把它导到这边去，它能去调用。还有呢，它也有记忆的功能，以及以及它最出色的跟它自己的这个 cloud base 是 深度集成的，也就是说你可以不用 去购买服务器，不用去购买域名，你不用去操心这些啊运维的事情，那么你可以用它的这个 cloudbase， 或者说你用 superbase 也行，来完成数据库的读取啊，认证啊那些很麻烦的事情，这样的话你专注于自己的这个业务，业务代码就行了，所以说非常非常方便。还有呢就是 你把代码都弄完之后啊，这边也提供这种啊一键部署的能力点部署，比如说刚我现在要演示这个项目，那最终是可以把这个项目都部署到这个 一个网址里面去，你可以有自己域名来进行替换。然后这边的话还有啊斐格码这些组建，可以直接使用斐格码的方方式啊，把这个你的想法变成界面，那么我这个点咖啡的这个小程序就是这么做的， 就这么所以说它目前看下来就是整个是一个非常成熟的，跟我几个月前用的话是变化非常非常大，所以我在整个用的过程中 非常非常顺利啊，基本上没有卡壳的地方。如果你在国内想要去开发小程序，那么它这个东西是最好的一个 ai 编程工具了，因为它集齐了太多太多关于小程序啊云开发方面的，这我们可以看一下它这个 source 就非常非常多，它自己系系统内部集成了非常多的这种路由， t、 c、 b 就是 cloudbase 里面的带这些路由，你看 它所有的这些调用啊，小程序相关的全部都有，全部都有，所以说这是非常非常不错，就算你不用开发小程序，开发其他的，你也需要后端，对不对？那么你也去是可以去使用这个 cloudbase 的， 所以我在整个过程中啊，真的是非常非常顺畅，也非常推荐大家去下载使用。那么在开始之前呢，你要创建一个这样的文件夹，因为我们现在这一次的演示是为了开发一个包含啊小程序和一个包含后台系统的一个完整的系统。所以呢你一定要先创建一个文件夹，比如说我们这次搞的是个小商城， 那么在这个商城里面这个文件夹里面可能会包含一个小程序，对吧？然后还有一个后台 要把这个文件目录建好，这样的话，你的这样的话，这样的话你的 ai 编辑工具啊，打开这个文件夹就会有两个目录啊，能方便的去做这种上下文的管理。 ok， 我 们优先先去创建这样的一个小程序啊，比如说我们现在先选择目录 小程序，这边就创就选择你的这个小程序目录就行了，因为他们这个后台跟这个是没有关系的。用这个微信语音开发，然后的话这边选择不使用选择测试啊，选择测试然后点创建。 那为什么要使用微信语音开发呢？这样就避免你去自己去买服务器啊，去创建数据库啊，去做服务器运维啊，就非常麻烦。 那么微信小程序里面其实集成了这个微信云开发的很多很多功能啊，你能很方便的就不用去太关注福气、玉米这些繁琐的事情，然后能做到就是你专注于你自己业务开发就行了。 那么你创建完之后会得到一个这样的一个界面啊，一个这样的一个这样的出手化的一个这样的 的环境啊，这边的话，你会看到你这边已经有一个这样默认的 crawl 一 这样的环境，点开这个云开发，这边的话会有一个默认的免费的开发环境，你在做测试的时候其实完全够用的。那这边会有一个这样的一个 crawl crawl 环境的 id 啊，把它给复制过来，然后的话回到你的这个目录里面去，然后打开这个啊小程序目录里面这个 app 点 js 啊，然后把这个 a、 p、 d 个云环境的 id 复制到这里去， ok， 那 么你就完成这个项目的一个出水化了，那这个时候你就基本上可以把它最小化啊，可以暂时可以不管他，然后的话你可以就是用你这个口袋包里去打开刚刚的那个文件啊，刚刚这个文件啊，这个默 打开之后，那么你就会看到啊，会看到有两个目录，这样的话相当于就是管理起来了。那么接下来就是你要来写一个最基础最基础的这个全局的一个这样的一个说明文件啊，告诉这个 ai 你 这个两个目录是干什么用的，那么我们会用啊，这里边的这个路由 啊，项目规则创建规则，那么我们把它它命名成 project 规则类型啊，总是也就说每一次这个 ai 的 请求啊，都会把你这个规则里面的内容 啊放到你的对话的上下文里面去，这个叫总是那手动的，就是需要你把这个规则文件啊拖到这个对话框里面去，告诉他去读取这个规则文件里面的内容。那么我们在前面已经说过，规则其实就是你来约束 ai 开发的一些规范的， 虽然我们这次是要告诉他，总是因为我们是要来说明我们整个项目是干什么的规则内容，所以我们就大概就简单介绍一下这个项目是干什么的呢？项目的价格是什么？这样的话他就生成代码的时候会去参考你这样的一个建议啊， 然后我们会使用 cloudbase 来作为我们的后台服务，就说我们不需要去搭建一个这样像 python 这样的后台服务的处理啊，点击确定 ok 就 ok。 好 了，那后面如果你有一些自己在开发过程中啊，有一些新的变化，比如说出现一些问题需要去规避的话，那么你也可以加到这边去做一些，比如说你你希望他不要去做什么事，或者说你建议他去做什么事，那这个文档可以慢慢去完善。那接下来呢，就是我们要进行下一步，就是我们要去 啊链接啊链接这个 clockbase， 那 为什么这一为什么这样做呢？其实你可以认为就说啊，我们在这个项目很干净的时候啊，需要去做一个触手化，因为我们点击链接之后啊，其实链接 clockbase 其实也是啊， call the body 在 后续后面会把这个 call the base 里面相关的东西啊，生成很多规则文件，这样的话你后面的请求才不会有问题。然后的话你这边微信登录之后啊，你就会看到它需要获取这么多授权，那你授权给它，授权完成之后啊，你就会再看到 call the body 下面的 rules 里面会有很多啊这个函数，这个 call the base 里面相关的这个函数啊，各种各样的， 那么它其实就是可以在下一次的请求里面会自动去识别这里面的这里面的东西了。这也就为什么我说一定要在项目出手话的时候先把这个，如果你要用这个 codebase 啊，如果你要用这个 codebase， 那 么你就先把它给连上去，先把它连上去 这边他已经出示完了，那出示完了之后呢，会有一个问题，就是他自己出使化会得到一个这样的一个环境的 id 啊，也就是我们的云平台的一个 id， 跟我们当时小程序创建的是不一样的，这时候你就可以告诉他啊，我真实的这个 id 是 这个， 到目前为止啊，就相当于把这个环境啊代码出使化已经做好了，那接下来就是一个实际的从一个产品到一个完成品的一个过程了。 那所以现在这一步呢，就是啊，假设你现在有个想法，对吧？你要把想法变成产品，那么我们就要要把这个长这个想法具体化，那么就是我们要生成一个这样的一个啊，说明文档。有了这个文档之后啊，那大模型啊、编程工具啊什么都知道，我们到底的是具体的需求是什么？ 那么你可以用这段提示词放到我们的这个口袋里面去啊，让它生成一个这样的一个标准的一个 prd 文档， 你可以选择这个啊，这个模型其实都一样啊，你可以选择这个 max 也可以。 ok， 那 我们就让它生成一下，那这个文呢，其实作用是什么呢？是啊，明白你这个产品是干什么的，然后它的 信息页面的结构是什么样子的，然后他会给你一个这样的一个页面的一个参考啊，就比如这个页面怎么设计，对吧？然后如果说你要更详细，还可以输出这样的接口的定义，但是那样的话会导致这个文件非常的大，所以说我们就暂时不用那么麻烦。我们先其实就是把你的这个想法，比如说我现在想 做一个这样的点咖啡的小程序啊，然后把你这个这个想法更加细致化一点，他这边已经生成完了，生成完之后我们就把这个文字啊拷贝到我们的这个文档里面去啊， 这边的话我们新建一个文件叫这个名字啊，拷贝过去，拷贝去，过去之后呢，我们可以大概来浏览一下他目前给你设计的啊这个东西啊，定位节省时间，目标用户核心功能用户测 啊，选择这个规格下单支付个人中心小程序端啊，这就是给你的在规划你的页面结构了，在规划你的页面结构了，然后后台， 那么后台其实我们是啊不需要他来做这个种啊界面的管理，因为我们后台会根据功能去做 对应的这个后台管理啊，所以呢其实更重要就是看他的这个小程序的这边的设计，如果说你对这边调整啊，有你自己的想法，你也可以来修改，比如说首页啊，首页的话我们就希望就是啊展示一个开屏键面，对吧？ 分类商品卡排序详情， 优惠券我们就不要搞那么复杂，我们就直接就不需要优惠券，我们不需要，这个配送方式我们不需要，哎，简单订单列表 ok， 取餐进度条好， 优惠券也不用啊，我们都不用， ok， 我 们基本上就是可以把它这整个就看完了，看完之后接下来这一步就是要把你这个东西要变成界面，那怎么变成界面呢？那就要有一个设计工具，或者这有几种方法啊？第一种方法是你直接让这个 copy body 去读取这个小程序的这一块的描述， 这一块的描述，然后呢去生成界面，还有呢你借助第三方专门的这个设计工具啊，来来生成这样的界面，那我们就是可以啊，使用这个 control body 本身已经集成了这个 fig 码，那我们就用 fig 码来做一个这样的界面，做这一套界面 在刚刚生成 prd 文档的时候，其实它帮我们生成这个设计的规范，因为我们其实要求它生成设计规范，看到没有？我们是要求它生成这样的设计规范的，所以我们等会把这个也拷贝过去。 ok， 我 们打开 fig 码，点这个 我们使用啊这里的这个 make， 那 这个 make 其实就是可以通过提示词直接创建页面，不需要我们去啊，有这种啊专门的这种设计的能力啊，因为作为一个啊，不是专门的设计的话，你要去用这个码去做设计出来一个好的界面，其实是有点难度的，那我们就把这个， 我们把这个拷贝一下， 然后呢我们把再把这一块放过去， 那 ok， 那 就让他去设计就行了，那这边设计的时候肯定会出现一些页面的这个问题啊，这个需要来自己来调整的，这个倒是问题不大，那这样的话他就有一个这样的你的一个内容的参考，一个设计规范的参考，然后他就会去生成这样的界面。 ok， 他 这边已经跑完了，也就说你这个其实如果你发现啊，就是你这个效果不好啊，你可以重新再 调整一下，你看我这是已经是改了一次了，他第一次效果是不好的，那我把这个啊，他的这个设计规范给去掉了，直接把这个页面需求发给他，让他去生成。 因为这个 facebook 背后也是一个大模型吗？但是不知道他用的是哪个大模型，他也是能理解你这个啊，你的这个要求的页面啊，然后去生成这样的一个界面啊，所以说你这个也是相当于抽卡限制的，如果不行的话，就是你让他再去调整，直到你满意为止，那么你也可以去调，可以去修改，比如说这个 购物车这个零不应该显示在这个地方，你可以点击这个，然后再点击这块位置啊他妈，那么你就可以去修改，让他 把这个购物车的数量放到这个右上角。接下来这一步就是要把这个 figure mark 的 这个这个界面，怎么把它挪到这个 code body 里面去。那么如果你是使用普通的这种 design 模式啊，就是普通的设计模式啊，那是 就是这边是可以直接点这个按钮的。如果是像我一样用这个 mac 模式，那你就要啊用一点其他的办法，比如说你要用这个点这个拷贝，把这个拷贝一下，然后呢回到这个啊，他的这个主页呢，去创建 创建一个这样设计稿，然后的话去比如说这个页面是一个首页写个名字，把它给复制一下啊，复制一下， 那么你就能把这个结构啊复制过来。那么有了这个复制之后呢，然后在那个一个界面一个界面去拷贝啊，第二个你就这样去依次去打开每个界面去拷贝过来就行了。 这边全部拷贝完之后啊，注意了，你这边选择一个这样的层，在这里选择这个层，这边会有一个这个添加到对话，然后这边就可以点击了， 你点击一下，然后他就会把这个资源的文件放到这里面去进行一个转化。但是这里面要特别注意啊，就是他这个转化是会转化成 html 语言的，所以你这边在这边要要求他转化成微信小程序，那么我们可以写一个通用的文件来方便，就是来一个进行一个转化啊， 好，就写一下，要求我这边写完一个大概一个这样的命令啊。方，就是就是为了方便我们后面每次都是不需要在这边敲文字，拖过去之后这边就在这里面放着了，然后的话我们就可以直接让他去生成 代码。 ok， 他 这边已经全部弄完了，这个首页啊，我在他弄的时候发现他会把 figma 的 这些图标啊这些东西下载下来，然后复制到这个我们的这个小程序的这个目录里面去复制到这里面去，你看，所以这个是非常棒的，我们来看下效果， 来看下这个效果啊，有一点问题啊，就是他没有显示一行两个，这个没问题，你看主要是我们看这些细节，比如说这些图标小图标他已经拷贝过来了，然后这些效果也有 切换的效果，也有那底部的菜单也是一把就过来了，不需要我们再去配置。现在唯一的问题就是我们调整一下细节就可以了，我们怎么来调整这个问题呢？其实就是把页面的名字啊，比如首页把这个你就这个问题描述一遍，对吧？首页的商品啊，必须是一行两列 就足够，剪短就行了，你也可以更加描述啊，详细一点，比如说首页要怎么展示空隙是多少，这个就属于专业的角度了，如果你 啊不是，如果前端专业的话，你就告诉他要一行两业，让他调完，调完之后再来改，包括后面所有的这个问题的调整，其实都是这种方式，你看到页面有什么问题，你直接如实去表达出来就行了，他是能够完全理解你的话的。这边已经调整完了，那么这个效果其实是还行 啊，目前最起码跟 figma 最少有九成以上是相似的，那么接下来就是每个页面都这么操作就行了。 ok， 我 们用刚刚的方法把所有页面都已经转化到这个 control body 里面去了，然后我们看一下最终的效果， 基本上就是还原了我们的这个 figma 里面的设计的效果，有些小瑕疵，你可以去逐步去调整 啊。这种比如说因为我们在飞哥嘛，这边是一个单独的一个弹框效果，那么你在做的时候啊，在刻的巴丁里面做的时候，你就告诉他这是哪个哪一个路口的一个弹框的效果，那么他去读取的时候，自然就会把这个东西啊给你加上去。 比如说我这边是怎么写，比如说我现在这里的啊，这个界面是购物车点击结算的弹出界面，请实现啊，是这个， 这是这一块是弹簧，那你选择是选择这个啊，这个这一块内容选择是这个这块区域添加到对话，然后加上我这个这个提示词， 就是这句啊，这个界面是购物车点击结算的弹出界面，那么他就会在这里面加上去点点击，然后会弹出，那整个下来的话，他这个还原度是非常非常高的，而且特别是一些图标啊， 这图标完全全部是图片，那么他在这边会生成好多飞格玛里面的图片，看到没，直接可以一一对应起来，这就解决了我们去到处去找图片那个问题了。 所以说整个下来啊，很关键的这一步啊，从飞格码转到这个微信的原声代码，整个过程是非常顺畅的，已经超乎我的意料啊，我也是第一次用这个啊飞格码进行转化，那效果是非常不错的，而且我们的代码全部是原声代码。那你做完这个事之后呢？那接下来这一步就是要去 让 ai 去阅读你的项目和产品文档，来做一个数据库的设计。那为什么要做这一步呢？其实是为了我们后面这个，我们的后端程序也好，我们的微信小程序也好， 能够去啊读取我们这样的一个数据库的一个设计结构啊，方便后面所有的这个前后端的数据的对接。因为现在你看了所有的数据其实都是假的数据 啊，都是测试数据，不是真实的在数据库里存储的数据。所以这一步我们一定要提前，相当于打好一个地基啊，做好一个设计图一样，让 ai 在 生成代码来说能参考这样数据库设计，这样，因为我们所有的这个 对接或者我们的功能啊，是分散在各个系统的各个地方，比如说你在这里有商品列表，对吧？你在订单里面也能看到商品的信息， 你可能在后台的这个页面里面也能看到商品信息，那这个商品必须来自于同一个数据库集合，如果你不提前做好，很有可能就是大模型在上下文长度超过之后 啊，在这个地方用的是数据库集合 a， 在 另外一个地方用的是数据库集合 b 了，那这样会导致重复设计，可能会产生不必要的这个问题啊。所以在这一步我们要让他去帮我们去先设计一份基础的这个数据库集合。那在这一步 如果你是有编程的基础的话，你是可以根据啊页面上这些元素啊，比如说商品有哪些信息，比如分类，对吧？然后小图标，然后名称啊，类型，名称、价格， 那么你可以根据这些元素呢，根据你的这个自己的这个产品的定义文档，自己去设计这个数据库也可以，那如果你没有变成基础了你，那你就让 ai 家帮你设计一份数据库，可能会有问题，到时候再去调整，这个就是看你自己了，一般 如果说有技术基础啊，建议还是自己去设计，这样的话你会比较容易去掌握，比较好修改。那我们这次演示还是让 ai 来帮我们去设计吧，就我们让 ai 去阅读这个 prd 文档，然后呢去阅读这个目录下面的所有的这个小程序目录，因为小程序的页面里面其实有很多这样的交互数据的， 有很多，这样的交互数据就我们希望他阅读完这些所有的数据之后啊，自己能思考推导出来啊，设计一个符合我们这个标准的一个啊，这样的一个数据库集合，如果这个项目很大，那这样的读取肯定是不可行， 不可行的，所以你的项目如果很大，你肯定最好是人人工去设计一份数据库集合，那这种小的项目你可以让他自己去扫描 好的，他这边设计出来了一份这样的数据库设计文档，就如果你看懂的话，你可以大概看一下， 就因为很有可能这里会有一些过渡设计啊，比如说有些功能可能是不要的，那么你就直接告诉他，比如说 啊，我这边优惠券这边不需要，那我就可以给他去掉就优惠券，而且还有别的设计，你自己觉得你可以去参考，去筛选，如果你自己看不懂的话，你就可以不看，让他去走下一步就行了。 接下来呢，你就是要去在这个 rules 里面去啊，要去做一个调整，那为什么要这样做呢？就我们在我们的工程这个目录里面啊，要特地的说明一下，如果有针对这个原数据库的修改啊，一定要先访问这个文件，就是 ai 一 旦 要对数据库进行读取啊，增加编辑啊，那么去阅读这个文件，因为你已经帮他设计好了，他需要去遵循这个设计规范就行了，不需要自己再去额外去做一些重复的事情，所以这里面是非常重要的啊， ok， 你 就这边写一下，就是如果是要需要使用和设计员数据库，请参考 the base 点 design 点 md， 如果新增 ok， 你 这边加好，那么他后续的所有跟数据库相关的设计变更都会以这个文件来作为一个中转和参考的对象。 那么在数据库设计完之后，你就要开始去做这个后台管理系统。为什么要做后台管理系统呢？是为了方便我们在小程序前端的时候进行一个数据连调，因为现在小程序端其实展示数据是模拟数据， 加上这个系统他也不算大，对吧？我们可以先把那个后台管理系统先搭建起来，这样的话我们可以添加数据，然后前后端能联调起来，就非常方便了。 那么在创建这个后台管理系统之前呢，我们一定要想一下，就是后台管理系统到底要管理什么？可以去观察小程序端这个每一个页面中的元素的这些展示的这些元素啊，然后比如说名称啊，描述啊，价格啊，那么这些就是商品就要管理的东西。 然后的话我们采用的是什么呢？是一个页面，一个页面来创建，如果你一次性让它生成太多页面，很有可能会有问题。 所以呢我们准备了这样的一个提示词，来让这个克里巴里去阅读我们的这样的一个情况，然后选择这个 prime 模式，最好是选择这个 max 这个大模型， 然后呢提交之后呢，那在这里的时候，大可能包里很可能会从这段电话里面啊拆出两个 part 出来，就说他会去，因为我们有了这个数据库设计文档，但是其实我们的 cloud base 里面是没有任何数据，也没有建数据集的，所以需要他帮我们去部署化， 要么就自己你手动去啊，云函数里去云数据库里面去创建数据库，要么就让他自己去抽象。那么我在发送这个提示字之后，他就在跟我提问，然后呢发现这边要抽象这个 color base， 然后这边呢我提供一些信息，然后就开始去执行这样的抽象了。 如果你在发布这个提示词之后，没有出现，没有出现这个数据库出式化的话，你也可以单独写提示词，让他去阅读这样的一个数据库设计文档，然后出式化到 cloud base 里面去，那么他也会向你索要这些啊 cloud id。 那 弄完之后呢，我们就可以看到，那弄完之后呢，我们会看到打开这样语音开发， 然后在你这个云开发里面就会有几九个集合啊，这个就是刚刚他出使化完，出使根据我们数据库设计文档出使化的一些基础的数据了，那这样的话相当于就数据库就搭建好了，搭建好了那我们就 啊继续我们的这样的一个后台管理系统。那我们把提示词再重新录进去之后啊，把重新 重新弄进去之后呢，它会给我们一些提问啊，我们去回答就好了，那么它就会生成一个这样的一个计划文档啊，然后你可以看一下它的一些说明，还有一些技术站，技术站我们已经要求它必须使用 element ui， 然后的话是一些数据流， 这些弄完之后没什么问题，那么你就可以点击这个 build 来进行一个开始的一些开始编码了。 ok， 他 这边已经执行完了第一个计划，他执行完之后呢，本身这个项目应该是在这个阿德密目录，但是他目前是放在外面这个目录，所以说他的所有的后端代码都在这里，跟这个 wechat 是 平级的，相当于他是个主目录了。但没关系啊，执行完之后呢， 那这边的话就是，呃，会有一些问题啊，打开页面之后啊，会有一些问题， 比如说，哦，他这边跑完之后啊，因为我出手画的时候是有一部分数据在这里面的，所以打开就能看到那分类，也能看到其实页面的样子不是说很美观啊，这个你都可以自己去调，主要是看他啊，有没有连接我们的 cloud base 的 数据库，对吧？ 那我们可以看一下，比如说我现在编辑一个，那么在这里的时候出现一个问题什么呢？就是你上传图片可能会上传失败，那我这边也是让他来修复这个问题，那么在修复的时候他就告诉我要去 call the base 配置一个安全域名，那么这边也是给到了这个链接，那你点击之后去配置就可以了。 那我们这边可以上传一个咖啡图片看一下。 ok 啊，这边是可以的，那么我们这边就是保存一下，好，保存一下，然后图片看一下它有没有显示正确， 如果说没有显示正确，那我们就要去看一下它是不是保存有问题，这就是需要我们一个页面一个页面一个问题一个问题去调整了。目前来看我们先新增一个吧，我们新增一个商品 保存成功啊，在这里新增的商品这个图片是有的，编辑的时候这个图片没有保存成功，相当于是那我们就会让他来修改这个问题，通过刚刚的方法呢，我们就一个页面一个页面去实现就行了，这边也会有统一的这个提示词， 这边呢也有这样的提示词来辅助大家去完成啊。接下来的页面你可以使用这种学习的方法，就让他看一下你已经完成的页面是什么样子的，然后呢他这边的话就很快能够去做出来，做完之后 啊，做完之后你大概是这样子，有四个这样的管理的入口啊，然后比如说分类啊，商品。那么在商品这部分呢，一开始第一把的时候，他是没有去啊，去有规格这样信息的录入的，就在我们的小程序里面是有些规格商品啊，比如说，呃，你看啊，比如说这个 在我们小程序端点开这个加号会出来这么多规格，那么一开始第一版的时候在后台是没有这样的配置的，那你也可以在对话的提示里面加上这个，就是让他去阅读这个数据库里面的设计，因为我们数据库设计里面是涉及到了产品跟规格是有个绑定关系的，所以为什么说这个 啊？数据库文件设计文件非常重要，就在于这里，就是你可以去发现一些不一缺失的东西啊，然后让他去读这个数据库设计文档，然后他去补全这样的功能， 那很可能你每次的这个这个完成都不一样，就是你要去检查一下是否缺少啊，缺少这个不一样的功能，那么检查完成之后啊，就是你后台录入数据没有问题，读取数据也没有问题，那么你就要接下来一步，就是把小程序前端 啊这里的模拟数据，每一个页面的这个模拟数据要对接真实的这个我们的这个 cloudbase 里面的真实数据会有没数据了，所以接下来一步就是小程序的转换，我们再把这个小程序啊对接这个真实 cloudbase。 之前呢，我们可以看一下，就说我们这个页面数如果不多啊，比如说我们这个现在的页面数其实不是太多 啊，只有几个五六个页面，而且我们现在其实只要替换的是小程序里面的模拟数据，替换成真实接口，所以呢我们可以在一次替换中让 club clubbody 去完成所有的这个 club clubbase 的 这个对接。所以呢提示词这里面有几个关键的点。第一个关键的点是什么？就是 我们一定要让他按照我们的数据库设计文档里面数据结构去对接，因为这个数据库设计文档是前端后端全部的功能都包含在里面的字段是能对齐的，这个是非常关键的。那第二个呢，就是 我们是让他要保证就说只修改我们的这个模拟数据，我们界面的这个元素啊，界面这些代码是不用动的，因为小程序这个界面是 全部使用的是我们的模拟数据，它使用的是数据，是跟我们这次的改动是没有关系的。所以呢我们在这个提示词里面一定要去告诉他，就说你这次的修改，你这次的修改只针对我们这 colorbase 的 对接，然后的话是不需要去修改我们的这个 不需要修改我们页面中的元素的，然后的话就是这边就这两个是最重要，一个是什么，一个是要参考我们的这个数据库设计文档。第二呢就是啊，我们只改这个数据层的对接 啊，其他都不要动。那你发给他之后，那我这边发给他之后，他就开始去找这边微叉的这个目录里面的所有的页面，然后把这个数据都抽出来，出来之后去阅读我们的数据库设计文档，然后去一个个去退换，你看他每一个都， 每一个每一个这个页面的这个 index 点 j s 这个文件啊，都去读取了啊，都去读取了，然后把对应的这个模拟数据替换成我们的 cloudbase， 我 可以就这样看，一直替换一直替换，那你弄完之后你就能看到是这样一个效果，那么这里展示就是真实数据，我们可以看一下后台也是这三个商品，然后的话 你可以去把它测试一下，比如加到购物车，那你在这边就能看到， 那这边就能加载正确的这个图片名称，那你可以去改变它的数量，然后的话你可以点击去结算， ok， 下单， 就是在这边能看到所有的请求都都是调用的这个 d b 点 collection， 说明我们已经跟 cloudbase 已经对接上了，那么你如果有什么其他的问题，就是如果说，哎这个数据加载不出来，那么你去把把这个错误啊，比如说我这个错误你可以直接复制，然后呢 放到你的 control box 里面去，让他去解决你这样的错误啊，就是这一步，在这一步替换，替换的这个过程中啊，大概能够百分之九十的基本上的错误，能够完成百分之九十的功能。如果你缺少功能呢？就你个个一个去调，比如说我这下面也是进行了一些小的一个一个调整啊，比如说 啊，比如说我们需要这个上面列表点击的时候，需要弹出这个规格的选择啊，就是在这个地方 就这个这个是来自于我们后台维护的数据，那么他之前弹出来的是一个啊，是一个假的数据，所以我们在第一次替换的时候，他是没有把它替换掉的，所以我们要去跟他去绿化，让他去替换。还有一些别的错误啊，都是一个个去调。 那这到这一步其实就是你的一个具体的页面调整了，是在一个大的框架已经完成了，所以这样的话是很快的，因为你的 基本上所有的页面都出来了，那么大模型在对你的这个整个页面里的某个局部界面调整的话，它的准确率是非常高的，因为你上下文已经有了，页面的结构已经有了，总比从零到以一这个过程是非常简单的。 那你所有的调完之后，像我这样调整完成之后呢，你就能看到订单啊，这些数据全部都是从后台这边加载过来的，就能看到这个，你就点这个所有的数据都是从这里加载出来的。那你也可以去云开发这边，这里面去啊，数据库里面去查看你的这个产生数据啊，他这边也是有的。 那这样呢，像你全部调完之后，包括后台啊、小程序啊，跟我们的真实数据库对接商对接完，你测试没有什么问题，那么你就可以去给他部署到线上去了。那小程序上线呢，是非常简单的， 因为我们使用的是云开发这种方式啊，那么直接去点上传这个就可以了，那么你还有一个后台呢，比如说你现在这个后台系统，那怎么去部署呢？也非常简单，那 clubbody 这边 提供了这种集成的方式，你点这个啊，点这个部署，那么你就能像我这样，就是出现一个这样的一个任务列表，它就会把这个项目啊推到它这个 cloud studio 里面去，然后部署完之后会有一个这样的链接地址， 那这个链接地址呢？就是可以直接上打开可以看到，那么如果你想要自己的域名的话，你也可以去这个啊，腾讯的这个后台里面去配置你的这个自定义域名，然后解析到你的这个地址里面去，那你这样就完成一个前端的上线了。最后我们来总结一下，我们在使用 color body 的 时候啊，从设计， 对吧？使用 fig 码的这个 make 功能啊，根据我们的想法，从设计生成的界面，然后再从把界面从 fig 码的界面，因为它是用 react 啊，转成我们的微信小程序的前端代码。然后呢我们再让这个 colorababy 给我们生成数据库设计文档，最后 生成数据库设计文档之后再生成我们的后台管理系统，然后再去完成小程序的对接。所以整个过程其实是从界面就是你 你的产品的思想啊，是一个文字，那么变成一个具体可见的界面，然后再把这个界面转成我们的小程序的语言， 转完之后，你开始需要去总结一个数据库设计文档，因为这个文档是所有的前后端的一个扭扭转的一个流行，一个核心是一个核心的东西，如果你没有这个东西，那么很有可能会导致就是你的数据库设计，你的集合的设计是混乱的。 如果你是有经验，你可以自己去设计，如果你没有经验，那么你可以让 ai 来帮你设计，让他来遵循这个文档。那这样我们前后端所有字段都是对齐的。那最后你最后你完成前端对接的时候，那么只要改的是 我们的模拟数据那一块，你不要去动页面，那个页面出来的效果就跟你当时在斐格玛设计的那个界面效果是一样，这样的改动是最小的，也是效率最高的。那 ok， 那 本期视频就到这样，如果你对 ai 编程感兴趣的话，可以多多关注我。

朋友们，不得不说，这个微信真的太牛了呀，现在只要你发个微信，直接操控小龙虾给你干活，今天我只用一分钟两个步骤帮你完成微信和小龙虾的字典。 好，我们开始啊。第一步，直接登录我和巴黎网站，看到没，然后在这里下载它的这个软件，下载了之后呢，在桌面你会看到这个绿色的小图标，然后打开之后就是这里，就是你的操作界面， 很简单，你直接在这里面输入你的需要让小龙虾做的事情就可以了。第二步，如何让他连你的微信呢？看到上面这个小人没？点击这个小人，下面有个 cloud 设置进来 cloud 设置，然后里面有集成，你看有企微，微信客服号， qq 机器人都可以连。那我们以微信为例，微信客服号点击配置，它会出来个二维码，然后立刻用你的 手机扫二维码，扫完配置成功之后，你的微信就会出现一个机器人，这个时候你给机器人只要发这个消息，他立马就可以给你开始干活了啊，不论在哪里，是不是特别简单。然后呢，这里面再提一下怎么来配置 skill， 小 龙虾配置 skill 才能够用。然后腾讯专门出了个 skill hub 啊，所有所有牛逼的好用的 skill， 而且非安全度非常高，你就在里面找就可以了。 skill 哈吧，怎么来安装小龙虾的 skill 呢？比如比个例子，我点开一个，点开一个，看到没？下面复制提示词，把这段文字复制，我复制，然后在微信里面发给你那个机器人， 这个时候你的小龙虾立马就装备了这个 skill 了，然后你就可以让他来开始干活了。怎么样，是不是特别简单？学会了吗？赶紧转发给你，让那些还想装小龙虾的朋友我是新农，那个让黄轩签名合影的这种人，关注我，一起向前奔跑吧！

hello， 下班了，今天跟大家分享一下我日常是怎么用 codebody 的， 那么我前两天也说过，就是 codebody 是 腾讯的一个 ai 工作台，那这两天也相距推出了像 workbody 这样的产品，那么我也分享一下每一天我都是在怎么进行我的工作。 首先呢就是 workbody 或者是 codebody， 我 们常用的哈，其实它就是一个 ai agent 工具，但是呢它是一个在你电脑里面住着的一个助手，那你可以给他指定一个文件夹，那这个文件夹就是他工作的一个目录， 这个文件夹就是跟你电脑的文件夹一样的，所以你登录上这个 word body 之后呢，实际上你就可以给他指定一个文件夹，比如说这个项目的名字就是这个文件夹的名字，然后呢你就可以开始工作了。怎么工作呢？就是用自然语言去跟他聊天， 比如说举个例子，我要写一篇文章，我要写一篇调研报告，然后这个时候呢就会涉及到他的一个搜索功能， 它怎么能够搜索呢？当然原装的它可以有一些 m c p， 那 么这个 m c p 呢，又是一个新概念了，叫 model context protocol， 就是 相当于你用了一个标准的协议去对接到网络上的一些资源，相当于你 把本地跟网上的信息联系起来。我最近常用的叫 super s e r p e r 这个 m c p， 它是可以用谷歌的搜索，那这个非常重要，因为你用了这样的搜索，你就可以提高信源的质量，这是第一个。 然后我日常的工作状态是什么样子呢？就是首先我上班的时候会跟 ai 说今日规划，然后 ai 就 跟我说， ok， 启动这个 daily focus 的 skill， 这个是我提前预定好的一个 skill， 那 啥叫 skill 呢？ skill 就是 技能包的意思，那么怎么做一个技能包呢？就是你可以跟 ai 说啊，我要做一个让我聚焦每天工作优先级的一个 skill 啊技能包，那你要帮我去做一下，但是我现在还不是特别清楚这个过程是怎么样的，然后你来问我一些问题，这样我可以告诉你我的需求，然后就可以开始启动这个 skill 的 制作。 ok， 等到 ai 写代码写，写了好多东西以后啊，然后把这个文档 skill 的 文档写好之后，你就可以开始每日工作规划了。然后大概能做到的呢，就是让你每天先把脑子里想的所有东西都倒出来，然后它就根据你的优先级进行排序。 那当然这个优先级可能就会涉及到记忆系统，那这个记忆系统可能又是另外一件事情，那这个稍后再跟大家说，然后你就可以开始根据你的优先级排好今天的任务，然后你看看是不是要这样规划。 相当于我有一个秘书就每天都帮我在做任务规划，然后每天我完成工作的时候，我跟他说总结一下今天的情况，就帮我生成了一个 今天工作规划和完成任务的一个文档，我今天的文档就是应该是三月十号吧，对，这就是我今天的一天的工作回顾。 有的时候呢，我会用另外一个 skill 叫深度研究，对我这个深度研究就跟他讲的就是他可能去网上搜很多信息，帮我搜一些报告回来，然后帮我去做一些系统化的梳理，这个过程中呢，你可以参与，也可以不参与， 你不参与呢就等着他给你报告之后你再审查就可以了。如果你参与呢，就是过程中你其实是可以看到他每一项任务，他在怎么 怎么执行，搜了哪些文献，做了哪些总结，这个过程你是全程可以看到的。这个时候你跟他说 你现在搜的这个方向不太对，你要去搜一些英文的文章，最新的论文等等，你会可以跟它去调整它的搜索的方向，然后搜回来你就可以去再做新一轮的调整和校对和审查，这是一个协同 工作的一个过程。当然这个深度研究也是一个我提前定义好的 skill， 那 这个 skill 里面除了搜索之外，除了总结文章之外，我还给他提供了一些建议。比如说你搜完之后，你首先要批判一下 你搜的这些内容，你要从不同的角度来去看一下他是不是合适。那比如说你从一个严谨的逻辑学家的角度，从一个演化经济学家角度，从一个创新专家的角度，从啊一个历史学家角度，都分别给我一些建议， 对这个文章进行一个评论，然后你再去重新校对和输出一轮，看看有没有事实错误，看看有没有严格的这种逻辑问题。然后这个时候你再把成果输出成一个文档给我， 那因为 codebody 和 wordbody 就是 都在你本地电脑中工作，它是可以把一些文件的内容写到你电脑中去的，就变成了一个 markdown 文档，那这个时候你就可以基于它的产出再继续工作，继续干活。 所以我每天上班的状态就是打开 codebody， 然后跟它对话，然后现在的对话呢，之前还是打字，现在完全不用打字了，都是在说话。 然后我接入的是微信输入法的语音功能，就是在微信下面有一个开关，你可以设置一个快捷键，然后按住那个快捷键，你现在在输入，他就可以变成文字。那这个好处呢，就是说话比打字是快很多的，然后你在他说完以后，基本上就是通过嘴指挥电脑干活。 然后我们现在日常上班就出现一种很有意思的状态，就是我跟我的同事，大家两个人都在非常小的在在在说话，指挥电脑，所以这个也是一个常用的能力。当然我还有一个最常用的就是这个会议就要转写， 或者是录音的转写，然后这个呢，我之前呢都是在网上用腾讯会议来去做文字的转录，后来呢，我发现可以本地装一个模型，在本地就完成这个会议内容的转写，这样呢其实它更可控一些，而且就都完全存在本地， 相对来说更私密一些，所以就又下载了一个模型，每次有新的语音进来之后，我就跟 coldbody 说，你帮我进行一个转写，当然这个转写也是一个 skill， 就是 他提前提前跟他说好的，每次遇到这种情况，你该怎么处理，用什么脚本，他已经都固定好了，规划好了 好，这是几个常用的给我的能力。另外还有像我刚才说的记忆系统，这个之前我也有一期视频专门跟大家讲过，就是怎么搭建你的记忆系统，其实并不复杂，然后很多朋友说想看看具体是怎么搭建的，但实际上就是你跟 ai 对 话，你就跟他说我要搭建一个记忆系统，你的目标是什么？你就是想把 你的日常的偏好，就使用 ai 的 偏好，或者是日常跟它对话的记录，以及它提炼出来你的核心特征， 到底你希望他记住你的是什么，你就跟他说就好了，他就可以帮你写一个记忆框架。然后这个时候呢，你再跟他说，你要去网上帮我找一找有没有其他非常好的记忆系统的推荐，他就会给你一些推荐，然后你就说那参照这个来写一下吧， 对，就完成了。那这个记忆系统的好处就是每次我打开的时候，他都会优先的去调一下我的记忆系统中，最近我在帮我排一些优先级，所以整个的工作流程现在 就对我这么一个屁人来说非常的灵活好用。对，因为今天的 workbody 的 上线呢，就是非常的火爆哈，然后包括我们今天上午的云服务器都挂了，用户量太大了， 所以就是也是跟大家分享这些这些这些小的方法，就核心其实就是把它作为一个你电脑中的一个工作助手，让他帮你去 读文章，写文章，修改文章，跟他去讨论，做一些思维的互动。然后整个这个过程中，其实第一个阶段还是人在环中，它跟 openclop 不 太一样，就是还是希望你要参与到整个工作流程中， 当日后等你的工作流打磨的熟练之后，可以用一系列的 skills 把这些工作流串起来，这样的时候你就再把这个自主性更多地给到 ai。 对，所以其实我们跟 workbody 的 团队合作非常的密切，然后之前也一路看着他们的这个产品成长起来，我们给他提了很多建议，包括我这个带货哈，就经常给他，他们家这个产品啊带货我们也一路打磨，就觉得还是非常好用的，目前的一个状态，所以大家不妨去下载一个 workbody 去试一试。 刚才我讲到的很多 skills 听起来很复杂，但是你只要跟 ai 说你帮我做一个什么什么什么 skill， 它就可以帮你完成， 所以其实一点都不难，然后动起来和真正用起来是最难的一件事情。然后过两天我们继续在研究院和腾讯的官网上会有直播，大家说周四晚上，到时候大家可以看一看，拜拜。

这视频介绍如何在本地电脑装腾讯版 opencloud ai 办公助手？用微信互动，去这网页下载 workbody， 下载好启动它，在苹果电脑拉到 applications， 再启动台 启动 workbody， 用手机扫二维码， 打开 i d e， 继续使用。 在右上角按这里后选 cloud 设置， 按配置绑定了。用手机扫二维码， 微信客服绑定成功， 去这网页微信接入指南， 绑定成功后就可以开始使用，这是手机的录屏。

嗯，五分钟，看我一分钟教会你。 ok， 首先打开我们的 coldbody 国内版，点击第一个，然后在左上角点开它的官网，我们点击乘中国站选择下载， ok， 下载完毕之后，我们打开这个文件，我们进行安装，点击同意，然后一直下一步，下一步，下一步我要安装，我要安装，我要安装。 ok， 现在已经安装完毕了，然后我们点击完成，它就会自动运行。 首先我们需要登录一下我们的账号，点击登录，因为我们是国内用户，所以我们直接用微信扫一下就好了， 扫描完毕之后，我们就自动会登录完毕，然后我们在这边就可以跟他说我们想制作一个什么样的网站，这里我跟他说请制作一个简单的视力网站吧， 他就会开始自动运行，我们稍等一下他就做好了。好，我们点击这边的集成，选择这个云部署，再稍微等待一下， ok， 他 已经部署完毕了。那左边就是我们的网站，然后右边他有一个访问的地址，可以点击一下， 这个就是我们的网站了。同样我们的网站链接也可以分享给我们的伙伴，包括这个是我在手机上进入链接的状态啦，那今天就到这里。

周五下班，我拖着疲惫的身躯，挤上回乡的大巴看着城。推开院门，奶奶正坐在老槐树下摘菜，看到我，脸上瞬间绽开了花。午后的阳光洒在院子里，奶奶摇着蒲扇给我讲小时候的事。 傍晚，我们一起在灶台前忙活，锅铲碰撞的声音是我听过最动听的。选晚饭后，我陪奶奶在院子里看星星，这就是幸福最简单的模样。

别花时间去装什么大龙虾了，腾讯出了一个一键安装的超级大龙虾，支持微信的无缝连接，我们来看一下，那首先我们打开这个 work 里，然后这里有一个设置，然后下面呢，这里就有了新的功能了，微信客服集成 非常简单，你扫码马上就出来了，这里就有了，那我们来给一个指令给他吧， 你看它这里就呃跳出来了啊，我桌面的情况啊，开始整理， 啪啦啪啦的，来简单看一下这个 workbody， 它能干啥？日常办公这里就有很多选项了，文件处理、视频生成啊，深度研究、 数据分析，然后很实用的一个工具，就是代码开发，以后大家都不用去写代码了，直接用这个就可以了。这个 workbody 它有个外号叫工友啊， 然后它还有一个麻友，就是这个代码开发的，叫麻友，然后这个就是麻友叫 co buddy， 然后我就用它做了一个选股软件，这个就是我用 co buddy 做的一个股票选股软件了，它有个非常好的一个功能，就是它打通了微信的生态， 它可以跟微信的公众号、小程序无缝连接，这个就是非常方便的，目前体验 word buddy 呢，是有五千个 credits， 而且安装是非常方便的，大家赶紧去体验一下吧。

哎，工具有很多，然后呢，今天呢，我们借助的是 coldbody 啊，腾讯的一款产品。然后呢，我把这个现在就是这块的话调整，其实其实手动其实也可以啊， 添加，因为在这里头我原来隐藏了一个添加按钮，这个我现在直接也是 ok 的， 但是这里面显示是有问题的。然后呢，是部门的， 这里头咱们可以直接喂啊，因为一个是最简单的，是直接去喂给，这个是 必须得把这个项目的是 vivo 三的写出来，那 vivo 二它有时跟你生成 vivo 二的。 第一个是用这个 showoff 啊， tote， tote， 这个 咱们试一下这个，这个方法 ok 了啊，它自带了一个这个 title 的 提示啊，这个是搞定了这个问题，同样的在部门列表里头也会岗位，岗位列表里头也会有这个问题。职责 这也是 ok 啊。 嗯，这个值得他有，嗯，这个模块模块改成一个，嗯，太 剩下他会用 static 去调，这个也给他调整一下啊，可以， 这个先不用。 然后呢，我们岗位的和呃职责这些都 ok 了啊，这个我把他们的类型我再改一下，基本工资的 number 都 ok 了。 然后呢，我们需要为啊，这个对于小白来说呢，他这个下拉框我需要为为给 ai 去做这个事啊， 其实你不需要去大概了解一方，但是你得大概去了解这个，呃，这个项目啊，这个，这个大概是项目，这个某一某块就是引用啊，这些都是已经固定好了，直接是撒花式编程，但是不是完全脱离那种，完全是外部扣顶那种， 因为它如果是 web coding 的 话，如果是 t 字是一单偏了，整个项目就废了。然后呢，其实咱们里面正常的是漏的啊，然后我们把这个写一下啊， 用 t 值词等会打开 code body 啊， 因为咱们写的方法里头有个 fun 哦， fun 哦，它是没有这个取这个分页的，用它，然后呢把这个 fun 点 o 返回，我们应该都在这里头啊，给员工 这个提供部门选择下拉， 其实很简单，直接通过一个 load 的 方法获取这个 find out 的 那个部门的 find out， 一个构造好的方法，直接返回一个 list， 通过这个 list， 然后呢再 看一下一期电脑有点卡，然后呢？ 那么不支持。然后呢？把这个方法塞到这里头之后呢？在这里头用那个给它选出来，然后我把它看看这个， 看它做的对不对啊？ 别的，嗯，不玩了，咱们可以做关联啊，这个可以做关联，但是我感觉关联的部门与外界关联意义都不大， 应该是对的，看看它的效果， ok 了，过来了，咱们再调整一下啊，这个我感觉他那个有部门关联的话， 这些部门名称因为他们关不关联意义不大。然后呢？岗位的话同理处理这个岗位啊。嗯，看这个 我们要把岗位也是用通过同样的方法啊，岗位 coat body， coat body， 同样 岗位信息，但是岗位信息这块的话，它需要一个， 呃，需要一个就是岗位 id， 因为他咱们后期的时候，他们调用那个绩效工资，这个工资征收的时候，通过员工的一个岗位关联出 啊，岗位的这个基本工资现在提出来，所以说如果是这个名称的话，还是处理起来还是不是那么完美吧，按照正常的流程办事，但是这个员工的部门的话，我感觉用不用这个， 用不用这个 id？ 其实正常设计可以用 id， 但是你实际上编程多的时候，你感觉这个不美，名称没有没有变化，对于这种普通小设计来说意义就不大了。就不用，可以不用关联， 如果关联反而会就是被容忍吧。这个是编程经验，然后呢我们把这个，把这个代码拿出来 烦恼， 这样的话基本上是很快的。然后呢我们检查一下，就是刚才员工身份代码是 ok 啊，也是通过 state 没问题，升为数据库， 然后在这里面去 low 的 去写，非常 nice 啊，这些还还好，这样的话他基本上他是烧 token 的 话，烧的是比较少的，你要整体去项目来说就是 类似于是黑口开发吧。这是烧的比较多， 就是岗位也有了，看看检查一下对应路段啊，每天就是升成完之后呢，再检查这个岗位嘛。 ok， 没问题啊，咱们提交一下这个密码就先留了啊，这个先不管那个。 嗯，岗位这边呢，刚注册的时候，这块是用的是先找一下啊， 注册的是那个啥了，名称，我这个不太 ok 啊，懂了没？哎，这个是那个， 这个我下个视频再解决吧。这个视频到此，然后主要是用的是 code body， 然后呢把这个演示了一下，就是说小范围局部的就是读取这个文件，然后呢生成这个列表， 然后这个咱们看这个也是不太一样哎，这个不太行，这个我再写一下啊，把这个通过这个这个修改了两个下拉框， 提取的岗位 和部门仿照 这个来编辑， 基本上都是用的小范围的去思考固定化模式， 这个是在这里面是写了自己的 my baby's， 然后呢，我们要去等它生成它啊。现在目前来说 code body 流量如果是单一的小设计啥的应该是免费的，流量应该是 ok 的 啊，我不用他去生成大面积代码，大面积代码是通过咱们自己自己的代码生成器。好了，出来了， 刷新一下， ok 了，这就完成了他的 一个下拉选择啊。剩下的咱们继续啊，一会把这个菜单给调整一下，下面一会公告也是需要去做的啊 啊，这里到此，然后呢，咱们下面接着下面业务逻辑啊。

小伙伴们大家好，今天感冒了，声音有点奇怪，最近聊了好多期腾讯的小龙虾。 coldbody 和 workbody， 其实是一个产品的两个版本，好多粉丝跟我说用它完成了不少以前不敢想的事，后面我可能也会请他们来分享各行各业的案例， 但也有不少人说根本什么都做不出来。今天我刚刷到一个做三 d 打印的博主，特别典型，他让 coldbody 帮他建一个三 d 打印用的汽车模型，结果搞了一坨像肥皂一样的东西，他就录视频说产品太差。 我今天就以这个为例，还原一下我是怎么用 codebody 从踩同样的坑到最终做出来，再把整个流程沉淀成一个可费用的 skill 的。 先说那个博主的核心问题，他跟 codebody 说了一句，给我设计一个铃木维特拉汽车的三 d 打印模型，并把 s t l 文件发给我，然后 codebody 就 开始干活了。 我也是一样这样操作的。酷狗八的会怎么干？他不是三 d 建模师，他是程序员，他的本能反应是找一个可以用代码驱动的建模工具。我这边选 open s c a d 开源的 三 d 建模软件，纯代码写模型，不用鼠标拖来拖去，这个选择有没有问题呢？理论上没有， open s c a d 确实能做三 d 打印模型，业内也有人用它做机械零件。酷狗八 d 很先是很认真的做了一份工作，计划从车身到轮毂、车窗、灯组、保险杠，一路排下来，像模像样的。自己上网搜了维特拉的各种细节尺寸，还生成了几张 ai 参考效果图。 接下来就是写代码，核心思路就是画三十图的轮廓，然后把这三个轮廓各自拉伸成三 d 实体，然后用波尔计算去交集。理论上交集的部分就应该是车身的形状了。听起来挺合理的，结果一渲染出来，我都 起效了哈。三个二 d 轮廓本身就很抽象，侧面像条鱼，顶面像个棺材板，前面像半个鸡蛋。三个一交集出来的东西确实像块肥皂，轮，轮子还是横着的。这就类似那个博主看到的东西，到这步为止呢。那个博主说的是对的，确实做不出来，但问题是那个博主停了，他下了个结论，走了， 我没走，扣对不对？还不死心，继续在这个肥皂上加轮毂，加后视镜加天线，结果更离谱了，所以一定要变形。失败的大巴 问题不是 code body 不 行，是这条路不通。 open s c d 的 中交交集法本质上就很难做出光滑曲面，这个汽车的曲面需要的是 nervous 或者吸粉曲面。 open s c d 连这个概念都不支持，那它做汽车就像用 excel 画油画，工具选错了， 那正确的工具是什么呢？其实有两条路，第一条是用 m c p 接管专业建模软件，现在已经有 blender m c p 这种项目了。就是，哎，通过 m c p 协议去操纵 blender 这种专业三 d 软件，用自然语言指挥它建模画图 啊。如果你追求的是精确的参数建模，那像机械零件，工业设计，这肯定能实现。但我没走这条路。为什么？因为我 做了一个经验判断，三 d 打印的车模土生，三 d 一 般就够了。你想三 d 打印出来东西本身就有曾玩巴掌大的车模，你用 blender 轻雕细琢，和土生三 d 两分钟出来的模型打印出来，肉眼根本没区别，投入产出比 完全不在一个量级。所以我选了第二条路，直接调腾讯会员三 d 的 api。 会员三 d 有 个功能，叫土生三 d， 你 给他一张图片，他给你生成一个完整的三 d 模型。 而且这个 api 现在有免费使用额度，我直接把 api key 贴给 codebody。 当然过程也不是一帆风顺，图片、 传餐的格式、文件解压之类的坑还是有一些的。但好在 codebody 踩完坑能立刻改代码重试，整个调试在对话里就闭环了，不用我自己去折腾，我也不会。搞定 api 之后呢，它先生成了一张维特拉的参考图，红车身、黑车顶的四分之三视角提交给会员三 d。 两分钟以后，模型就下来了。 这个火山、大灯轮、后视镜这些细节都很清楚，有些地方因为角度问题有些误解，所以我就让他重新生成了一遍，换了张银色侧面的效果图做参考图第二版，整体更匀称，细节也更到位。从那个肥皂块到这个完整的车模呢，核心区别就一个，换了条路径。 那这一步其实也可以交差了，但我多做了一步，把整个流程沉淀成了一个 codebody 的 skill 技能包。那什么是 skill 呢？可以理解为一个经验包啊。把我踩过的所有坑，写好的所有脚本，总结的所有注意事项打包成一个可附用的模块。下次再做任何物体的三 d 打印模型， codebody 就 可以自动加载这个 skill， 不 会重新踩坑，也不用每次再把生图、接口、地址、 api 这些重新配给它。 所有的东西呢，跟具体的车型就无关了，你给他一张椅子，他也能生成三 d 打印模型。为了验证呢，我当场又做了一个我家的这个标志，五零零八，从生成参考图到最终拿到 s t r 文件，全程是给我自动执行，不到十分钟， 最后还让库德贝里做了一个对比，网页单页面的这个腹部流滚动，五个版本一次排开，每个版本都能三 d 交互浏览，都有对照图可以展开看。所以回到开头，聊几个我觉得很重要的事。 那个博主的问题呢，不是 codebody 不 行，是它的用法不对接。这个案例呢，我想总结几条用 agent 的 心得。第一呢，有了 agent， 人不是没价值了，你让他反复去尝试收 token， 他 大概率早晚能给你做出来。小龙虾就是这个逻辑，但实践成本和 token 成本会非常高。 而我在这个过程中做了什么呢？我看了一眼 open cad 渲染出来的轨道，立刻就知道这条路有问题，不尔交集，做不出来。为什么？我知道？因为我二十年前学建筑的时候学过画画几何，熟悉三 d 建模，了解三 d 打印和图上三 d 的 基本逻辑和术语，看得出来问题在哪。一句话把方向纠正了， 所以对人的要求变了，不是要你技能全面，什么都会做，而是你要有通俗性的了解，知道这个领域大概有哪些工具，哪些路径，哪些坑。你不用亲手写代码，但你得看得懂方向对不对。 你的认知决定了天花板 a 阵子的效率，决定了完成速度。第二，遇到问题别问我，问 code buddy。 这段时间好多朋友用 code buddy， 遇到问题会来问我，说实话，我给的答复基本都一样，你把问我的这段话直接发给 code buddy， 不是 敷衍你吧？他是一个对话式的工具，你跟他说这里报错了，这个效果不对，换个方案他能理解，而且他比我懂的多啊，很多时候你觉得他不行，其实就是你没跟他说清楚。 第三，是把 ai 当成一个新来的同事，这个这个很重要，他能力很强，学东西很快，但他是新来的，他不知道你工作的具体细节，所以一开始你要有耐心得花时间跟他磨合。 但一旦他学会了一件事沉淀成 skill， 下次再做同样的事，他就非常高效了。就像这次，第一辆折腾一个多小时，第二辆十分钟就搞定了。而且一定要从简单的事做起。 我见过很多人有两种心态，简单的事觉得用不着他，我自己干，复杂的事觉得跟他说清楚太麻烦，还不如自己做。这两种想法加在一起，你就永远有理由不用他。 但如果你从简单的事干起呢？先了解他的能力、边界和脾气，慢慢加满，你会发现他能接触的事越来越多。说到底，那个博主如果不是看一眼就走，而多说一句换个方法，结果可能完全不一样了。也欢迎大家分享自己用 what 的 角度看懂未来的方向。

哈喽，大家好，今天呢，我们换一个 ai 插件，给大家实现一个求派的一个算法啊。首先我们使用的这个 ai 呢，叫做腾讯 cloud code body 啊，我们从仓库里也可以进行插件仓库里重新下载啊， 这个 code body 啊，找到这个是腾讯的 code body 啊，它比我们以前的讲解的 code g e x 要高级一些，支持 a 阵的开发啊，从需求到部署都可以实现多文件的剪辑，也是比 这个 code g e x 要高级好，我们利用这个插件呢，去说说一下我们的需求，比如说我们实现一个作业，就是使用算法来实现这个派的一个 叫做输出啊，那我就可以告诉他，在测试在新建的测试类中啊，编辑求派的代码， 那他一般分析的第一步呢，他就会去解锁我们整个这个项目下头的测试类的目录，从而创建一个测试方法测试类。 而泰这个 test 三这个测试类里，目前我们是空的，所以他解锁到的是一个空类，我们会在这个测试类里去创建这个算法， 当然算法有很多，这个具体什么算法，看他给出的是什么样的一个算法，然后呢，他的次数可能是会很多，从而呢去通过随机的点，比如说蒙特卡洛的算法，随机的点落在这个圆形内部。 好，他出来之后呢，他会有个对比啊，我以前是什么样，现在是什么样，是否保留，那我们就先保留，然后这个算好就搞定了，然后这个帮我执行一下，结果 啊，他会直接让我通过指令的方式进行执行好继续下一步 运行，继续下一步，当然啊，它是支持直接运行的，当然我也可以不用它这种方式去运行。嗯，它这种方式呢，还是关联微文的一些配置 好。我不等它了啊，我们就直接运行看一下结果就可以。 刚才的对话我们可以取消再重来。啊，那各种算法啊，求出的这个 pi 的 误差也都给到了。 可以啊，这个基本用法和之前的给它扣的意义跟意义是一样的。但是呢，如果我们说项目从零到有的开发，只需要为给他对应的模板语这个呃，数据就可以 帮助我们编写出强大的那一整套的。这个项目还是比较不错的，学习一下。

用魔法打败魔法。今天是二零二六年的三月十二号啊，今天这一天真的超级疲惫。呃，早上起来第一件事情呢就是打开 呃 cold body， 然后开始做自己的第一个网页，然后当时开始想的是去找各种那种文档去逐步去配置和学，在后面觉得太累了，要不先直接就 开始上手操作，然后我就开始去想我要的那个功能的使用场景和具体的需求，然后就打了一段大白话过去，哎，结果他就生成了，然后剩下的我就是去根据我的需要去调配功能，比如说增加拖拽啊，增加啊画线这些功能，然后最后把它跑通， 而且给了我巨大的成就感，我觉得就是 ai 时代，你不要慌，稳住吧，然后你就去尝试。然后第二个呢，就是到了呃， 下午的时候，我就开始又想去配那个 skill 了，然后就发现其实还是有难度的，就是你会觉得，嗯，不知道从哪里着手，然后就会去去想，哎，别人 就是做的时候他可以用什么样的方法，然后就开始去看一些别人做的这个文档， 嗯，但是还是有一点点没有找到方法的感觉啊。第三步就是真正的视角见证奇迹，然后晚上去听了一个 a a 大 牛顺子的分享，然后觉得他真的是在道德层面上给了我一些解答，比如说你要学会用魔法打败魔法啊，你可以把你不懂的问题，不知道的配置全部交给 ai， 然后让他去帮你配，然后你只需要听你的需求啊，你甚至可以用另外一个 ai 来检测他配的对不对啊，这样的话你就就变得很轻松了，然后你就好像是一个拥有了 神笔的马良。然后你过往想做的一些，比如网页呀啊咨询功能呢，通通都可以实现，然后 甚至语音不熟，你就跟他发指令就好了。然后我就觉得啊，一个新的世界单身了，然后你能在里面做各种你的创造。

大家好，我是黄俊华黄老师，我们这一小节来使用我们的 q 的 八 d 这个 ai 创建我们整个家电维修公司和在线预约这样一个系统的首页，这个首页是最重要的，那么我们看一下它的这个脚本，脚本是最重要啊，这里涉及到一些图片， 那么我们这里要重点告诉他，如果说整个项目会用到一些图片，我们要用 font， 而是我们的字体库，如果用到图片，请用图片文件夹里的素材，找不到，可以用网络图片， 我们本身这个文件夹里面图片是不是有环境啊？然后维修项目啊，员工图片，那么他会根据他 ai 去识别这个图片的内容，他的标题，然后去生成对应的模块啊，我们在 ai 这个脚本里要告诉他啊，这一句话是非常重要的， 然后其他的设定时间啊，然后是颜色搭配，这些不是最重要，最重要就是这一句话，那么我们打开我们的 code 八 d， 那 么本身打开以后这是默认页面啊，我们首先是要打开我们的文件夹，你放 系统的时候，你要放在哪个地方，那么我们打开我们的这个文件夹，就是我们代码要放在哪里，我们指定啊 code 八 d 的 这个 code 代码这个地方点选择文件夹 本身，我们这个从零开始新建文件夹，然后把建了一个图片素材文件夹，这个是代码是为空的啊，我们现在左侧 资源管理器可以看到我们的这个图片，但是代码没有啊，我们右边的时候，那么我们在这个时候复制，可以从这里复制过来脚本到我们这个地方来，他这里会跟一张图片，他可能从 ppt 过来的时候当成图片了，我们先把这里全部删掉， 我们从我们的 ppt 复制 ctrl c， 那 么我们可以先打开一个记事本，然后复制到记事本里面，再 ctrl x 切到我们的 qq 八里的这个聊天这里，那么这里要注意我们本身它会有其他的 gpt 模型啊，五点二啊 max， 那 么我们默认用的是哪个啊？ default， 然后在这里点这个发送请求， 那么他会开始根据我们的脚本，那么他来思考，他将生成一个全新的四同首页，我们告诉他是用 photoshop， 看到没有，他就用到了 photoshop。 五点三，然后字体库用的是仿特斯隆纯 c s 的 动画，那么我们不希望用 g s 的， 因为有些做前端界面的话， g s 不 一定很通，所以说我们用 c s 来告诉他，那么配色根据素材图片的优化，那么他这就开始创建了 图片素材，那么我们一定是要告诉他使用图片在图片文件夹里，我们前面讲图片素材的时候，为什么去哪里下载啊？为什么要怎么命名？ 就是因为我们最初的我们的这个 code 八里的 ai 会去分析我们这个图片素材。好，我们等待它这里生成，生成完以后我们再来看一下它的一个效果，生成完以后左边这里会出现 index 点 h 节目啊 啊，在这里出现中文啊，这里看它已经生成完毕，生成完毕，左侧这个 index 点 html 已经存在这个文件夹里面， 它生成完毕会告诉我们整个项目的特点，当然说你也可以把这个特点啊，我们在这里这上面是可以新建的啊，我们新建文件，那么比如说我们这里做一个说明点， md 文件啊， markdown 文件，那么我们可以把这个 呃，说明文件我们 ctrl c 复制过来啊，你看一下特色，那么如果说老师是你问你或者问 a 用到了一些技术，就可以告诉他这一块。 然后接下来回到浏览器，我们看一下我们刚才的 code 里面，那么这里是 index html， 我 们打开它，那么这里啊就是我们生成的这个页面，看到没有？这个页面就是已经生成了， 大家说这个时候生成页面以后，那么你可以改变，那么我们后面再教大家怎么去根据我们这个页面现成的去改动它适合我们的要求，我们先把这个首页第一稿先生成。