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 编程感兴趣的话，可以多多关注我。

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， 它就可以帮你完成， 所以其实一点都不难，然后动起来和真正用起来是最难的一件事情。然后过两天我们继续在研究院和腾讯的官网上会有直播，大家说周四晚上，到时候大家可以看一看，拜拜。

今天安装了 workbody 和 codebody， 腾讯出的两款类似于小龙虾一样的东西叫训虾吧。我试了试，感觉 还可以，就是在没更新之前，他没有定时的功能，也就没法实现自动化。后来又更新了一版，他有一个自动化的功能，其实就是加了个定时的，定时的这么一个 手段就能实现定期的唤醒智能体，主动的去跟你对话。其实安装智能体最重要的是把一些好用的 skill 给它装上，我就把我之前安装的 openclaw 的 skill 接让，把那个 skill 的 路径告诉了 code body， 让他把这些技能全部导入，然后他就完全复制了 openclaw 的 心跳机制。还有那个 preactive agent 就是 主动工作还有些呃，记忆功能也马上就好用了很多。

哎，工具有很多，然后呢，今天呢，我们借助的是 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 了，这就完成了他的 一个下拉选择啊。剩下的咱们继续啊，一会把这个菜单给调整一下，下面一会公告也是需要去做的啊 啊，这里到此，然后呢，咱们下面接着下面业务逻辑啊。

这是我用 codebody 制作的刊爬虫分析系统操作起来也非常的简单。首先需要准备一个刊的过往发表网站， 我准备的是包装工程的过刊刊，这里可以看到每期刊的标题和摘药。复制网站地址粘贴到爬虫分析系统中，可以多复制几个地址，这样可以爬取更多的数据。 接着点击开始爬虫，这时我们会看到定义格式化爬取字段界面，左边是需要爬取的字段，一边是原始网站，点击网站的对应标题即可定义标题字段，点击摘要即可对应论文的摘要，以此类推。 点击开始爬取。这里就需要等待系统一页一页地开始爬取数据了。最后你会得到这样的分析数据结果，词云和词频 句类分析，句类分析里包含代表范围。 最后爬取的原始数据也会在系统中显示，点击会跳转具体原文原始数据。

大家好，这两天我讲 ai 智能眼镜的视频评论区总有人说 ai 编程做不了产品，比自己写还累。 今天跟大家分享一个我这两天用大概两三个小时做的小玩意，再次声明，我一句代码也不会写，完全是用 code body 加上 cloud 模型完成的。其实我一直想做一个研究，就是中国民居的眼睛谱系。这是一个巨大的学术工程，学院里很多老师和同学都在做相关的工作。 做过几年中国传统村落的评委，也算是半个专家，但很多类型还是没有现场去看过。虽然有不少学术专注论文，但我想要的是一个在地图上可以看到流变脉络的完整的谱系。这在以前是一个极大的科研课题，叫做大量人工的文献和图纸标注工作。 这次去云南，我第一次看见了哈尼蘑菇房和傣族的土场房，非常惊喜，但后者之前了解很少，险些错过，更让我有幸致做这个应用。我始终没有给过模型任何知识输入，就是基于模型自己的知识和自行去网络搜索， 这是网页版啊。在中国地图上可以看到几十种民居类型和典型案例，点击任何一种民居地图，会自动放达到它的分布区域，展开所有的代表性案例，可以看到哪些是国保单位，哪些是中国传统村落。 更关键的呢，是浦西连线。你能看到这四十九种民居之间的氧化关系，用不同的现行和颜色区分，哪些是直接氧化，哪些是纤细遍体，哪些是气候适应，哪些是结构升级。可以说，这就是一张中国民居的知识图谱，铺在真实的地图上。 举个例子，你能清晰看到北方合院体系怎么随着人口南迁移过南渡，逐步演变成南方的天井式民居。 甘蓝式建筑怎么从傣族竹楼、侗族甘蓝一路分化出苗族吊脚楼、土家吊脚楼，合院怎么在客家人手中变成卫龙屋，最后变成福建土楼？这些演化脉络以前散落在几十本专著里，现在一张图全都能看到。 至于这些眼睛关系呢，我也让模型详细列了出处，很严谨的分了三类，学术专注、明确论述的学界有共识，但没有单一专注、直接定义的，以及缺乏直接学术论证的建筑学推断。 第三类，经过跟我的沟通的模型删掉了，其中比较牵强的一些，左边有个侧边栏，可以按十一种建筑大类筛选，也可以按省份筛选，右边点开详情。每种民居有二十多个属性维度，结构体系、空间格局、屋顶形式、墙体材料、气候带、 地理单元、起源年代鼎盛、朝代核心特征全部结构化展现。还有个小程序版本，这也是我做过第一个正式上线的小程序， ai 自己测试修改并通过了代码审核和被爱。 你去某个地方旅行，想看看附近有什么传统民居值得去参观，打开就能用。小程序功能跟网页差不多。目前一共有四十九种民居类型，覆盖十一个建筑大类，几百个具体案例。 每种民居二十多个属性维度。目前的封面图和典型照片是 ai 自动生成的，我几乎没有做任何整理和校验。作为一个产品，当然还有很多的工作可以去完善，但这样一个东西以前只能停留在我的想法里，不会变成一个工具。但是现在 ai 三个小时就可以实现， 而我要做的只是时不时看一眼，确认一下或者修改要求。多年前，我在团队做过很多类似的小程序和 app， 现在没有了科研经费和程序员团队，我也可以自己快速实现了。 我们先不讨论 ai 对 程序员的意义，但对于非开发者或者我们每个普通人来说， ai 编程呢，不是让你去当程序员，而是 ai 用代码帮你做所有想做的事情，包括刚聊过的写作和这种广义的科研。而你呢，要把精力放在真正重要的事情上，定义问题，调整逻辑， 设计交互。大家有兴趣可以在微信搜索民居浦西小程序体验，也建议大家都去实现一个自己的小程序，现在真的很简单了。感谢关注未来博士，我们一起去跨界的视角，看懂未来的方向。