trae如何使用skill

从需求分析到应用部署的全链路，蔻定智能体诞生了。就在最近，字节跳动旗下 ai 编程工具 tree 迎来了重磅的二点零版本升级，这次更新上线了更加智能的蔻定 ant solo。 solo 让 tree 不再仅仅是一个 aide， 是进化成了可以自主规划理解上下文，并且能够独立调用工具执行完整任务的 context engineer 上下文工程师。我们可以通过自然语言描述需求， solo 就能够智能的获取开发中的上下文，包括产品文档、技术方案、代码，甚至网上的知识。 然后 solo 能够智能的使用不同的 context 和工具，最终完成开发任务。 solo 特别适合帮助独立开发者从零到一快速实现完整产品，大幅降低了技术门槛，提升开发效率。本期视频我们来试用一下最新的 solo 模式， 从零到一搭建并且发布一个具备前后端和数据库功能的宠物店应用。开发过程中，我还使用了数据库 mcp server， 让 ai 可以自动创建数据库，自动填充测试数据，大幅简化了开发流程内容。干货满满，我们马上开始， 我们打开吹，目前只有国际版上线了 solo 功能，点击顶部的按钮，这里提示 pro， 用户拿到 soloco 的才可以激活。我先订阅一下国际版的 pro， 然后点击按钮，输入邀请码。可能是因为目前 solo 还希望更多的收集一些反馈， 所以没有全量开放，我帮大家申请了一些邀请码，放在了评论区，还有参加官方活动也可以获得邀请码。开启 solo 模式以后，左侧是与 ai 的对话窗口，右侧则是动态变化的 context 视图，当 ai 在写产品文档的时候，右侧就是 是文档视图，当他在写代码的时候，右侧就是代码编辑器，当他在做测试的时候，右侧甚至能看到网页预览。这样就不需要手动切换不同开发工具的窗口了，整个开发过程一目了然。 我打开一个新的文件夹，接下来我们使用 solo 来构建项目工程。我的提示词是制作一个宠物店的网页应用，需要有前后端，首页要精美可爱，多添加可爱的宠物猫的图片，网页风格要符合宠物市场的调性， 主色调用温暖明媚的颜色。包含三个页面，首页、预约页，还有宠物购买页。后端提供数据库， c r u d 的 a p i。 数据库使用 post greeseco， 请把数据库表的设计按照文档输出出来，后续我会自己建表。下面是几个主要页面的详细设计，首页需要有 banner， 快速入口，用户口碑，还有联系我们几个 模块。接下来是预约页还有宠物商店页的详细设计。然后点击开始 solo 立即生成了一个详细的产品文档，并且在右侧自动打开了文档面板。文档中包括功能概况、核心流程、界面模块，甚至连数据库表都设计好了。 我们可以直接在这个页面进行审查，并且提出修改意见。比如我想调整下技术站，我们就可以直接在右侧窗口进行修改，把 css 框架替换成 tellwind。 我对 api 接口进行了一些精检，一切准备就绪，点击确认开始开发。 solo 首先会自动调用命令，行终端配置开发环境，在执行命令的时候，右侧面板自动切换成了终端面板。开发环境配置成功以后， solo 开始进行编码，开发过程很像 minus 和呆文，只需要自然语言对话就能自动完成一系列的开发任务。这个过程 就像看一位经验丰富的程序员在你面前敲代码，他会自动处理依赖解决报错，每一步的进展都会实时的展示在右侧的拓展视图里面。前端开发完毕以后， solo 马上进行了后端的开发，这里 solo 为后端服务单独创建了一个 package 点 jason 文件，这偏离了我的初始意图， 我立即打断了他，补充了一句， package 点 jason 前后端共用一个，方便后续部署。如果 package 点 jason 分成两个部署的时候，就得前后端分开部署就会麻烦不少，所以这里我要求他不要拆开。对于 ai 辅助编程，我一直以来的观点是， 有了 ai 辅助以后，我们需要把更多的精力从基础编程语法和技术细节转移到系统架构的设计上面，开发者要把自己提升为架构师加指挥家，所以对于技术框架的知识反而要更加的精通。最后 solo 完成了代码 编写，并且在右侧打开了浏览器的预览面板，可以让我们直接查看效果。这是首页的设计需求，里面的几个模块都完美满足了。接下来是预约页面，最后是宠物商城的页面，这里的图片都是 solo 调用 ai 画图自行生成的，效果非常的不错，看起来很可爱。 目前后端还没有配置真正的数据库，我们可以对接一个数据库的 mcp server， 让 solo 获得操作数据库的能力，通过 mcp 直接把数据库表创建出来，然后自动对接到项目里面，点击这里的创建智能体， mcp 添加手动添加。这里我使用的是免费的酿数据库的 mcp server， 之前在独立开发者的穷鬼套餐里面我介绍过他，注意要把这一段替换成酿的 apik， 确认以后打上一个对勾就配置成功了。接下来我们创建一个数据库大师的 ai 智能体， 注意要把这里的酿的 mcp 勾选上，在 solo 模式里面就可以使用我们自定义的数据库。大师，接下来我要求 ai 根据产品文档创建数据库。 solo 调用了 mcp 工具，并且创建了数据库， 并且完善了后端的代码。在开发后端代码的过程中， solo 会经常使用命令行对后端接口进行反复的测试，这非常的好，保证了后端接口的正确性，减少了前后端连调的工作量。最后 solo 完成了数据库的创建，并且把连接信息存入了配置文件。 后端开发完成以后， solo 同时启动了前端与后端，并且自动打开了网页。我们切换到预定页面的时候，控制台出现了报错，我们看到处以自动识别到了控制台的报错，可以点击添加到对话按钮，一键把错误添加到 ai 对话。 solo 分析了错误，并且进行了修复，主要原 原因是后端与前端使用的端口不相同。 solo 帮我们在 vit 里面配置了代理，将后端服务转发过来，解决了端口不一致的问题。我们来测试一下预约的主体功能，这里填一个宠物的昵称联系电话，填一个备注，点击提交，提交结果成功保存到了数据库里面，非常的完美。 我们可以点击这个部署按钮，让 ai 帮助我们一键把项目部署到 worcell 上面，把产品变成公网可用的网站。点击以后， solo 开始自动分析项目结构，并且使用 worcell 完成部署。 我们来测试一下，首页展示正常，但是当我们打开预约页就发生了错误，我把错误再贴给 ai， 让 ai 帮我修复一下。 solo 帮助我们重新生成了一份配置文件，然后我再次执行命令部署项目。我们最后再来测试一下，这次使用公网链接成功完成了预约，数据也 存入了数据库。本期视频我们使用 tree 二点零的 solo 编程智能体，从零到一开发，并且发布了一个可爱的宠物商店应用，整个过程我都没有离开 solo 面板。 solo 是业界第一个以 context engineering 上下文工程为核心理念的编程智能体，覆盖了全场景的开发需求， 给予了开发者强大的支持，而且成本真的低的离谱。本期视频就到这里，我是技术扒扒虾，感谢大家，我们下期再见！

兄弟们，你只要输入一句话，他就能自动帮我们生成一个可以直接交付的产品。更厉害的是，他针对外部项目做了大量的优化，基于最新前端技术，不管是 vivo 框架 还是 react 项目，甚至是小程序代码都能搞定。组建化开发，完美契合企业代码规范，支持高度电子化，覆盖整个开发流程。从需求设计、开发测试，再到最后的部署上线，我们都能参与其中，例如修改需求文档， 用自然语言进行 bug 修改框选布局，优化 ui 界面等等。下面我带兄弟们一起去实操一遍。打开国际版的摄影， 然后点击 id 左上角切换到 solo 模式，注意这里需要 pro 用户拿到 soloco 的才可以激活它。例如我想做一个帮助用户轻松记录日常收支的外部 apt， 下面是它的一些核心功能点和风格设计。如果你不会 写这些提示词也没有关系，可以使用我整理好的一些万能模板。首先他会先去理解我们的 contest， 然后创建详细的需求文档，产品概述、核心需求页面的每个功能点， 甚至是核心流程图都给我们画出来了。我们可以去修改文档的样式，增加删除功能点，确认没有问题，进入下一步的开发。一开始他会去检查我们的开发环境，例如是否已经安装了 note 和 pnpm， 然后创建 reactor 加 ts 项目。脚手架自动安装项目依赖，因为我们的产品需要图表和词语的功能， 它还会自动帮我们进行这些三方库的安装环境全部确认没有问题之后，开始项目框架的打解，例如状态管理、 store 的设计、页面入游的配置等等，接着是页面组件的开发，最后是功能点的代码实现回顾确认的整个开发流程其实和我们自己去写项目的过程是一模一样的，我们也可以 参与到开发中的每一步，真的非常的人性化。在运行项目之前，他还会先去 check 项目，如果发现问题会帮我们提前修复掉。最后我们去预览一下功能，可以看到他会在 id 里打 打开一个新的浏览器，我们可以选择页面的元素，然后通过 solo build 去逐步往上页面一歪，右上角还可以一键部署到线上环境，他这里用的是免费的握手，如果是第一次使用，需要跟着确定的提示去授权一下就可以了。 产品从开发到上线，整个过程用了十几分钟，体验感还是非常不错的。现在市面上前端代码生成的 ai 工具 非常的多，但基本都还停留在简单的纯 h t m j s 的 demo 阶段，特别是这种一键生成项目框架，并且支持高度电子化，然后代码规范风格都完美契合企业开发规范的真的非常的少见。评论区给兄弟们准备了几个 soloco 的，有 pro 版本的，兄弟们可以去体验一下。

挑战用 ai 做一百件事第二十八期化身程序员昨天我只用一个下午的时间给我的一个远房朋友开发了两个应用程序，帮他省了三千块钱，还治好了他的焦虑。事情是这样的， 这是我用 ai 制作的一个抽奖程序，这看起来界面很简单啊，但是该有的功能他都有，在右上角点击设置，可以在这里上传替换抽奖程序的页面背景。这样呢，他以后给其他商场在做活动的时候，还可以反复使用这个软件在同一个页面呢，还可以选择摄像头，采集顾客微笑的照片所存放的文件夹，然后点击返回开始抽奖， 等待画面滚动三秒即可完成抽奖。并且在这个抽奖页面中，右上角点击历史，还可以用来检查所有的中奖记录和抽奖时间，以及所有的开奖词 次数。而以上的这一切，我就仅靠对话便帮他制作了这么一个软件，这是我教给他之后的反应， 干嘛？我要让你好好退休？接着，我又用十几分钟的时间给他重新开发了这么一个应用程序。首先映入眼帘的是实时的今日进度、本周进度、本月进度和本年进度， 告诉他他的牛马生活才刚刚开始，而且还有多久才能结束。接着，我所制作的应用程序还可以帮他制定一个退休存钱计划。 如果他现在一分存款都没有，但是从今天开始每个月存钱两千块钱的话，到他六十五岁退休还有三十年的时间，按照年化百分之五计算，在他退休的那一刻，他可以手持一百七十万安享晚年。那如果他每个月存款三千块，他还可以抱着两百四十五万从容的面对老年生活，你看这样 再去退休是不是有盼头了？别急，如果他能活到八十五岁，在退休金只有三千块钱的情况下，如果他还想临终之前给子女留下五十万的存款，那他甚至还能每个月靠着存款和退休金，保证每个月有两万以上的可支配收入，美不美？再往后看呢，还能看到他距离退休还有多久， 而立之年已过，国货之年，花甲之年又在何时？等等等等，把这个软件再发给他看看。 那以上我展示的两个应用程序呢？都是我靠自然语言简单的对话就制作出来的应用程序，实用的开发软件就是 trick。 那看到这里的同学老粉可能会说了，我一坐这，你问我的往往都是答过的问题。没错，我在第二十四期的视频中确实讲过用趣的 mcp 服务来编辑代码开发 应用的教程，但是那时候开发出来的应用其实不应该叫应用，严格来说，那就是一个网页文件。这个网页文件呢，只能在特定的环境或者局域网内打开，并且没有办法在用户和用户之间传递，他更倾向于是一个内容展示，而不是一个有交互的应用。 而今天我给大家介绍的是一个可以由 ai 自主执行开发任务，并且可以开发出能够在用户之间传递有交互的、可操作的完整应用程序的全新升级的 ai 编程工具 tree 二点零国际版 tree 二点零中加入了 solo 模式，这个 solo 模式成为了行业内的首个 context engineer， 他解决了过往 ai 在协助软件开发的时候过度聚焦于代码的生成和修正的技巧，却忽视了整个程序设计任务完整性的问题。简单来说，现在有了 treat solo 模式，开发者可以高效的实现从一个想法构思，到内容规划，到程序开发，最后再到封装交付的完整电路。那接下来的 时间里，我将带你一起用吹二点零的 solo 模式，从无到有的开发一个完整的应用程序。那首先呢，要先有个思路，想清楚自己要做什么。前段时间不是一直有个 mbti 测试吗？可以测出自己是爱人还是艺人，甚至爱人和艺人还能再细化成十六种复杂的人格体系。不过我呢，一直都没吃上这口热乎的， 直到现在我都还不知道自己具体是一个什么样的人格属性。那不如我就自己做一个 idti 测试程序，测试一下自己。那咱就一起先想一下，我的测试程序大致是个什么样子的？我想应该是要有个首页，首页有个标题，还有一些测试须知，注意事项和背景原理什么的， 下面有一个按钮，点击按钮开始测试。然后呢，就是有一百道选择题，每道题都有五个选项，完全正确，有点像中立，不太像和完全错误，并且还可以查看上一题和下一题。当答完一百道题之后呢，程序会给我一个测试结果页面，告诉我 我是一个什么样的人格，适合做什么样的职业，适合什么样的沟通风格，学习方法和其他内容。那我的 mbti 测试程序大致就是这个样子了，画面的 ui 效果呢，就要干净的简约风格，并搭配一些基础动画效果就好。当咱们想到这里的时候，其实就把要交给 tree 的提示词写完了，咱们直接上手开始操作。打开 tree 二点零，在 这里将 ide 模式切换为 solo 模式。当然啊，这里还有个难点，目前 solo 模式刚刚发布，还在内测阶段。如果要激活 solo 模式，你一定要先拿到 solo 邀请码， 那我会在视频发布之后把我手里的邀请码分享给大家，不过资源有限，先到先得。那有了 solo 邀请码，激活了 solo 模式之后， 先在左上角新建并打开一个空白文件夹，作为本次程序开发的根目录。然后就把咱们刚刚用想法整理出来的这一整段提示词直接复制到对话框，点击发送即可。你看 ai， 这就开始分析我们的需 求了。这时候你可以看到 solo 模式的右侧有四个窗口，分别是编辑器，在这里显示全部代码编辑的内容和过程终端，在这里运行程序，或者安装依赖浏览器，在这里可以实时查看和测试应用开发的运行效果 文档，这里稍后会记录咱们整个开发过程的需求和说明。转眼间，他已经分析完了咱们给他描述的所有需求，并给我输出了一个非常详尽的需求文档。在这里你可以看到产品概述、核心功能、页面、样式、执行流程、界面设计等等所有的相关信息。 重点来了，在开始让 ai 制作程序之前，你可以直接用鼠标点击并修改这个需求文档。例如我要修改选择题中的五个选项，或者修改用户界面的色调都可以，等你确认整个需求文档 ai 的理解和总结没有问题，或者在你修改好了之后，点击确认开始开发 tri 便会按照最终确认的 需求文档开始制作应用程序了。这里有一个非常关键的一步，由于我把整个开发过程都交给 ai 来执行了，那过程中呢？我不需要进入查看或者调整代码，整个开发过程处于一个托管的状态，我只需要等待他自己工作完了，再看合不合我的心意就行。 那这个关键的一步就是在翠开发的时候，你可以去找一个修驴蹄子的视频看一会，看完了之后，咱们这个 m b t i 测试的程序就制作好了。从首页的结果来看，这里的页面风格、颜色搭配、排版样式其实都非常的干净整洁，基本都符合了咱们刚刚确认过的开发需求文档， 而且也符合了我的审美和预期。那这时候 solo 模式的又一个非常强力的功能来了，就是在这个浏览器页面，你除了可以对整个应用程序进行审阅和测试以外，还可以对所有的局部内容进行交互执行，非常精细的编辑。右上角点击选择 元素，你就可以对这个页面进行非常精细的编辑了。例如我希望这个测试详情的卡片可以被分解成四张卡片，并放置到首页的最下面， 那我就直接选择这张卡片，并点击添加到对话，然后就用非常简单的语言跟他说我的需求就行。例如把这个卡片拆分成四份，并放到首页的最下面，点击发送。你看，这个时候，康泰克斯的 angelia 的战斗力就展现出来了，像这样的二次对话，他不仅能够理解我当前的意图和所指的 ui 元素具体是什么， 还能够基于上下文对画面进行合理的重绘和修改，并教给我一个满意的效果。你看咱们刚才提出的需求，这就轻松的修改好了。接着进入测试环节，既给这个程序做一下测试，也给我自己做个测试 好了。测试完毕，验证了两个事啊，第一，验证了我是一个 e n t p 变 论家型的人格，还给我了一些其他的相关信息。第二，也验证了咱们的程序是可以完美运行的。 ok， 那没什么好说的，我直接再跟他讲，以上的所有设计内容我都满意了，请你帮我打包成一个 windows 系统可用的 exe 程序文件，点击发送。 由于我把整个应用的封装过程又全部交给 ai 来执行了，打包的过程中呢，我还是不需要借助查看或者调整代码，这时候依旧是一个托管的状态。那现在我可以再找一个修复小车的视频看一会， 看完之后，你看咱们这个 mbti 测试的电脑应用程序就制作好了，接着再把软件的根目录打个压缩包，就可以把它分享给我的远房朋友来使用了。最后再说说感受吧。 这次创业 solo 模式的加入，其实让我感受到的呢，不是 ai 能够让我成为程序员或者让程序员失业，而是 ai 让每个职业之间的专业界限模糊了。就拿编程这件事来说 说，一个程序的开发一定少不了产品经理、 ui 设计师、程序员这三方的介入。现在有了 ai， 他们各自都可以做一些自己专业以外的事，各自完成一个程序的开发了。 许在未来不只是职业与职业，也许行业与行业之间的界限也会慢慢消失。未来 ai 究竟会给我们塑造出一个怎样的世界呢？我们共同期待吧！好了，本期视频就到这里了，如果你也喜欢我的视频，记得点赞、关注、收藏！我是报国同学，咱们下期再见！