苹果opencode安装教程

好在上一集当中我们介绍的在 gitlab 上的一个开源项目就是 open code， 可以 看到在 gitlab 上它已经掌握了近八万人的关注，但很多小伙伴说这种命令行的方式我用的不太习惯，能不能讲解一下这种客户端的使用方式？ 那我们先回顾一下终端怎么使用的？首先复制条命令，在你的啊终端安装，安装完之后呢，这个时候你在你的命令行输入欧欢 code， 这个时候我们进入到了我们编程的场景，也就跟 color code 一 样，在这里呢，你可以切换计划模式和开发模式。那如果你要使用 这种客户端的形式呢？你需要点这个安装，点这个废安装，这时候会切换到你对应的操作系统，比如说我现在是 mac， 他 就会建议我安装 mac， 你 点击安装，或者说你要想安装其他版本的，比如说你是 windows， 那 你点这个 啊，或者是你 sylenx 点这个，那不同的方式啊，大象进庭，如果说你都不想安装，你可以直接在扩展插件中直接去使用，也是可以的，包括 cursor， winsolef， 好 吧，都是支持的，那我们现在将它安装好之后呢，我们就可以打开它了，这时候呢，我们在我们的这个呃 安装好的版本里面可以看到这个 open code， 我 们点开，我们进入到这个 open code 的 客户端界面，这个界面其实有点像那个 cursor， 它需要出手话一下，但是它比 cursor 会更加的简洁。 我们可以看到点这个 logo 呢，它可以去进行一个大字的缩放， logo 下方有一个缩放的图标，对吧？你点一下可以缩放，然后这里呢就是你的工作空间了，有点像那个，嗯， google 的 这个 autograph， 对 吧？有一点点像。然后如果说你想连接各类的这种呃模型的话，你点这个 connection provider， 然后这时候你可以选择各家的模型，那比如说我用的最多的，那还是这个 mini max， 然后选择这个 mini max china， 在 这里呢，输入你对应的 api key， 那 就完成这个，呃，安装了点 submute， 那 可能会更加简洁好。安装完成之后呢，我们可以打开我们的项目，那 这时候我们可以在点编程，比如说我现在呢，哎，可以选择去编程，比如说我问他问题，对吧？你是谁？ 那这时候我们就可以向他去提问，那比如说你看现在就回答我了，对吧？还是很快的，然后并告诉我他的响应是什么，是吧？这速度还是非常快的。然后呢，嗯，你也可以在这里呢去， 嗯，开发一些有用的东西，比如说，哎，对吧？开发一个学生管理系统，其实和课本是一样的，但这里呢，有一个好有趣的，就是他这里呢会显示你每次请求用的 token 以及技术会更加的清晰吧，和那个，嗯， 终端还还是有一个很大的不同的啊。这也是给你的一个回答，你可以去查看你自己的一个问题，然后会去反问你，对吧？反问你，你可以在这里去交互，所以我觉得这是和克拉蔻的 最大的一个不同啊，我觉得这个界面设计也挺完美的，因为他每个月都有大量的迭代。好吧，然后你可以在你的选择去是否开发，你比如说我，这一节呢，我们本期视频呢就带大家开发一个斗地主的这个项目来，大家去快速的入门这个这个 哦， open code， 好 吧，然后呢，我们首先把我们提示词啊整理好了啊，这是我们这一次要用到的提示词，我们把这个提示词复制一下，我们直接发给他 啊，我提前已经写好了，然后打开我们的这个 open code 啊，我们给它复制过来。我们这个提示词其实比较简单，就是开发一个斗地主的游戏啊，使用 html， 好 吧，然后我们点击发送这里呢，我可以使用 play 模式做计划，当然我直接开发使用 build 模式 a 开发。啊，这个时候呢啊，这个 open code 呢会思考哎，告诉你，哎，你我在做什么东西，然后呢开发什么东西，对吧？它是一个相当复杂的工程，那我们就在这等吧，等它开发完吧，就这么简单的一个东西，其他都是一样的，那它这个开发我们就快进一下吧，看最终效果。 好，我们可以看到其实整个界面还是非常清晰的，比如说我们可以选择哎去进行发牌，包括可以选择出牌，或者说哎不出，然后你还可以选择去录人的头像，包括这种联机设置还有排行榜，那整体实现还是不错的。 呃，这就是我们使用 open code 的 简单实现的一个斗地主的游戏啊，嗯，是一个联机的游戏。好吧，那就本期视频的全部内容了，我是小刘，我们下期再见。

大家好，本期视频给大家分享一款目前非常火的开源的 ai 编程工具啊，叫 open code， 那 么这个 open code 呢，非常大的一个特色，就是对接了市面上基本上主流的所有的模型啊，你只要输入一个 api apikey 就 能直接使用， 而且它有 code 的 基本上所有的功能，所以说在目前在这个编程社区是非常受欢迎的。那本期视频呢，从就带大家来完完全全的去了解一下这款 ai 编程工具。那首先呢，我们可以从官网上看到它的一个安装非常简单，只要执行 这样的命令就行了，它也支持这种 c u r 这种直接下载，它的这种已经写好了脚本，或者说直接用 n p n 的 方式安装， 那 n p n 方式这种安装的话，你的 note g s 的 版本最好是高一些，那我们可以复制这个命令啊，那么安装完之后啊，你后面再启动或者说欧根库了，它再更新的话，它是可以直接啊打在你的打开里面去直接去更新的，它不需要你再重重复去执行这个命令， 我们可以输入 open code， 然后或者说你后面紧跟着你要打开那个目录，那你如果为空的话，那说明就是在当前这个打开，打开之后呢，你首先可以去啊设置自己的这个模型， 那么这个这里面就包含了非常多的模型，随便搜另一个模型都能搜到，比如说四点七，那么他这边有 open code 赠，那就是他官方提供的这个免费的啊，然后呢你也可以去选择这些啊，收费的啊，就是你自己 买的额外的这种套餐去配置配置进去，比如说我们买了这个，这个啊，智普的这个 code plan 就是 有专门的编码套餐，你选择它的话，输入啊 api t 就 可以了，那你也可以选择别的，就是你有你有这种 api 的 支持，这种 openai 的 这种标准格式的， 那么你也可以选择一个输进去就行了，所以说它是支持市面上所有的主角模型全部都支持。那么你选择完之后呢， 那么这里面就要了解两个非常重要的模式，一个叫 build 啊，在这里看到啊，通过 plan plan 的 话，就会根据你输入的东西来去跟你去沟通，去交流， 那最终呢形成一个比较详细的结果，那 build 呢，直接就是根据你的需求直接去生成代码了，所以我们的习惯是一般用 plan 去把你的需求去了解清楚，然后再去执行，可以用一个例子来体验一下整个过程。比如说我现在需要去创建一个企业官网， 你在打开之后呢，你看这边右边这边会有一个这样的，你的上下文的，这个消耗了 tokens， 然后还有就用了多少百分之多少的上下文，如果大到快快到百分之百了，它这边会自动去压缩， 然后等右边这边还会显示一些比如说 to do list 啊，这些它的一些任务的信息啊，这边能够方便的去看到。 ok， 他 这边已经向我们提问了，就是啊，需要了解一些关键的信息，那么你这边去回答就行了。这边他针对 plan 又列了一个更详细的这个 to do list 啊，在右边呢，可以看到啊，他之前正在执行第一个， ok， 他 这边已经把计划都做完了啊，就是把这些步骤包括技术架构啊，这个文件的目录结构啊，还有这个每个模块的设计方案， 整个的这个设计规范全部都已经在这边列出来了，列出来之后我们希望它能保存文档，因为它在目前这个 plan 模式下面是没有权限去创建代码干嘛的，所以我们要让它来去切换到 build 模式，然后让它保存文档， ok， 它这边的 plan 已经保存起来了，保存， 那下面就是我们要继续，就是说有个非常重要的叫 rules 的 就是规则，那么它这个规则跟我们之前的编程工具像 course 啊 啊， curl code 其实是它们是共通的，也就是说它们会用一个啊 md 文档叫 agent md 来保存这样的一个规则，也就是这也其实也就叫记忆。 那么在 curl code 里面是使用 curl dmd， 那 其他的编程工具其实都适配这个 agent dmd 啊，那在这个文件里面你可以去定义你这个项目是做什么的，然后它你的这个开发的规范是什么？技术价格是什么，然后你的约束是什么，一般是按这种方式去定义，那么你如果说 你自己没有写的话，你也可以通过这个命令啊去初步化一下啊，比如说我们现在目前这个项目是没有任何的这个 agent md 的， 那么你就可以使用这个 enix 这个命令啊，让它来去创建或者更新啊，这样的一个，这样的一个啊记忆的文档。 一般情况下你可以在就是项目初主的情况下，你可以写一个 readyme， 也说你可以介绍一下我这个项目是干什么用的，然后打算用什么呢？记住框架，你就说你自己可以不用去 创建这样的 agentmd 啊，你可以让它来去读取你的这个 readyme 里面的内容，然后读取你当前项目里面其他的文件啊，做一个比较标准的这个 agentmd 啊，或者说你自己去写也是完全可以的。 那我们一般从零到一级开发项目的话，是用通过这种 redmail 的 文档，或者其他的一些技术文档啊，产品文档啊，把它放到项目里面去，然后让他来去帮你去生成一个这样一个比较标准的一个这样的一个文档，那么他这边的话执行这个命令之后啊，会去搜索 call， 搜这个目录下面就是他会去引用一些别的工程里面的这个里面，看一下他合并到这个 a 点 cmd 里面去。 那接下来就是啊，一个很重要的功能叫 skills， 那 么这个技能它也是可以像 qq 的 一样使用技能的。如果你们第一次听这个概念，可以把 skills 啊理解成一个有可附用的一套标准的一个流程。那么 举个例子，比如说有个这样的场景啊，比如说你现在出出差，出差回来你要去报销，那么你要去找你的领导签字啊，你找完你的领导签字之后，你要去财务那边，去 财务根据你出差里面的各个事项来计算这样的金额，那最后把金额打到你的卡上，那么这个就是一个很标准的流程，你每一次出差都是这么做的，那么你就可以把它当成一个 skills， 那 么这个 skills 里面就可以通过啊描述，比如说你这个描述，是啊 专门为了出差而定制的这个 scares， 然后你的流程是要去找你的组长，对吧？找你的财务，然后打到你的银行卡这样的一个流程，那么在你的上下文的交流当中啊，交互当中如果出现了这种出差啊，出差的这种流程，你要去触发这样出差的动作，那么它就会调用这个 scares， 还有一个非常大的功，强大的一个功能是什么？ skill 里面是可以去引用一些其他的文件来作为他知识的一个补充，比如说你的财务要计算你的出差的金额， 他可能要去翻阅啊，你们公司的一些规章制度，那么规章制度啊就可以成为这个技能的一个补充文件了，那么这个这个补充文件就当他 你的出差的这个，比如说你是三天会触发 a 制度啊，是五天会触发 b 制，那就会去判断啊，当你三天的时候，他会去加载啊，你这个 这个对应的这个制度了，对吧？然后如果说还有就是你要打款，对吧？打款要去触发这个银行的接口，比如说用技术的话说要触发银行的接口，那么他就会调用这样银行的接口把钱打给你，就这么一个流程封装起来， 而且它的最大的功能或者是优势是什么？就是它上下文是非常紧紧，就说 it 呢，在加载这个技能的时候，它是不会把你所有的文件都加载进去的，它只会把你这个 skill md 里面的这种原数据啊，就是这个 name 名称和描述干什么？就像一个相当于一个缩影一样，把这个你的这个事业的一个非常核心的是在什么场景下，是要什么具备什么条件出发来加载到上下文里面去，然后呢他会根据你的这个 情况出发之后，他会去再会去加载这个 skill md 里面的所有的内容，然后通过里面的内容再去加载我刚刚说那些分支情况，所以说它是一个渐进式的批录，渐进式的引入它的最大的优势就是这个，所以这个场景其实就是一个很标准的一个 skill 的 一个解释的一个 get 你 了。那么在 open code 里面使用 skills 呢？它这边有一个非常特殊啊，它就是它不仅会加载自己这个 open code 里面的这个 skill 的 目录，它也会把，它也会把 cloud 啊，把 clone 的 这个技能也会作为它的一个技能，也就说你在 clone， 如果你在 clone code 里面啊，拥有这种全局的这种技能技能的话，它是可以加载过来的，那这边也会有描述，也会加载到我们的系统里面去，那么我们可以打开这样的目录啊，比如说你现在是一个点 config open code， 这个是它的一个目录里面的话就会有啊，比如说你的这个 skill， 那 么你就要去创建，如果你要去 用 skill 的 话，你就要去创建这样 skill 文件，然后把你的这个写好的 skill 放到这里面去，就是一个标准的目录，那么它也会把啊这个目录里面的这个滚 call 的 啊，这个目录里面这个 skills 加载过来啊，比如说我们现在就有这样这样的几个 skills， 他 是可以加载过来的，我们可以让他来读取一下，看一下他有什么样的技能，我们可以让他来把，看一下他会加载多少技能出来。 ok， 他 这边已经把我这四个啊这个 skills 加载出来了，那么这个是一个，这个， 这个 max j s， 这个是一个不标准的，那这四个其实标准的，因为都是有这种通用的结构了，就是我刚刚这边有一个这样的一个介绍的啊，标准的结构， 那么他这边已经识别到了啊这几个，那么我们可以让他用啊这个技能，比如说我用这个东西来设计一下，专门来做 ui 的， 对吧？ 那么他这边就会去读取这样的技能的这个啊里面的内容啊，看，我，因为我其实是已经是精确去匹配，让他去使用这个技能，那么他就会去加载这里面技能的这个脚本啊，或者说这个啊 skill md 啊里面的所有的一切啊，他就会去 利用里面的能力啊，把这个 ui 优化得更好。那这是它这个所以说它是可以去兼容 clock code 里面的所有的 skill， 你 也可以去把 skill 复制到它的这个 config 里面的这个目录里面去试。那么接下来就是啊，也是 commands， 就是 命令，那命令，什么是命令呢？就是你跟 skills 不 可能是什么呢？ 它是把一个啊非常简单的或者非常重复的这个操作，把它定的到 md 文件里面去，它是只要你用斜杠就可以引用这个文件里面的所有内容， 它不是说不是，像刚刚的说了，这个 scares 静静式，它是你只要斜杠 m command， 然后它就会把整个命令的内容啊加载到这个上下文里面去， 而且它是不能去调用，比如说外部的这种啊，引用的这个文档啊干嘛？所以说它相当于 skills 的 一个静态的一个子集吧，你可以这么认为，那么在 open code 里面，你可以通过 ctrl p 去加载目前 可以打开目前它所有的这个 commands command 的 命令啊，然后它支持这 command 的 命令呢？有几个非常有用的啊，比如说， 那，比如说我现在打开一个上传文，就是之前的对话记录啊，我可以从这里面啊，选择之后我可以回滚， revert 就是 回滚。 那么 fork 呢？就是从这里面重新再来一下，但是它的代码其实已经产生了，也相当于你从这边拉一个分支，但是它结果是目前最新的那个结果， 就相当于你可以从可以从对话的这个角度里面重新再来一遍。虽然说你的代码已经生成了 fork 是 这个效果啊，不，如果你需希希望在这里面重新开始，那么你应该是用 reverse 回到这里面去，那么它就会回撤所有的修改，那从这边重新开始，这跟 fork 是 不不太一样的， 比如说刚刚那么多对话记录就没有了，回滚到这里面去了，这边的话是这边这就是压缩啊，这边就是压缩命令啊，把上下管进行压缩，然后的话还有一些可以自己去，可以可以看一下 啊，比如说这个，你可以把这个这个思考模式啊，就是这个编 think 的 内容要不要展示，你可以把它切换成不展示也可以，它整个内容就看不到了。如果你自己要定义这个 com 这个目录啊， 这边的话， open code， 那 么你在这边去创建这个 command 这个目录，然后在 command 的 目录里面，你可以去创建啊我们的这个这个命令，那么你也可以让它来给你去创建了，让 open code 来给你创建，相当于它这边的话去。呃， ok， 我 们让它创建了一个这样的 git commit 这个目录，这个命令啊，我们可以去这个目录里面看一下。创建完之后啊，你需要重启一下 open code， 那 么你这边就可以看到 git commit， 你 看 git commit， 那 这边就是创建一个命令了， 一样的，它是可你也可以把这个呃 curl code 里面的这个命令啊，你可以复制到它的这个 command 目录里面去，那么接下来就是 open code 的 这个 plan 就 插件， 那么它这个插件跟 curlcode 里面的插件安装方式不太一样，那 curlcode 安装就是通过啊 github 通过命令的方式直接安装到本地，那么它这个安装方式呢？就是啊使用这种 npm 的 方式，比如说你在这个 opencode 点接受里面去引用这个 插件的话，你是需要先先用这个 npm 去安装，除了这里的呢，它会有一个这样的一个叫生态系统的，里面也有很多这种社区比较受欢迎的插件啊，然后可以去看一下有没有你自己需要的。目前插件的数量比较少 啊，目前不知道就这个 color code 的 插件， open code 里面插件怎么去转换，是直接去拷贝文件过去还是怎么样的啊？目前还没去试过， 那么这边也是非常有非常常见的，比如说像这个欧买欧根扣的目前比较火的这个插件，通过给不同的子代理设置不同的模型来达到一个啊，就是模型的特长啊，比如说你是你是非常擅长做设计，那么这一块设计的工作交给你来做，那这边有一个非常好的一个这样的一个工具， 那么除了终端命令行那种方式呢？也知他也有这种 ui 界面软件，那么你在首页点击这个下载就可以下载完成了，那安装起来呢非常方便，他这个界面也是非常的简洁。那么比如说我现在打开这样的一个项目啊，比如说打开这个项目， 那么这边也是一样的，通过这个啊，我们可以去切换 build 和 pran 两种模式，然后你可以选择去选择不同的模型，在这个模型选择是一样的，就是有其实就是把终端命令行界面化了， 你在终端命令行配置的东西在这边是一样去生效的啊，比如说我们举个例子啊，了解阅读这个项目，我们可以看下它整个交互。 那 oppo 扣的呢？终端命令行这个 ui 这一块基本上介绍完了，就是如果你是一个比较喜欢去配置配置文件呀，或者去定义一些自己的东西呢， oppo 扣的比较适合你啊，就它是有一些硬核在里面的。 然后呢社区现在也是在很急速的发展，然后的话也继承了非常多的东西，他目前发展迭代的速度是非常快的， 他的目标就是什么呢？就是希望把这种可可的优势啊，各种编程工具的优势吸到他那里面去。然后呢可以去使用各种各样的模型就不会受限，比如说像 qq x 只能用 g p t 系列的模型，那 cloud code 当然是 cloud 的 模型是最适配的，而且受限于它，就是每个官方的每一个编程工具啊，都受限于自己的模型的这个选择局限性。那么怎么样去把每一个模型结合到一起去干活呢？那这个就是他做这个的意义就在这里面。

open code 是 近期热度最高的 ai 编程工具，它的最大优势是有开箱即用的免费模型，通过简单配置，还能免费接入 gemine 三 pro、 cloud、 四点五、 opus 等顶级编程模型。 open code 可以 看作是一个开原版的 cloud code， 几乎具备了 cloud code 的 一切功能，而且对中国用户友好，不 会遇到 cloud code 里面限速、封号等一系列麻烦的事情。在 open code 里面有几个可以免费使用的主流模型，非常适合小白上手， ai 编程可以随便造随便玩，还可以用它练习 agent， skills， mcp， sub agent 等高级特性。本期视频是一个 open code 的 完整教程， 主要介绍 open code 的 四种形态，对比其他 ai 编程工具的亮点，还有我们要重点介绍欧买 open code 的 这个超强插件，还有等等的一系列高级用法。 open code 的 有四种形态，分别是命令行、桌面、客户端插件，最后是云端运行环境。我们先来看命令行，这里我准备用第二种方式，也就是 note j s 的 方式来安装。 我们先来到 note g s 的 首页，在这里根据自己的操作系统下载对应的安装包，把 note g s 安装一下。接下来我们复制 n p m 的 安装命令，我们打开一个终端窗口，把安装命令粘贴进来回车，这样就安装完成。输入命令， open code 就 可以直接启动了，进入这个页面打个招呼， 这样就完全配置成功了，非常简单。接下来我们来看客户端版的安装，在这个页面点击下载客户端，然后一路点击下一步完成安装。打开以后选择一个文件夹作为项目文件夹就可以直接开始使用了。 open code 的 客户端并不是一个完整的 ide， 它只有基础的对话框功能，而 而且目前处于贝塔测试版，我试用下来 bug 还是比较多的。所以本期视频我们主要还是以命令行版本为例进行操作。接下来我们来看插件版的安装。使用插件版的 open code 的 前提是需要先把命令行版的安装好，这里我以 vs code 为例，我们打开 vs code， 在 左侧的 extensions 搜索 open code， 然后我们找到这个 open code 插件，点击安装。安装好了以后，我们按快捷键 ctrl shift 加 p， 打开命令面板，敲这个命令， open open code 回车，这样就以插件的形式打开了 open code， 它可以自动关联左侧窗口打开的代码文件。然后我们还可以选中一些代码，点击快捷键， ctrl alt 加 k， 把这些代码直接快捷地粘贴到 open code 的 聊天窗口里面， 这就是插件的全部功能了。最后一个云端运行环境，我们放到视频的最后面再看 open code 最棒的是内置了一些免费的模型，我们敲命令来到软件进来以后，输入命令斜杠 models， 后面带 free 标记的都是一些可以免费使用的模型，特别是 g l m 四点七，还有下面的 mini max 二点一， 编程能力都非常的不错，零配置开箱即用，输入需求就可以直接编程了，很适合新手用它们来练习 ai 编程。接下来我要推荐一个插件叫 open code 的 anti gravity os。 anti gravity 是 谷歌推出的一个 ai 编程的 ide， 它里面十分慷慨地提供了 jimi、 nike 三 pro 还有 cloud opus 四点五这两个顶级的 ai 编程模型，我们可以借助这个插件把这两个顶级模型免费地接入 open code 里面使用，在它的 get up 首页有安装方式， 最简单的就是把这一句提示词复制下来，然后我们来到 open code 粘贴进来开始，这样 ai 就 能自动帮我们完成安装，这里耐心等待一会，这样插件就安装完成了。接下来我们复制这个命令，然后我们打开一个新的命令行窗口，执行这个登录命令。 这里的模型供应商选择谷歌，选这个 anti gravity 的 登录方式 project id， 这里直接回车，这里登录一下自己的谷歌账户， 点击登录，然后把生成的这个 u r l 粘贴进命令行回车，选择 n 回车，这样就配置完成了。我们重启一下 open code 的 斜杠 models， 在 模型选择里面我们就可以选到 jimmy nine 三 pro 还有 cloud opus。 四点五这样打个招呼成功给到了输出就配置完成了。接下来我们把另外一个好用的编程模型 gbt code 也接入到 open code 的 里面。就在前几天， open a i 跟 open code 的 官宣进行了合作， 我们可以直接在 open code 里面使用 chad gpt codex 的 编程套餐。首先我们需要在 chad gpt 的 官网获取一个至少是 plus 以上级别的套餐，在这期视频里面详细的介绍了订阅方法。我们来到 open code 输入这个命令斜杠 connect 回车，这里选到 open ai， 选择 gbt pro， 在 浏览器里打开这个链接，选择继续，这样就登录完成了。然后我们回到 open code 输入命令斜杠 models， 这样就可以选到 chat gbt 的 几个模型了，除了上面这几种接入 ai 的 方式，输入斜杠 connect 命令，可以查找到七十五种 ai 的 接入方式， 几乎囊括了所有的模型供应商。比如我们可以找到 open root， 这里需要我们填写一个 open root 的 api key， 我 们来到 open root 的 官网，点击 get api key 创建一个， 把这个可以复制一下，填写到 open code 的 里面，回车一个 open root 就 能接入市面上几乎所有类型的大模型，而且国内用户也可以很方便的获取额度，可以说我们只要接入了 open root， 就 可以使用几乎一切的大模型。 我找了一个之前常用的经典测试案例来测试一下这里 open code 的 表现有几个亮点。首先在开始之前，他会反向询问我一些问题，比如说只是要代码样例，还是一个完整可以运行的程序，有哪些功能是必须实现的，调用哪个 jimmy 模型，然后环境变量是怎么保存的， 在动手之前他会把所有的需求细节询问清楚，这点非常的不错。然后他列出了一个详细的开发计划，并且分步骤完成，每完成一步都会标记出完成。 第二个亮点就是命令行版的代码比对界面，我觉得是所有命令行类的编程工具里面做的最好的，整个编程过程没有出现错误，也没有出现过需要代码返工的场景，一次性就完成了这个需求的开发。这里我使用的编程模型是 gpt 五点二 codex， 我是通过登录我的 chat gbt plus 订阅的账号把 codex 模型接入进来的，我觉得它在 open code 里面的表现跟使用原生的 codex c l i 的 表现几乎是一致的。 open code 在 底层对各种编程模型都进行了很多工程上的优化，还是很不错的。 喷扣的里面重点突出了一个叫做 session 的 概念。我们每次跟 ai 开启的一个新的对话，就是一个全新的 session， session 可以 后台运行，而且可以多个 session 并行运行，比如这是我们刚才生成的你画我猜的游戏网站，这里我想增加两个功能， 首先我想让画笔可以调整颜色。第二个功能我想增加一个计时器，如果作画超过二十秒，游戏就失败了。我们先输入第一个需求，增加一个计时器，在第一次落笔的时候进行计时，如果超过二十秒，游戏就失败了。开始 在这个任务的执行过程中，我们可以输入 new 命令，创建一个新的 section， 然后开始我们的第二个需求，第二个需求是画笔可以调节颜色。我们输入命令斜杠 sections， 就可以看到我们触发的 session 前面一个打转的符号，表示它正在后台运行。这样我们就创建了两个 session， 让两个需求并行开发，还可以在两个 session 之间互相切换，查看它们的执行状态。好，这样就完成了， 我们可以调整画笔颜色，然后我们开始作画的时候，右上角也出现了一个倒计时，我们成功利用了 session 功能，并行地完成了两个需求的开发。输入斜杠 share 命令， 可以把这个 session 的 对话记录分享成一个网页，网页的地址已经复制进了粘贴版，我们把地址粘贴进浏览器， 就可以看到这个 session 里面跟 ai 的 对话记录，包括它是怎么进行文件修改的？有了这个历史记录以后，我们就可以很方便的把我们的编程过程跟其他的用户进行分享。输入命令 on share 就 可以取消分享， 之前的链接也就变得不可用了。输入命令斜杠 export 就 可以把对话记录导出成一个文件。刚才我又进行了两次对话，先让它把画笔默认改成红色，然后把这个提示删除。 open code 还有一个亮点功能，就是它的时间线，或者说是检查点。我们输入命令斜杠 time line 回车可以看到这个 session 里面的跟 ai 的 对话记录，我们可以选择任意一次的对话记录，选择这个 reward 功能， 把代码跟聊天内容一起回退到这次对话之前的状态，我们可以回到这个时间点再重新进行修改。 在上期视频里面，我们介绍了 agent skills 的 基础概念以及其目录结构，我们可以把 skill 理解成带目录的说明书。每个文件夹都对应一个 skill， 也就是一个技能包。 把一个 cloud code 中的 skill 迁移到 open code 里面非常的简单，我们只需要把目录里面的点 cloud 替换成点 open code 就 可以了。 在上期视频里面，我们一共创建了三个 skills 文件夹，把这三个 skills 迁移到 opencode 里面也非常的简单。我们来到 opencode 的 项目文件夹，新建一个叫做点 opencode 的 文件夹， 进来以后再新建一个 skills 文件夹，然后就可以把这三个技能直接复制进来，这样我们的项目就拥有了那三个技能。我们右键在终端打开，输入 opencode， 启动起来。我问他你有哪些 skills？ 这里给出了完整回答，当我们有需要的时候，它就会调用这些 skills 进行工作。接下来我们来看 m c p。 的 配置方法。 open code 里面有两种 m c p， 我 们在文档里面可以找到一个是 local 的 方式， 也就是通过本地命令来执行。还有一个 remote 的 方式，也就是远程调用。我们先以这个 set cn 为例来把它配置一下。我们先来到 open code 的 配置文件夹，用户你的用户名 点 configure， 然后 open code 找到这个配置文件。 open code 点 jason， 来到文档站，这里把 m c p 的 这一段复制一下，粘贴过来。我先把这些多余的逗号去掉，这里填写上 m c p 的 名字，这里我就叫做 set c n 类型的话是本地，然 然后 command 这里填写命令 n p x， 后面是 shift c n， 把这一段复制过来。最后这里还有一个 m c p， 我 们打个逗号，添加上 enable， 表示启动下面没有环境变量，这样一个本地的 m c p 就 配置完成了。接下来我们再看一个远程调用的案例， 我们就以这个 context 七 m c p server 为例。我们回到 opencode 的 文档站，在下面找到这个远程调用的案例，把这一段复制一下，打个逗号，粘贴到配置文件里面来。这里类型是 remote 远程调用 url， 我 们把 context 七的 url 复制一下，粘贴过来。 在 hide 里面我们填上 context 七的这一串粘贴过来，这里它需要一个 apikey， 我 们可以来到 context 七的官网创建 apikey， 把这个可以复制一下，填写到配置文件里面， 把这个 m c p 的 名字改成 contact。 四七，我们重启一下 open code， 输入命令斜线 m c p， 就 可以看到我们刚才配置的两个 m c p， 这就是本地，还有远程调用两种 m c p 的 配置方式。 oh my open code 是 open code 上一个最火的编程插件，它本质上就是一系列的工具加 m c p 加编程 agent 的 组合捆绑包。比如在工具方面，它集成了 l s p 高级版，可以通过编程语言的语法和语义，帮助 ai 快 速理解和定位代码。 a s t 工具可以通过代码的语法术进行关联搜索。 open 工具借助多模态大模型的视觉能力，帮助理解图片还有 pdf 等信息，还有像 delegate task， background task 这些 agent 任务分配和后台调度工具。插件还内置了三个 mcp server web search 用于网络搜索， context 用于获取最新的文档。 group app 用来在 github 仓库快速搜索代码。 插件还内置了七大编程智能体，分别是希奇福斯，它是主智能体，用来规划和调度任务，先知用来做架构设计、代码评审等等。图书管理员用来查阅文献，探索者用来进行网络搜索。还有前端工程师、 文档编辑者，还有多模态等等。插件给每个智能体都分配了一个最适合他工作的大模型，比如前端工程师使用前端能力最强的 jimmy 三 pro 模型，主 agent 使用的是 cloud opus 四点五，据说这是作者花了两万四千美元的 token， 找到最适合的 ai 编程团队。 好，我们把这个插件安装一下，在它的 github 首页，这里有一段提示词，就是 install 开头的这一段，我们把它整个复制下来，我们回到 open code， 把这段提示词粘贴过来。开始安装的时候，插件会询问我几个问题， 他先问我有没有可洛的订阅，这个我是没有的，我有 gbt plus 订阅，用 gbt 去替代可洛的模型，然后问我有没有拆的 gbt 订阅，这里我选择 yes jimmy 订阅，有， 最后选择确认。过了一会，插件成功完成了安装。安装完成以后，我们来到 c 盘用户你的用户名点 config， 然后 open code 的 这个文件夹，在这里面有一个欧买 open code 的 配置文件，这里定义的是欧买 open code 的 七大智能体所用的模型，我们可以根据自己的需要来进行调节。 这里我把希希福斯的模型换成 g b t 五点二，剩下几个的模型都是作者的推荐配置了。然后我们重启一下 open code 的， 我们进来以后看到它显示的默认智能体就是希希福斯。 这个插件主要有几种用法，首先我们可以敲 at， 然后挑选一个智能体给我们干活。还有一个用法就是输入这个魔法词 u l w， 也就是 ultra work。 输入这个魔法词以后，不买 open code 就 会尽可能地调用它的一切潜能，把任务分配给几个智能体，并且并行运行， 由这个主智能体西西福斯进行居中调度。这里他询问我要什么样的网页，我们大体填一下需求，然后开始 我们看到他把任务拆分成了一个 to do list， 然后同时开启了三个后台任务并行执行，然后他对这些后台任务进行疯狂的调度。我们耐心的等待一会，等了几分钟， auto work 模式运行完毕，我们来启动起来看一下效果。一个宠物商店的应用看起来还真是不错， 界面看起来就很清新，它在没有图片素材的情况下，还尽量地用 emoji 给我们配了一些图，整个网站的交互还有动画逻辑看起来都是不错的。如果你有 gbt、 cloud 等几个顶尖模型的订阅，不妨来试一试。这个插件可以综合地调度各个领域最强的模型，完成一个很不错的编程任务。 购买 open 扣的还有一个重要玩法就是我们输入这个命令斜杠 raf 路虎就是拉尔夫循环，这个模式可以强制 ai 长时间的循环，对一个非常难的任务进行持续工作。 比如我可以要求它使用 springboard 四的最新标准重构整个项目，然后直到所有的测试用力都通过，它可以循环连续运行好几个小时，直到最终的任务完成。 刚才我们介绍了命令行、桌面板还有插件等运行环境。接下来我们看云端运行环境，这里我以 github 举例， 它的主要功能是当我们在 github 上面输入斜杠 open code， open code 就 可以在 github 云端进行工作，比如可以为我们解释问题，自动修复问题，并且创建 pr 等等。这里有一个安装方式，我们来试一下。首先第一步，先把项目上传到 github 上面， 这里还是刚才那个宠物商店的应用，点击这里的 south control public 是 branch， 这里我选择 public， 把这个项目变成一个 gitap 上面的公开仓库，点击右下角的 open on gitap， 这样我们的代码就成功上传过来了。接下来我们来到代码文件夹，把这个安装命令复制一下，粘贴过来执行。点击 install， 选择一个模型替工商，这里只能用 api 选择一个模型。然后还有两步需要操作，首先要把项目里这个文件提交到 gitap 上面，它已经准备好了这个配置文件， 我们先把它提交上去，接下来它需要把这两个环境变量填到项目里面，我们来到项目的 sightings， 然后下面的 secret and variables 这里找到 actions， 在 这里的 repository secrets， 我 们把第一个 key 的 名字复制一下，粘贴过来，对应的密钥可以在谷歌的 as studio 创建一个，这样填写过来保存。 接下来第二个 key 复制过来，还是填写相同的密钥，这样填写好了两个密钥。比如某个用户可能会在一处里提一个 bug， 说顶部导航栏 find ipad 跟 adopt null 功能重复， 应该去掉这个 find ipad 就是 这两个功能重复。在这个项目里面就可以直接斜杠 open code， 调出 open code 的 功能， 让 opencode 把这个 bug 修复一下，我们提交这个评论。然后我们来到项目的 actions 里面，可以看到这里有一个 action 就 正在执行了，这个就是 opencode 的 工作流，它现在正在 gitlab 的 云端运行，帮我们来修复这个问题。任务运行完成，我们来到 pullrequest 这里 就可以看到一个代码合并请求。在 file changes 这里可以看到它对代码成功进行了修改，我们只需要点击这个默认设置按钮，就把 open code 这次修改合并到了我们的代码仓库，这样这个一束就成功完成，并且关闭了。 接下来我们再介绍 open code 的 几个其他的重要功能，这些功能其实在之前的 cloud code 还有 codex 的 视频里面已经进行过介绍了，这里我们再快速的过一下。 首先第一个命令斜杠 inate， 这个命令可以让 ai 通读整个项目文件夹，然后把它学到的关于整个项目的知识生成一个 agents 点 m d 文件，这个文件就作为整个项目的系统提示词，可以帮助 ai 快 速地了解项目下一个重要命令。斜杠 compact 用来压缩之前对话的上下文，把之前的对话提炼成一个简洁的摘药来释放模型的上下文窗口。除了这些内置的斜线命令以外，我们也可以创建自己的命令。我们来到 opencode 的 配置文件夹，在这里面可以新建一个 com 的 文件夹，在 这里面就可以以 markdown 文件的形式来定义自定义命令。比如这里我创建一个自定义命令，叫做运行测试，我把官网上这一段样例复制过来粘贴进来，我们可以指定它是 build 或者 play 模式下面的命令，在下面的描述里面写清楚这个命令是做什么用的。 配置完自定义命令，我们可以在 open code 里面斜线，然后是命令的名字，这样就可以运行我们的自定义命令。下一个功能可以定制智能体， opencode 里面预设了 plan 跟 build 两种智能体，我们也可以创建新的。我们来到 opencode 的 配置文件夹，在这里面可以新建一个 agent 文件夹，比如这里我想新建一个 code review 的 智能体，让我新建一个 markdown 文件，在这个智能体的文件里面填上描述类型，它是一个主智能体还是 sub agent？ sub agent 的 意思就是它可以由主智能体调度在后台执行，然后填上一个模型，后面是它的描述，就是这个智能体主要做什么事情。 定义好了以后，如果以后 ai 可能需要 review 代码的时候，它就会自动调用起这个 sub agent， 并且在后台运行，帮我们自动完成工作。 我们除了可以把一个智能体定义为 sub agent， 也可以定义为 primary， 也就是主智能体。定义成主智能体以后，我们可以按 tab 键直接显示地切换到这个智能体进行工作，而 sub agent 只能在后台由 ai 自动调度执行。好，这就是本期视频的全部内容了，感谢大家点赞支持，我们下期再见！

三分钟上手开源 ai 编程神器 open code 厉害！哈喽大家好，我是姚路星，最近有个火爆全网的项目叫 open code， 为了照顾下新人，先简单介绍一下什么是 open code。 open code 是 get up 上面狂揽五十七 k star 的 一个开源 ai 编程神器，号称开源版的卡拉 code， 这是几乎所有主流的一个模型，更绝的是不用登录就能白嫖。免费模型地址如下， open code 不是 最近才出的项目，而让它真正起飞是欧麦 open code 的 插件，直接超进化成终极的一个 ai 编程助手。今天我就来手把手教大家如何三分钟上手这个超级项目。在开始安装之前，咱们先来聊一聊 open code 到底牛在哪里？ 一，完全开圆，自由度拉满相比之下， kolog 虽然好用，但主打一个封闭。二、免费模型白嫖 open code 内置了四个免费模型，其中 glm 四点七、 mini max m 二点一、 kologfast。 一， 不用登录直接就可以白嫖。 三、双形态随心选 open code 提供了终端 t u i 和桌面端两种使用方式四，欧曼 open code 插件让 open code 开挂， 配合欧曼 open code 插件使用 open code 可以 获得异步、 sub agent、 关键词触发模式、深度思考、 lsp、 ast 集成、上下文自动管理等能力。好了，废话不多说，接下来手把手教你如何安装并使用 open code。 步骤一，选择你的战斗形态 open code 有 两种安装方式，根据自己的喜好选择方式 a， 桌面端对小白更友好，直接打开官网下载页面，选择你的电脑系统下载安装齐活。 方式 b， 终端 t u i 前提条件是你的电脑已经安装了 node s。 接下来打开终端，输入以下命令，一键安装。安装完之后进入你的项目目录，输入 open code， 看到那个赛博朋克风的 t u i 界面了吗？恭喜你， open code 已经就位了。 步骤二，装配欧曼 open code 的 外挂打开终端执行以下命令过程中你可能会遇到提示说缺少 board， 运行时不要慌， windows 用户和 mac linux 用户分别执行以下命令即可，然后再执行欧曼 open code 的 命令。 安装过程中会依次询问你 cloud 在 gpt 以及 java 的 一个订阅情况，如实回答就好，这样欧麦 open code 会根据你的订阅优化调用策略。 安装完之后，咱们再来看一下如何使用 open code， 基本的使用方式和 cloud code 没什么区别。再来看一下 open code 的 一个使用技巧。技巧一，切换 a 阵模式使用 tab 键就能在 build 模式和 plan 的 模式之间快速切换。 技巧二，关键词触发超能力前提是需要安装 openopencode 插件，配合 openopencode 插件，你可以使用这些魔法关键词完成意想不到的一个强力功能。 技巧三，模型自由搭配 open code 的 最大的优势就是模型自由，比如你可以用 germany 处理前端 ui 任务，用 gpt。 五，处理复杂的一个逻辑任务，用 cloud 处理长文档的一个分析，用免费的 glm 四点七日常开发。 总结一下，今天教给了大家三个事儿，一， open code 视察看原版的 cloud code 几乎支持所有主流模型，完全免费。二，如何安装使用桌面端傻瓜式安装， t o i 端通过命令行安装。 三，如何装配外挂通过 o my open code 插件获得 evaspaint 关键词触发、上下文管理等超能力， 最后的最后 open code 加上欧麦 open code， 绝对是目前开源界最能打的 ai 编程组合。纸上得来终觉浅，绝知此事要躬行，大家赶紧行动起来吧！加油！感谢大家三连谢谢大家，记得关注再走。

open code 这个开源项目最近很多人都在聊，说是 cloud code 的 平替功能呢，和 cloud code 也是一模一样的，所有模型都能用，但是对于我们普通人来说，我们要怎么用？ 网上评测我看了不少，但是我还没有看到有人用它完整的演示一遍开发流程，所以今天我来做这个事情。 我会用一套平时我在 cloud code 上使用的开发流程，结合 open code 从零开始开发一个服装电商的模特换衣应用，带你走一遍完整的流程，顺便也测试一下它和 cloud code 到底有什么区别。那我们现在开始 这套方法我之前已经分享过两次了，就是这一期和这一期。现在呢，我把它迭代到了三点零版本。整体流程是这样的，首先用毒蛇产品经理技能收集需求，他会通过追问来完善细节， 然后生成产品文档。接着用 ui 提示词，设计师技能根据文档生成原形图的提示词，然后把提示词丢给 nano banana 生成原形图，再用 google ai studio builder 来开发前端，最后用全站开发工程师技能完成后端的开发和后续迭代。 整个流程是由一个主控的项目规则文件 agent 点 md 来进行统一的调度。这个场景包含了需求收集、原型设计、前端开发、后端改造、功能迭代，基本囊括了日常开发的主要环节， 所以用它来测试，基本可以很好地展示 opencode 的 完整的开发流程。打开 opencode 官网，点进下载页面， opencode 有 四种使用方式，在终端里使用，客户端使用、安装 ide 插件或者集成到 github 这类平台。 我们今天讲的是第一种直接在终端里使用， mac 用户建议安装第一条命令， windows 用户建议用第二条。那我是 mac， 所以 复制第一条命令，按 command 加空格，输入 terminal， 打开终端，把命令贴进去，回车直行， 然后等待它安装完成就行了。这里可能会有一点慢，那就看你网速了。好， open code 我 们已经安装完成了，接下来我知道很多新手看不惯终端的命令行，所以我们就在 cursor 里面启动 open code， 应该会对你友好一些。打开 cursor， 在 terminal 里输入 open code 启动， 启动之后有个快捷键，你一定要记住 ctrl 加 p， 按下去会列出所有的命令。大部分命令可以在之后慢慢熟悉，但有一个现在你就要知道，就是 a 键下面的 switch model 切换模型使用后你会发现有很多模型可以选， 像 chatgbt， 五点二， gmail 三 pro， mini max 这些都有，带有 free 标记的，是免费的。其他那些常用的模型需要你自己去配 api， 想用别家的服务，可以按 ctrl 加 a 添加供应商那支持的还是挺多的。配置也很简单， 比如你想用 google 的 api， 那 就选 google， 然后把 gmail 的 api key 贴进去就可以了。接下来我们来开始配置，这个逻辑和 cloud code 是 一样的， cloud code 的 系统文件夹是点 cloud， 那 open code 这边就是点 open code， 然后这是我提前准备的技能文件， ctrl c 复制，回到 open code， 在 点 open code 的 这个系统文件夹下， ctrl v 粘贴，这样就一次性导入成功了。一共三个技能， 独设产品经理、 ui 提示词设计师，还有全站开发技能。接下来是导入项目规则，在 cloud code 里，顶层的项目规则文件叫 cloud 点 md， 那 我们这次用的是 open code， 它的项目规则文件要写成 agents 点 md 文件名不同，但思路是一样的，都是顶层的项目规则。 回到 open code， 把点 open code 的 这个文件夹收起来，然后 ctrl v 粘贴，这样项目规则就导入了。 注意看 agents 点 md 这个文件和点 open code 这个文件是在同一层级的，这点跟 cloud code 不 太一样。 在 cloud code 里， cloud 点 md 是 放在点 cloud 的 这个系统文件夹里面的，这个很重要，放错的话顶层规则就不会被加载。再来看一下文件结构，这是整套开发流程用到的技能文件，是我平时开发应用和小工具时用到的，当时用的是 cloud code， 所以 cloud 点 md 这个名字没改。 不过没关系， open code 完全兼容，能自动识别好技能和项目规则我们都已经导入完成了，接下来我们来走一遍完整的开发流程，用 open code 来开发辅助电商用的模特换装应用，启动主 agent。 这套开发流程分为几个阶段，每个阶段都有对应的指令 输入 slash help， open code 会列出所有的指令，包含从需求收集、生成原型图、提示词到开发和本地运行的全过程。 接下来我告诉他开发一个网页应用，帮助服装电商生成模特图，支持更换模特的姿势动作，调整服装的配色，还能更换新的搭配方案。声控模型用 gemma 三 pro image preview， 也就是 nano banana pro。 收到需求后，毒蛇产品经理的技能被自动调用了，然后开始针对需求进行追问，上来就说，别给我废话，让我选一个核心，那毒蛇味已经出来了， gbt 五点二骂起人来也是不留情面。 我告诉他，目标用户是独立设计师，功能范围需要支持声图姿势调整、配色搭配和编辑功能。确认没问题后让他继续。 那进入到第二轮追问，他问参考图是什么形态，这是个多选项。那我的设想是，上传的参考图可以是模特的人像照服装平铺图，或者是搭配平铺图， 控制方式可以用 prompt 文字指令，也可以从姿势预选库里面进行挑选，同时还要支持配色面板调色。确认没问题的话我们继续。 好。现在进入到第三轮的追问，问的是账号和付费模式，这个工具是我个人用的，所以不需要付费功能。那存储方面，现在是 mvp 阶段，主要是为了快速演示，暂时不考虑保存，先跳过 确认没问题的话让他继续。好。接下来是第四轮的追问，人脸一致性怎么处理？我的想法是核心需求是保留参考模特的脸部特征，成片的标准是多选， 一个是白底电商主图，一个是澎湃的质感效果。确认继续后，这个时候他已经收集到了足够的信息，开始直接编辑产品需求文档了。 好！运行结束后，他帮我们创建了两个文件，产品需求文档， product spec， 还有变更记录 product spec change log。 先看产品需求文档，因为我们的需求比较简单，生图工具和布局交互也都比较常规，所以他没有问太多交互和布局的细节。 那再看一下圈子 log， 现在是项目的初试阶段，变更记录里也只有一条初试记录，接下来我们有两个选择，直接开始开发，或者根据产品需求文档去生成 ui 原形图的提示词。 原形图提示词是可选的，但我觉得这一步能大大的提升最终效果。正好给大家演示一下输入指令 ui， 让它使用 ui 提示词设计师技能，生成圆形图提示词 好，完成了，提示词保存在了 ui prompt 这个文件里。那我们打开看一下，这就是生成的页面原形图。提示词用法也很简单，直接把提示词复制发给 nano banana pro， 生成产品原型就可以。 目前一共生成了三个页面，主页面、图片预览页面，还有报错页面。接下来我还要做一件事情，这套流程有两种用法， 第一种呢，是生成好原型图后，直接把图发给他，让他在 open code 里面进行开发。那第二种呢，是用 google a s studio 里面的 build 来开发，本期我就会演示第二种，这种方法对新手或者是刚刚接触外部抠钉的人来说，更容易上手，效果也更好。 我告诉他，你先别管 apikey 的 事，我会用 google a s studio 开发前端，开发好了之后，我会把代码发给你，你再帮我改造成前后端分离的项目。 他已经明白接下来要做什么，怎么配合我们，而且还直接给了建议，比如用 google a s studio 开发的话，回来时需要教给他哪些内容，或者开发好了之后让 open code 继续迭代，需要提供哪些信息和资料好。原型图我已经提前生成好了， 现在这个页面是 google a s studio 模型，选的是 nano banana pro。 我 做的事情很简单，把刚才生成的三个页面的提示词完整的贴进去， 顶部加一句话，帮我生成一个三宫格竖向排列的长图，这是一套电商模特试装的网页应用，然后他就开始帮我生成原形图了。 那我们放大看一下，这三张图基本上是按照我们的需求文档里的布局和功能描述生成的，当然后面开发的时候， ai 会拿这个图作为参考，并不会完全的百分百复刻，所以这一点你要注意。为什么要用 ui 提示词来生成原形图？主要呢有几点核心考虑， 第一是速度快，外部口令不需要一开始就追求完美，先把架构快速的搭起来，然后后面再慢慢的迭代 ui 和交互。 第二呢是为了好看，如果你不给 ai 参考图，光靠文字描述让它开发出来的页面通常都很丑，不管你提示词写的多好，在我看来都丑的要命。 所以用 nano banana pro 直接生成原形图设计其实很好，再结合我们这套方式，页面好看，功能呢也符合我们的产品需求，一箭双雕。这就是为什么我觉得这一步非常重要，想要给大家看一下。 好，那原形图已经有了，接下来我们打开 google a s studio， 先开发前端，我们先完整的复制一下 prods bike 里面的产品需求，然后回到 google a s studio builder 告诉他，让他帮我开发一个模特换装的应用， 先把 products back 整个贴给他，然后把刚才生成的 nano banana pro 的 原型图也贴上去。 ai 能力选择这边我们选择 nano banana powered app 和 generate images with nano banana pro， 因为我们的应用需要生图能力，必须调用 nano banana 检查没问题，点击 build 开始。接下来它会自动读取文档和我们发过去的截图进行开发。所以我们稍微等待一下 好，开发完成了。有几个注意事项，第一，记得右上角选择一下你的 gemna api key， 否则无法使用 gemna 三 pro 或者是 nano banana pro 这些付费模型。第二，我们来看一下界面的还原度， 那开发出来的界面和原型图已经有九层相似了，布局，色盘选择，模特姿势这些功能都有。好，我们来测试一下。先上传一张模特图， 再上传一张 gucci 的 最新的女装，一条红色的裙子，风格选择澎湃风格，输出四张模特姿势，选动态走路提示词就先空着，先不填，我们点击生成 好，生成完成了。放大看看，模特的真实感几乎无可挑剔，澎湃的风格，无影墙，走路姿势，人物和衣服的还原度都很好。接下来看一下代码，点击 code， 这就是他开发的所有的前端代码。把代码打包下载，然后找到刚刚我们下载的代码， ctrl c 复制，回到 open code， ctrl v 粘贴代码就导入了，然后告诉 open code 前端已经开发好了，代码放在了这个文件夹里， 这个时候他会问原型图有没有，你需要提醒一下他前端已经开发好了，直接看代码就行。后端部分他建议用 node 加 express， 但我决定选 next， 点 j s 看看他怎么处理， 确认没有问题，让他继续执行。等待开发的时候，顺便说一下，为什么我们要前后端分离。 google a s studio builder 开发出来的是存前端代码， api key 是 直接写在前端里的，那这样部署上线 api 就 会暴露，任何人都能看到。所以我们需要把 api 调用挪到后端，前端只负责界面和交互， 而且后端除了负责调用 api 以外，我们后面迭代的时候，比如要加全线连数据库，或者是业务逻辑，这些也都需要放在后端的 好开发完成了。不过它提醒我们，我们发给他的前端代码的基础是 vt， 不是 next 点 gs， 所以 这一版它用了 express 做后段，因为这是最小的成本，最小的改造方案。但如果我们坚持要移到 next 点 gs， 它也是可以帮我们执行的， 那到这里项目基本就快速完成了。所以接下来我直接输入指令 slash run， 让它在本地跑起来。 ok， 我 们可以看到项目它说启动了，但是显示的状态不正常， 不过没关系，他说他可以帮我们定位和修复好。修复完成了，原来是三千，这个端口被我另一个项目占用了，那他帮我们改成了三零零一端口启动， 如果你想随时停止，可以输入 slash stop， 就 会停掉后台的所有的服务。 ok， 项目启动了，界面功能布局都保持了原样，没有什么问题。 项目虽然跑下来了，但是我们不可能一步到位，所以接下来我们来测试一下迭代功能，我要给他加一个新的需求，我告诉他我想增加一个在页面上配置 api， 并且进行校验的功能。那针对这个功能，他开始追问，首先问我 api 怎么保存，那我选择肯定是存在后端， 然后问我校验的方式，这里我选择的是真校验，需要他发个请求，看看 api 能不能跑通， 确认没有问题，开始开发。顺便说一下我使用的这套开发流程，产品经理和全站开发这两个技能会循环配合，每次新增或修改功能，主 a 阵的会先调用产品经理技能，进入到迭代模式，通过追问补充并且更新产品需求文档和更新日期， 然后才调用全站开发技能去实现代码。这样做的好处是文档始终和代码保持同步，不管是日后自己回顾还是重新开窗口让 ai 接手，都能快速的了解项目的全貌。好，完成了，他说已经更新了产品需求文档和更新日期，那我们看一下更新的内容。 产品需求文档这边第四十九行辅助功能下面插入了 gmail api 保存交换的需求。再看圈趣 log 这边新增的 v 一 点一版本，内容是配置 api key 和交换功能。我们回到网页，应用，左下角已经出现了配置 api key 的 功能，我把我申请的 gmail api key 贴进去， ok， 交换成功，没有问题。好到这里，我们整个的开发流程差不多就走完了。最后我来聊聊我用下来的感受。 先说优点，第一，模型自由度非常的高，这是 open code 的 最大的优势。 cloud code 您只能用 cloud， 对 于使用其他的模型，它基本是严防死守。 open code 呢，你可以随便切换，想省钱就用免费的模型，想要效果更好就换 cloud 或者是 gbt 五点二，灵活很多。 第二呢，是整体的体验和 cloud code 非常的接近，指令逻辑既能加载开发流程，基本和 cloud code 是 同一个思路。 如果你用过 cloud code， 那 上手 open code 几乎没有任何学习成本，不过缺点也是有的， open code 是 开源项目，在使用 agent 或者 skill 的 时候稳定性就会差一些， 特别是多 agent 协助主 agent 调用 sub agent， 或者是主 agent 调用 sub agent 在 调用 skill 的 时候，这类场景复杂的话， cloud code 的 表现依然是最稳定的。 但总的来说，如果你预算有限，或者是想尝试其他的模型， open code 目前是最接近 cloud code 的 开源替代方案。而且说到底，工具本身作用其实有限，真正起到决定性作用的是你在用的那个模型，这才是最重要的。 好，以上就是本期的全部内容，如果对你有所帮助，别忘了点赞以及加入废台俱乐部，这对我们频道真的非常重要，那我们下期见。

自从用上了 opencode， 我 卸载了 cloud。 最近 opencode 真太火了，不光有免费的模型，就 连 agent skills 都支持，配合上 oppo 四点五，体验上跟 c c 几乎一样，而且还能使用 google ide 的 模型额度。别走开，接下来教你从零开始安装。对于 mac 和 linux 用户，可以使用官方的命令安装， windows 可以 下载客户端来使用。 接下来以 mac 的 安装为例，首先推荐用 pro 来安装，因为刻尔偶尔会遇到网络问题，打开终端使用这行命令安装 pro。 这是一个 macos 的 包管理工具，等待安装完成后，根据提示选择一个国内的镜像员。 接下来就开始安装 open code， 在 终端中输入这行命令，等待安装完成后，正常在终端中输入 open code 就 可以启动了。这里还是推荐在 vs code 中安装 ide 的 插件，可以直接在 vs code 中启动。 目前可以看到有四个免费的模型，如果想用 anti graphic 的 额度，还需要安装一个 opencode 的 插件。 gethelp 主页上的推荐做法是直接把这个提示词输入给它模型，让它自动给你安装。 安装好之后，输这行命令进行登录，找到 google， 选择第一个登录方式，接下来跳转网页登录就可以了。成功登录后，重新打开 opencode， 在 models 中可以看到这些模型都可以使用了，使用过程非常丝滑，尽情 web 扣定吧。我把用到的所有命令都整理成了 m d 文档，方便大家使用。如果本期视频对你有帮助，可以点赞支持一下。关注我，了解更多 ai 干货，感谢大家观看！

上期视频带大家快速上手了可乐的 kodi 的 开源替代品 open code， 并且演示了 open code 的 基础用法。 open code 还有更高级的用法，我们可以结合 open code 最强的开源插件欧买 open code， 简称 o m o。 使用这个插件可以让 open code 从一个简单的 ai 编程助手进化成能够实现多 ai 编程的 ai 开发团队。不同模型各司其职， 因为如果在 open code 中只使用单一的模型来处理所有的任务，那么无论是前端 ui， 后端逻辑还是文档编辑，遇到模型不擅长的领域时就会出现能力下降的情况。 而且只使用高端模型，比如说 opus 四点五或者 gpt 五点二来处理简单任务还会造成浪费。 所以在 open code 中，我们就可以使用 o m o。 这个插件来实现多模型智能协同。比如说使用 g b d 五点二实现架构设计，修复复杂 bug。 使用 gemine 三 pro 实现前端的 ui 设计。 使用 cloud 三 n 的 四点五模型实现文档研究 o s s。 分 析，还能使用 guirk 模型实现快速探索。而且 o m o。 的 优势还包含任务完成保证机制。在 o m o 中，它使用 c c f s 这个智能体对其他智能体进行指挥，委派任务还有验证， 从而实现让大模型在执行任务的时候不会停下来。所以 o m o。 这个项目中的 c c f s 这个命名也很形象，因为 c c f s 是 希腊神话中因为触怒众神而被判处苦役的任务，它必须日复一日地将巨石推向山顶。 所以在 o m o。 项目中， c c f s 是 一个默认的 agent， 它相当于一个强大的 ai 协调器，使用专门的 ai 协定的并行执行来规划、委派和执行复杂任务。 而且在 open code 中使用 o m o 的 学习成本几乎为零。我们可以直接使用 o m o 的 outwork 工作流，只需要在提示词中输入 outwork， 然后 c s face 就 会将我们的任务委托给其他的 agent， 从而实现不需要我们写一行代码就能帮我们完成任务。 而且它还支持智能上下文管理，还能实现代码质量保护，还具有并行执行能力，独立任务它可以并行执行。它还具备实时获取外部知识的能力，因为它集成了 context seven m c p 来实时查询官方文档， 还支持 excel m c p 来实现网络搜索获取最新的信息。而且它能完整兼容 cloud code。 所以 对于大型代码重构、代码遗留问题，全站开发，修复复杂 bug 等场景，我们就可以在 open code 中使用 o m o 这个插件来执行这些复杂的任务。好，下面我们将结合更加贴近实际的项目来测试这款插件在 open code 中的使用效果。 将使用这款插件非常简单。首先我们要确保我们已经安装了 open code， 如果不熟悉 open code 的 话，可以观看我上一期视频。 下面我们只需要复制官方给出的安装命令进行安装就可以。官方这里给出了两种安装方式，第一种是使用半，第二种直接使用 n p x， 然后我这里就复制第一条命令，然后打开终端命令行， windows 用户打开 c m d， 然后我们直接粘贴这条命令，直接运行就可以。 好，这里它提示我们是否有可了的账号的订阅，这里我选择有， 然后这里它提示我们是否集成 gemini， 然后我这里也选择是好，这里安装完成，它提示我们需要运行 open code， 然后这里我们就可以看到它设置的这些智能体，包括 sisifors 使用的 cloud os 四点五模型。 好，下面我们就打开 open code。 打开 open code 之后，这里我们就看到了这里有三个可用的 mcp， 然后我们还可以使用斜杠命令加 spdt 来查看这个状态，这里是 o m o 自带的三个 m c p， 然后这里还包含这三个插件。下面我们就可以在 open code 中使用相关命令加 connect 来登录我们的 cloud 的 账号，还有 chat gpt 的 账号，还有 jimmy 的 账号。我这里先登录 cloud 的 账号，我们直接按一下 enter 键， 然后选中第一项，使用我的订阅来登录，然后将它给出的链接复制，然后在浏览器中粘贴这个链接，并且点击验证，再复制这一串认证代码，然后回到 open code， 我 们粘贴刚才复制的内容。粘贴之后，我们这里就可以选择模型了，这里我就选择 op 四点五模型。 当这些都设置好之后，下面我们就可以用斜杠命令加 models 来查看一下我们刚才设置的这些模型。目前我添加了 cloud 官方的 op 四点五模型， 还有 china gpd 的 gpd 五点二模型，还有 jimmy 的 jimmy 三 pro 模型，这里还有默认的 minimax m 二点一模型。而且我们还可以用斜杠命令加 model 四命令来切换模型，比如说我将 opus 四点五模型切换成 gpd 五点二模型， 在这里我们还可以用 tab 键来切换计划模式和执行模式。下面我们可以先输入一个最简单的任务进行测试。我这里输入的是让它创建一个计划模式和执行模式。下面我们可以先输入的是让它创建一个最简单的任务进行测试。我这里输入的是让它创建一个最简单的任务进行 深色模式支持。而且这里我还输入了它给出的魔法咒语 u l w， 使用这个魔法咒语就可以实现释放 o m o 的 所有力量，它能实现起用并行智能体后台任务，还有深入探索。好，下面我们就执行看一下这个效果。 在这里它提示 auto work 这个模式已经激活。这里它生成了开发任务，这里正在执行，我们要稍等一下。 像这样的话，当我们输入 autocode 或者 u r w， 它就会检测到我们输入的这个关键词，然后由 c s f s 这个主 agent 分 析我们的意图，拆解我们的任务，然后创建任务，并且委托给其他 agent。 像这样的话，我们就相当于在 open code 中有一个专业的 agent 团队。 除了 ccs 这个主智能体之外，它还包含多个其他的智能体。我们可以看一下这个 oracle 智能体，它负责架构设计，还能修复复杂的 bug。 另一个 explorer 智能体，它用于代码库探索，还有模式发现，可以并行运行多个视例。 然后另一个智能体，它可以研究外部文档。还有这个用于图像和 pdf 分 析的智能体，它能够对多模态内容进行处理。 还有这个用于文档分析的智能体，它可以为项目生成 readme， 还有 api 文档。还有这一个用于前端设计的智能体，它主要用于 uiux 设计，而且它支持 lsp 工具，还支持搜索工具，还有 mcp， 还有后台任务等， 它能通过 hux 来监控整个系统，从而实现质量保证，还有上下文管理，还有恢复机制，像这样的话，用户就可以用这个魔法咒语来触发整个工作流。 好，可以看到整个任务流程不需要我们进行任何干预，完全是在 open code 中全自动去执行的。我们只需要在 open code 中设定好需要开发的任务， 在 open code 中就能全自动为我们完成开发。在等待了几分钟之后，这里他完成开发，这里给出了运行方式，然后我们就按照他给出的步骤运行一下，看一下效果。 下面我们就可以看一下它为我们开发的这个仪表盘，可以看到整体它采用了深色模式，因为我们在提示词中要求它使用深色模式，而且它给出的这些效果也都非常不错， 这里包含格式化的这些图标，而且鼠标悬停还有这些动态效果，这是我们测试的，让它为我们开发一个最简单的仪表盘的功能。 好，下面我们可以继续测试，我这里准备了一个用 swift 开发的原声 ios 的 专注应用，然后我们可以测试一下在 open code 中使用 o m o， 在 我们这个项目的基础上新增功能。好，下面我们先打开终端命令行， 我们用 cd 命令切换到我们这个项目路径，然后启动 open code。 启动之后我们先执行斜杠命令加 init， 让它来生成 agent 点 m d 文件， 他就能对我们当前这个项目的这些架构技术站有一定的了解。好，可以看到这里他正在扫描我们这个项目，在这里我们就可以看到他生成的这个执行任务，第一个任务已经执行完成，然后现在他正在执行第二个任务。 好，这里提示它已经为我们生成了 agent md 这个文件，下面我们看一下它生成的 agent md 文件，这里面包含项目预览，还有所用到的这些命令，还包含代码风格等内容，像这样的话它就对我们这个项目有了初步的了解。 然后我们就可以在 open code 中让它为我们新增一些功能，然后我们可以先用斜杠命令加 new 来新开一个 session， 这样的话它就清理了刚才的上下文，然后我们就可以输入提示词，在输入提示词之前，我先输入 alt work， 然后输入开发任务，我这里输入的是 让他为当前项目新增自定义专注时长的功能，要求下拉可以选择专注时长从一分钟到六十分钟，然后我们直接运行，让他为我们实现全自动开发这个功能。 在等待了几分钟之后，这个任务完成开发，下面我们可以看一下效果，在模拟器中打开住在这里我们就看到了他为我们新增的这个下拉的这个组建。我们点击下拉 这里我们就可以来选择专注的时长，从一分钟一直到六十分钟，这里我们都可以自己去自定义，我们可以先选择一个一分钟的测试一下，然后点击开始。好这里我们点击允许发送提示，这里正在计时。 好，这里完成了计时，然后这里出现了提示，他为我们新增了这个自定义专注时长的这个功能是完全没问题的， 而且整个开发过程不需要我们进行任何干预，我们只需要设置好开发任务，在 open code 中就能全自动为我们完成开发。我们就可以在 open code 中使用 o m o 这个开源的插件，用于更加复杂的开发场景，而且全程不需要我们去干预，完全由 c s face 这个智能体 进行指挥，委派任务还有验证，然后其他智能体就会执行 ciscis 委派的任务。在 open code 中我们就相当于有了一个真正的开发团队，这样就能大幅度提升我们的开发效率。

在之前的视频中，我为大家演示过多种与 cloud code 和 codex 相关的开发工作流，包括 be my method、 spiket、 openstack 等。 最近我又发现了一个更加工程化、更完整的开源工作流 superpowers， 它是一个面向 ai 编程助手的完整软件开发工作流系统。它支持 cloud code， 还支持 open ai 的 codex， 还支持开源的 ai 编程助手 open code。 而且我在 cloud code 中使用 superpowers 开发了一款 ios 的 时间线笔记的原声应用。在这个时间线笔记中，我们可以记笔记， 比如说这里我们输入一个笔记内容，还可以输入标签，在这里还可以选择图像，比如说我随便选择两张图像， 我们就可以点击发布，然后它就会以时间线的方式显示在最顶部，底下是我之前发布的这一些笔记内容，而且我们还可以对笔记进行编辑或者删除，还可以点击放大这些图像。 superpowers 它的功能不是让 ai 随心所欲的写代码，也就是我们通常所说的 web coding， 而是把一整套接近专业工程团队的开发方法论固化下来，让 ai 编程助手在写代码时能够自动遵循最佳的实践，包括先澄清需求，再编辑计划，再分布实现，而且每一步都有检查点， 从而避免 ai 编程助手采用 web 扣顶的方式把项目越写越乱。它最大的特色就是测试驱动开发贯穿始终，作为铁律，强制执行 每个任务都会委派一个新的 sub agent， 这样就不会造成上下文污染。它的实现方式是把研发流程打包成一组可组合的 skills 与启动指令，并通过指令还有技能库，还有工作流编排的组合，让 ai 在 不同阶段按流程做正确的事。 好，本期视频我们将结合实际项目，带大家测试 superpowers 这个开源工作流的使用方式以及使用效果。因为 superpowers 它对 cloud code 的 支持要更好。 在 cloud code 里它可以借助 cloud code 原声支持的 skills 功能以及插件功能，实现一键安装、加载与自动触发。 所以本期视频我们将重点在 cloud code 中来测试这个开源的工作流项目。在 cloud code 中使用 superpowers 这一个插件非常简单。首先我们打开终端命令行，然后进入 cloud code， 再复制官方给出的这一条命令，然后回到 cloud code 中进行粘贴并且执行。下面我们再复制官方给出的第二条命令，然后粘贴到 cloud code 中直接执行。 在 codex 中安装也非常简单，我们只需要复制官方给出的这个提示词，在 codex 中直接粘贴这个提示词并且执行就可以。在 opencode 中安装也非常简单，我们也是直接复制官方给出的提示词，然后在 opencode 中直接粘贴提示词并且运行就可以。 下面我们就可以在 cloudcode 中输入斜杠命令，再加 super， 然后我们就可以看到 superpowers 它支持的这三条命令。 第一条命令是用于头脑风暴，也就是我们只需要简单的描述我们要开发的内容，与 ai 进行苏格拉底式对话，从而帮助我们厘清我们真正的需求。然后这一条命令是用来写开发计划，它能实现编辑二到五分钟的小任务，包含精确的文件路径， 完整的代码片段，还有明确的验证步骤。在这里还包含第三条命令，也就是执行计划，所以他的执行流程非常简单，先是实现头脑风暴，再实现工作区隔离，他会创建新的分支来隔离开发环境， 再实现项目部署化，再验证测试的基线。然后就是编辑计划，当计划编辑好之后，再分配给这些子代理进行开发。它的原则就是测试驱动开发循环，包括写失败测试最小实现，最后清理优化。 而且它的特点就是两阶段代码审查，第一阶段是规格符合性审查，第二阶段就是代码质量审查。当 superpowers 设置好之后，下面我们就可以用一个实际的例子来测试一下使用 superpowers 它的开发流程以及开发效果。 在开始执行之前，我们可以先在 xcode 中虚化一个 ios 的 项目，然后用 cd 命令进入到我们创建的这个路径，再启动 cloud code。 我们可以直接用斜杠命令来开启 superpowers 的 头脑风暴模式，然后还可以直接输入开发需求，这样的话会自动激活头脑风暴这个 skill。 我 这里输入的开发需求就是开发一个个人时间线笔记的 ios 应用， 像 x 一 样能够发布短笔记，按时间线浏览，还能支持图片和标签。然后我们直接运行，先看一下效果，这里就提示使用头脑风暴这个 skill， 然后这里我们就允许他执行这个头脑风暴。像这样的话，不需要我们去执行命令，我们只需要输入开发需求，他就能自动激活 superpowers 的 头脑风暴，这个技能 好，这里他看到了我刚才创建了一个空的 xcode 项目，他需要查看这个项目的结构，这里提示这是一个新的 xcode 项目。然后他说他理解了我们想创建一个时间线的笔记 app。 这里他需要我们来澄清下面这几个问题。第一个问题就是他希望我们如何来创建笔记，包括他提到是采用类似 x 右下角的加号按钮，点击即可打开拽写窗口。 第二项就是顶部拽写栏，时间线顶部始终可见的文本框，直接输入即可发布。然后第三项是下拉拽写，在时间线上下拉即可显示拽写区域。然后他问我们选择哪种方式，这里我们就选择。第一项，我们直接输入一， 这里他很快输出了回答，他说悬浮按钮既方便又能保持时间线的简洁。然后这里他又开始询问我们问题，他这里询问的是笔记在时间线上应该如何显示。 一种就是卡片样式，每条笔记以圆角卡片的形式呈现。第二种就是扁平列表，形式类似 x。 第三种方式就是气泡形式，类似聊天气泡的显示方式。然后这里我们就选择第一种，让他实现这种圆角卡片的风格，我们直接输入一。 紧接着他又开始询问我们笔记中的图片应该如何显示？第一种就是内嵌式展开图片，在卡片内全宽显示，类似于 x 风格。第二种方式就是缩略图，网格 多张图片显示为小缩略图，点击展开。第三种方式就是单张预览，如果有更多图片则显示徽章。然后他问我们哪种方式最合适，然后这里我们就选择第二项，让他实现缩略图的网格，我们就输入二，然后发送。 下面他又询问我们标签如何运作？第一种方式就是在笔记中内嵌标签，第二种就是单独的标签选择器。第三种就是两者兼备，这里我们就选择第一种， 直接输入一，也就是像 x 中一样，输入井号键就能填写标签。好，下面这里他询问当点击标签后会发生什么？ 一种就是筛选时间线，仅显示带有该标签的笔记。第二种就是标签详情页，跳转到专门的页面。 第三种就是快速筛选栏，将标签添加到顶部的筛选栏，可以组合多个标签，这样的话这里我们选择第二项，也就当点击这个标签之后，就能跳转到专门的页面，然后我们这里输入二。 好，下面这里他又询问我们是否需要搜索功能。第一种就是权威搜索，第二种就是锦标签搜索，然后这里我们就选择第三项，我们直接输入三，直接发送。 下面他开始问我们笔记编辑还有删除应该如何操作？第一种是向左滑动删除，向右滑动编辑。第二种方式是长按来显示编辑删除或者复制的选项。第三种是点击查看详情，在详情中包含删除按钮， 然后这里我们就选择第三项。好，这里他又生成了一个问题，他问我们是否需要数据的备份， 一个选项就是不需要备份，为了快速开发，这里我们就选择第一项，不需要备份好，这里他就生成了一个最终的方案， 下面这里就是他分析的这个设计，最后这里他询问这个数据模型看起来是否正确，然后我们直接输入正确，然后发送好。这里他紧接着输出了第二部分，也就是这个项目的结构，还有导航，这里包含详细的交互设计， 然后我们直接让他继续去执行。好，这里他又输出了这个 u i 设计，包括时间线，还有这些笔记卡片。然后我们直接让他继续去执行。 这里紧接着生成了这个项目结构，然后他询问这个结构是否合理，并且询问是否准备执行，然后下面我们就可以输入提示词，然后我输的是这个结构看起来很好，并且让他按照 superpowers 的 工作流继续执行， 让他创建隔离的工作区，然后再使用这个技能创建详细的 t d d 实现计划，然后我们直接运行，看一下效果，这里提示他将先保存这个设计文档，然后继续执行这些工作流， 这里他需要执行 get 命令，我们让他继续去执行。这里他开始使用创建工作区的这个技能，我们允许他执行。这里他选用我们将在哪里创建独立开发的这个工作数。然后我们就直接按照他给出的推荐的第一项，我们直接运行， 像这样的话，它就执行到创建工作区，包含创建新分制隔离开发环境，项目部署化，还有验证测试基线。现在开始运行到了写计划的这个步骤，然后我们直接让它来执行， 这里提示调用了这个 writing plans 的 这个 skill， 这里提示它会创建一个综合性的 t d d 执行计划，在这里它提示它将使用 writing plans 这个 skill 来创建这个执行计划。好，这里提示这个执行计划已经存入到了这个文件里， 在这里它给出了两种选择方式，第一种就是使用 sub agent 驱动的，然后这里我们就选择第一种输入一，然后直接发送，这里提示它需要调用这个 skill， 然后我们这里允许它执行，它将使用 sub agent 来执行我们这个计划。 好，现在生成了这些任务，这里一共生成了十三个任务，像这样的话就到了 sub agent 开发的这个步骤，在这个步骤中，每个任务都会有一个 sub agent， 而且会进行刚才我们提到的两阶段检查， 包括规格检查，还有代码质量检查，通过 tdd 循环，直到通过为止。在等待了大概十多分钟之后，他执行到了这一步，他需要调用这个 skills， 然后我们这里允许他执行好，这里提示在执行第一步，验证测试好，这里提示测试成功，下面他需要执行第二步。 好，这里开始执行第三步，这里给出了三个选项，第一个选项就是本地合并回主分支，我们就选一 让他合并回主分支。好，我们这里允许他执行命令。好，这里提示执行完成，这里合并到了主分支，在这里就提示我们可以运行这个项目了，下面我们就可以测试一下， 在 xcode 中打开这个项目，然后我们运行，这里提示构建成功。打开之后我们就看到了他为我们生成的这个时间线的笔记，我们可以先添加一个测试一下， 然后我们点击发布，这里我们就看到了我们发布的笔记，然后我们再测试一下，然后我们点击图片库，点击添加一个图像查看一下，这里我们随便添加一个，然后我们再添加一个图像，然后点击发布，这里我们就看到了我们发布的第二篇笔记，我们再添加一个， 我们再添加几张图像，然后我们点击发布，这样的话这个图像就按照缩略图的方式进行了显示，然后我们就可以向下滑动来查看我们所发布的这些笔记，然后我们再选一篇笔记，点击进入详情。 好，这样的话就进入到了这个笔记的详情，下面我们点一下这个标签，看一下，这里就将带有这个标签的所有笔记显示在了这里，然后我们点击第二篇笔记，然后测试一下删除，我们点击这个删除这里，确认 好，这里删除成功。这样的话我们就在 cloud code 中使用 superpowers 为我们完成了这个时间线风格的笔记应用的开发，而且一次就通过测试没有出现任何报错。

好，朋友们好，那本期视频我们一起来学习一个新工具，叫做 opencode， 这工具呢，在短短的几个月内收获了接近八万人的关注，在 github 上，呃，足以证明它的受欢迎程度。那 opencode 是 什么呢？以及它能够做什么呢？对吧？它和 cloudcode 有 什么区别呢？那本期视频我们都会讲清楚，并且呢，使用 opencode 做一个实战项目。 首先先搞懂 open code 是 什么？ open code 你 可以将它理解成开原版的 coco 的， 并且呢比 coco 的 更强，也就是说 coco 的 有的它都有， coco 的 没有的它也有啊，这么讲你能明白吧？是啊，它是一个可以帮助我们完成 web coding 的 一个终端工具，那就是我们在终端也去使用它。好吧，我们大致明白之后呢，我们现在讲下什么使用它。 首先呢，我们打开它的 tab， 然后这有一个官方地址， open code 点 ai。 好， 我们进入到这个官网之后，有一条安装的命令，就是这个 c r， 我 们复制一下，这时候你可以在你的终端命令行里面打开它，然后粘贴这条命令，点击复制，然后呢贴过来，然后直接回车， 这个时候我们可以看到，就是，哎，你一回车，这个时候就会将这个 open code 给你安装到本地啊，因为我已经安装了。好吧，那你安装完之后呢，这个时候你只需要输入 open code 就 进入到了 open code 的 里面啊，就是 open code 的 这个界面。 那你通过 chef 的 table 可以 切换的模式， plan 模式和这个啊，翻译模式，那就两种模式啊。当然呢，我更习惯的倾向于在那种客户端工具使用，比如说像 cursor， kilo 或者 vs code， 那 比如说我这里呢，我新建个项目叫做哎，这个 opencode 点 learning 啊，就关门专门教大家学习这个 opencode。 好 吧，那这时候我们可以在这里呢输入你自己的这个你要编程的句子啊，当然你也可以选择去切换一个皮肤，然后，当然我现在目前用下来最习惯的这个皮肤啊，就是这个，你点击就斜斜杠，对吧？那这时候有一堆命令，这一堆命令呢，可以帮助我们去更好的操控 这个 open code， 比如说我想要切换皮肤，我就选择这个打开它啊，这时候我一般用的最多的是这个皮肤，大家可以自己选择，好吧，我就保持默认呢，你可以去查看其他皮肤的效果，好吧，好，我们选择它之后呢，我们现在就可以在这里编程了啊，如果说我要切换模型呢，怎么办呢？我点击斜杠，对吧？杠 model 四， 这时候呢就可以帮助你去，哎，列出当前所有支持的模型，大家可以看到其实支持非常多啊，你看我最近使用的就是这个啊， mini max， 当然也可以支持 glock 或者 java 四点机。 open code 里面提供了一些免费的模型，哎，这些被我们往下滑，可以看到这里呢，都是哎，这个 open code 提供的这个免费模型， 尤其是我们可以看到这边带了一个废的，这都是免费模型，对吧？然后当然我选择默认我自己的 mini max， 好 吧，好，那我们大概知道了，那我们再看一下这个 open code 怎么使用那，嗯，如果说你要去正常使用它的话，我们一般会有几种秘密，就比如说我们的这个艾特斜杠，对吧？感叹号，对吧？比如说我想要艾特文件，你看我左侧是不是没有文件，对吧？那我新建一个啊， index 点 html 好， index， 你 看是不是有了，对吧？比如说，哎，开发一个学生管理系统，通过这样的方式它就可以开发了。那现在我们使用的是这个 build 模式。 build 模式？ 那有小伙伴说了，哎，这和克拉扣的有什么区别呢？那我这样使用的话，那我克拉扣的也可以使用啊，啊，对吧？嗯，其实有一个区别，就是你不需要去主动的兼容克拉扣的。什么意思啊？比如说在没有这个工具之前，如果说你要在你的这个通道工具里面使用这个 mini max 模型，其实实际上是 mini max 做了兼容， 但这个不一样，他就说，哎，如果说你要切换这个 mini max， 你 比如说像我这样子，就像我这样子，我给大家取一个，新建一个，还是打开这个克拉扣的， 呃，比如说，你看，我现在要去，呃，把我 mini max 配置好，点击斜杠，点击这个 c o n 连接，找这个连接单词，我选这个连接单词，然后这时候你看，这也就是他支持的所有模型，比如说我现在想要连接 mini max 怎么办？你看我搜了 mini max， 这就海外版的和国内版，你点这个国内版回车， 你只需要在 mini max 官网把你的 api 密钥贴一下再回车。好，配置完了，没有其他步骤，不需要你配置什么 html， json， 什么都不需要，你只要把 api 可以 配置好。好，这是我又想配置字谱了，怎么整呢？还是一样的 c o m 嘛。回车，然后再从选择这个啊字谱的这个模型，你看我往下找，你看这有很多很多谷类的模型嘛，对吧？我们就从搜索 g l， 你看这时候我们只需要找到字母的模型，对不对？找到字母的模型，然后回车，你看再把这个 api 添进来，又配置好了，立马就配好配置好了，好吧，就这么简单啊，非常简单啊，就配置好了之后就可以直接使用了，不需要说额外的配置怎么节省之类的。好吧，好，我们可以看到它已经帮助我们开发完了，我们看效果啊，就是这个效果，我们打开试一下，那这时候它也建议我们直接打开，我们直接打开它， 哎，打开它，我们选择打开，好，可以看到，对吧？好，那我们来看其他的使用方式，比如说你可以通过这个 感叹号去执行一些系统层面的命令，比如说有些东西呢，权限比较高，对吧？那这时候我们就可以通过这个，哎，感叹号，我去感叹号执行这个效啊，也是一样的。那当然呢，我们可能还会去做一些计划，比如说我们不想直接开发做计划，按住 shift 加 table 切换成了 play 模式，比如我继续跟他说，哎，开发一个哎，学生管理系统，对吧？ 圆形图，对吧？没错，你看这个时候呢，在 play 模式的时候，它会干嘛呢？它会，哎，就是帮助你去分析一下，对吧？它会分析一下这个需求，你看类似于 ask 模式嘛，对吧？你看，比如说询问你想要什么类型的，比如说，哎，使用 html 加，就它会反问你，你可以这么理解哦， 他帮助你去做计划，好，那就这个时候你就可以去问他一些，给他回答了，就类似于一个 question 吗？回答，好吧，大概就明白。他就两个模式，很轻易的两个模式啊， build 和这个啊， play 模式。好吧， ok， 那 我们大概就明白了，第一个艾特方法是引用，第二个是执行改代码，执行系统命令，然后这个杠是执行斜杠命令。好吧， ok， 那 我们继续往下退出来啊，我们继续往下讲啊，我们先先让他结束啊， 我们先退出吧，退出一下吧。先直接给他退出一下，我们就退出一下，继续往下讲，回到我们这个 open code。 嗯，刚我们说了，对吧？那如果这个时候，你看我是不是打开了一个新的 open code？ 如果说我想回到之前的 open code 怎么办呢？斜杠杠 station， 你 看这个 station， 或者你看，这是我们之前所有的记录，那左侧呢？左侧呢？是我们的 整个对话的记录的列表名称，右侧呢？是当前对话的这个时间，比如说现在十点四十五，对吧？你选这个，你看，就回到了之前的这个界面，相当于一个历史的绘画嘛，对吧？ 哦，再往前走了，你看他可以选择复制这个框，选择 copy， 你 看就把当前的对话 copy 了一份。好吧，那如果呢？我们想要去哎，回到某一个节点，对吧？回到某一个瞬间，那你也可以选择去哎，回到某一个瞬间，然后呢？你去哎，找到这个地方，然后你看输入这个维度，然后直接给他回去。好吧，这没什么好讲的，就比较基础的一些常见的命令，包括我们的啊， 对这个 command 进行 review， 那 也是一样的。好，那我们整个 cloud open code 的 功能就讲完了，其实非常简单啊，就是一个呃终端工具，然后通过一些命令去控制，只不过它和 cloud code 最大的不同就是它支持所有的这种大模型，所有的主流大模型，你可以看到千问欧拉玛，包括 cloud code， 你 只需要配置一个 key 就 好了，其他东西呢，都不用管，你就可以直接使用了。你可以相当于它是一个大杂烩，类似于聚合了所有的模型，并且呢，每一个模型发挥出的效果都能和啊 cloud 的 一样，它也支持这个啊紫代理的模式，包括那个啊 cloud 的 最近新出的有一些插件的形式，我觉得很有意思啊，下一期视频我给大家讲一下，就是它的一个那个插件，我觉得挺有意思的，就是可以帮助我们去切换成不同的紫代理，每个紫代理呢负责干不同的事情，好吧。 嗯，包括这是 cloud openload 的 一些快捷键，好吧。然后你也可以去使用它的这个 ide 模式，这个 ide 模式就是说你在这边可以选择下载它的一个 g u i 版本，类似于我们的这个操作界面，类似于 cursor， 对 吧？你可以去点点点的方式。当然呢，默认还是建议大家使用这个终端的模式，我觉得这个终端的模式还是一个很不错的。当然 还有一个什么呢，给大家讲了，比如说我们当前如果说要去干嘛呢？要去出场的话，我们一会使用这个 in 的 模式，这个 in 的 模式就是说相当于给你创建一个路由规则， 在里面呢，可以去写你自己的规则，我当执行这条命令的时候呢，他会在左侧帮助你根据当前项目去创建一个，哎，规则会把你所有的这个记录呢，往这个规则里面写。比如说你的这个偏好啊，你的这种爱好啊，都会把你写到这个规则里面去。那这样可以帮助我们更好的去了解和熟悉这个项目。有点类似于这个。呃， curses 里面的这个露丝懂我意思吧？你看他这边会写，哎，你的规范是什么？你的包括你的风格是什么？好吧，那就本视频的全部有呢。呃，我是小刘，我们下期再见。

看好了，不登录、不绑卡，没有网络问题，国内顶尖模型免费用！打开终端，输入命令，敲下回车，立刻就能开始生成代码，这就是能力比肩 cloud code 的 同时，完全开源，完全免费，完全开放的 ai 编程界新星 opencode， 全平台支持安装使用超级简单，全部只需要这一行命令就可以完成。 mac 下还可以用 homebrew 安装。官方网站有非常详细的功能说明和完整的配置项列表可以供我们参考。 如果你不想看英文的话，也有这个中文站，有完整的官方文档翻译，可以帮助我们快速的上手使用。更加劲爆的是， open code 完美支持 cloud 的 agent， 直接把 md 文档复制过来，立刻就可以使用。 所以最最无敌的是社区还有这个 o my open code 的 插件，提供了开箱就可以使用的赛博研发军团。 看看这些真实的用户反馈，下一期视频，我来介绍一下他的详细用法。当顶级的工具已经免费并且极低门槛就可以使用的时候，决定你和高手之间的差距，就只剩下行动力了。不要收藏了，现在立刻马上就去把它安装起来，用起来！关注我，带你玩转 ai 编程！

今天给大家分享一个我最近使用的非常爽的一个编程工具叫 open code， 以及一个非常厉害的插件 o my open code， 它可以大幅提升我们的编程效率 以及出来的一个效果又快又好。那首先介绍一下这两个东西到底是什么？ 我之前拍过一个视频，对比了一下 codex、 cloud code 和 gemini， 我是 开了三个窗口，让他们去完成同一件任务。那你可以理解， open code 就是 在一个窗口之下，你可以保持上下文的连贯的情况下切换模型去使用， 算是一个 open one 的 一个工具，那它这里面集成了有七十五家的模型提供商，几乎你能见到的都在里面了，而且你可以接入你付费的模型，还可以用它的免费模型，比如说像智普的模型都是免费的在里面。那这是 open code， 它解决了我们多个模型之间来回切换的问题，以及工具的一个使用的习惯统一的一个问题。第二个欧曼 open code 就是 在它上面的一个插件，它的强大之处在于它的这种运行的模式，它有一个主控和专家团队， 主控就相当于是一个大脑，他接到你这个任务之后，把一个大任务拆成小任务那一个网站，比如说有前端有后端， 还得去找各种各样的文档材料，还要去便利你现在的代码，来理解你的项目结构等等，他会把这些交给最擅长的模型去做， 这个就非常厉害了。那以前我们只能什么？就像我之前开多个窗口，比如说要做 u i 了，我让界面来去做，要做架构设计了， 或者写后端了，我让 code x 去做，这就很麻烦，但是他把这个事帮你在背后全部做完了，你只需要告诉他我要做什么，就是这么厉害。那我们来看一下，简单看一下他的主控叫西西弗斯，他的专家系统，比如说像专门去查代码库的， 专门找外部文档的，专门做架构的，专门做 ui 的 前端开发的，他会把他们分配给不同的模型去做，这我觉得就是欧麦 opencode 对 我们真正使用的时候最强大的一点。 那我们快速看一下它的界面长什么样，中间这一块就是这个 opencode， 首先它可以切换模型，大家看一下 codex cloud 智谱，还有这个加密奶都可以切换，非常的方便。另外如果说 你还想去接入其他的模型，比如说你买了某一个模型提供商的模型，那你在这里直接做一个单点登录的认证就可以了，非常方便。我这里已经连接了四个了， 所以他在分配子任务的时候，他也只会分配给那些可用的模型，所以你在使用的时候得先把你这些模型都接进来。接下来你就很简单了，就跟他聊就行了，让他干什么活，他就自动帮你分配了。 那我个人使用下来最大的感受就是很省心，它会用到一些 cloud 里面，算是很高阶的这种使用，比如说 sub agent 子代理 或者 m c p 调用等等。打个比方，以前经常会用这个 context seven 这个 m c p 去查文档，那这里它自动会帮你调用。并且 open code 它是以这种 cloud 的 运行方式去运行的，所以 skills 在 这里面原声都是支持的，非常的方便。比如说您看 直接一个下划线，所有的 skill 都会列出来。好，怎么安装？那就很简单了，跑到它的官网去，这里会告诉你怎么安装。先把 open code 的 安装好，接下来在 open code 的 命令行当中， 自然语言告诉他，帮我安装好欧麦 open code 的 插件，一切就 ok 了，就这么简单，接下来就跟他聊天干活就可以了。好，那大家可以 去安装试一试，有什么问题我们在评论区见，希望大家用的很爽，效率、质量层层的往上升。

大家好，今天我们不讲概念，不讲趋势，也不讲压抑有多厉害。今天只做一件事，用一个完整的例子，让你真正学会怎么创建 skills， 帮自己全自动干活。你不需要是程序员，你只需要会装软件，会在对话框里打字。我们从第一步开始安装 opencode， open code 你 可以把它理解成一个可以对 y e 下达连续指令的工作台。打开 open code 的 官网，点击下载。安装完成后，打开 open code。 打开之后，先别急着点功能，我们要先创建一个 project， 这是一个非常重要的动作。 点击创建 project， 你 可以给它起个名字，比如我的第一个自动化项目。接下来我们要给这个 project 选一个大模型，在模型列表里选择 mini max m。 二点一，为什么选它？因为它免费， 中文表现稳定，对新手非常友好。选好之后，先别往下走。我们要先确认一件事，模型能不能用。 在 opencode 的 对话窗口里直接输入我一句话，今天深圳的天气，然后回车。如果模型能正常回复，哪怕回答的很简单，都说明三件事，第一， opencode 安装成功。第二，大模型配置成功。第三，你可以继续往下了。 到现在为止，你只有一个会聊天的大模型，但真正干活的不是模型，而是 skills。 skills 是 什么？一句话解释就是 skills 是 教 ai 怎么动手做事的能力模块。 现在我们来安装一些常用的 skills， 在 对话窗口里直接输入这句话，安装 skills， 然后回车。你不需要克隆仓库，不需要配置路径，不需要理解任何工程结构，你只是在告诉 open code 我 要这些能力。 skills 安装完成之后，你会看到有文档处理相关的 skill， 开发相关的 skill， 还有最重要的用于创建 skill 的 skill creator。 现在我们来测试下安装的 skill。 在 对话框里输入，使用 pdf skill 提取目录下 pdf 文件的内容。注意，前提是你的 project 目录里确实有 pdf 文件。如果 e i 能读出内容，说明一件事， skills 已经开始真正替你动手了。 接下来是今天最重要的一步，不是用别人写好的 skill， 而是创建你自己的 skill。 我 们要创建的 skill 目标非常明确。文档快速总结。 在对话框里输入这句话，使用 skill create skill 创建一个文档快速总结的 skill 这个 skill 获取文档内容后，按下面要求输出内容。提示词比较多，我放评论区了，然后回车。这课很关键， 你会看到 ai 开始做几件事，理解你的意图，生成 skill 的 结构，定义，输入，输出和规则。你没有写代码，但你已经拥有了一个属于自己的 skill。 现在我们把所有东西连起来，用一次在对话框里输入，使用 pds skill 提取目录下 pdf 文件的内容，然后使用 dsp 进行总结，然后回车。这一刻，你可以慢一点，看发生了什么。 pdf 被提取， 内容被传给你刚创建的 skill 总结，结果被直接输出。你没有复制粘贴，你没有反复操作，你只下了一条指令，剩下的全部我自动完成。到这里， 你其实已经学会了三件非常重要的事情。第一，大模型只是大脑， skills 才是手脚。第二， open code 的 价值不在于写代码，而在于把事情按顺序交代清楚。第三，当你能创建自己的 skill， 你 就不再只是使用者，而是流程的设计者。 最后说一句，今天这个例子只是一个起点，文档可以总结，那会议呢？邮件呢？日报周报？对账呢？答案是都可以，因为你已经掌握了最底层、最通用也最值钱的一种能力。用 skills 把重复劳动变成一次指令。 你只需要想清楚一件事，你每天最不想亲手干的事情是哪一件？看到这里我偷偷告诉你，视频里的提示词我都放到评论区了，感谢你的观看，帮忙点赞关注我，给个小心心，谢谢！

这是一个平平无奇的命令行窗口，输入 open code 回车，现在就激活了 ai 神力模式，把喜欢的视频链接粘贴到这里，然后输入帮我下载到本地，回车，现在他就会自动帮你下载这个视频了。 ok， 搞定了。 肯定文件非常杂乱，把文件夹路径给他，然后让他根据内容进行重命名，回车， ok， 同样搞定了。想要快速了解电脑硬盘相关信息，一句话即可生成可说话的内容供你了解。他能直接帮我们把该踏步上的项目部署到本地，我们只需要将项目链接发送给他，然后让他帮我们部署即可。 现在我们没有输一行代码，就把这个复杂的项目给部署到了本地，并且运行了起来。 而以上内容只是 open code 的 冰山一角，简单来说，只要你能在电脑上想到的功能，他几乎都能借助 ai 做到。而今天这期视频就教给大家如何把 open code 部署到本地，让你的普通电脑随时拥有 ai 神力。 打开 opencode 的 官网，它和 cloudcode 是 同一种产品，但 opencode 不 仅开源，而且对新手更友好，无需魔法也能流畅在国内使用，安装方式也更加简单， mac 电脑只需复制这里的命令到终端运行即可。 不过由于大家网络环境不同，使用命令行安装的话可能会遇到各种各样的问题，这里给大家演示一种通用的方式，点击右上角的 free 下载桌面端，选择你电脑对应的版本进行安装。安装到本地之后，你可以直接打开对应的桌面端程序， 但我还是建议大家使用命令行。打开文件所在位置可以看到，这里包含了 c o i 程序的，我们复制该文件夹的路径快捷键， windows 加 q 搜索环境变量回车，然后点击底部的环境变量，然后在下方系统变量中找到 pass， 双击 点击新建，然后将路径粘贴进来确定，然后打开一个新的 c m d 窗口，输入 open code。 刚 c o i 回车，出现这个界面就代表成功打开了。 你可以简单理解为现在通过命令行 ai 就 能全权操作你的电脑了，那为了保险起见，一般都是让他去操作指定文件中的文件。方式也很简单，打开对应的文件夹，右键在终端中打开。 现在里面的文件都是乱码的形式，但是里面的信息很明了，我们直接在 open code 中输入获取图片中的内容，按照图片中的信息重命名，这里 open code 就 会自动帮我们完成整个文件夹所有文件的重命名了。 这个效果你给几分？如果平时还用 opposite 的 话，可以将这个项目文件下载到 opposite 中。给 opencode 添加画图的 skill 技能啊，这也是最近比较火的 ai 名词，然后它就能给你绘画出各种可识画的图片了，这要比纯文字的内容清晰多了。 不仅是这样简单的操作，比如这是一个非常实用的在线网站，同时也是 get up 上的一个开源项目。虽然项目文档给到了清晰的部署步骤，但都 ai 时代了，直接把链接丢给 opcode， 让他给我们部署到本地。 因为我安装了 dork， 所以 让他使用 dork 的 方式部署，他这里就会自动查看操作文档，一步步帮忙部署，全程不需要我们介入， ok， 部署成功了，在浏览器中打开看一下， ok， 成功了啊，我们随便点击一个测试一下功能啊，也完全没有问题。 怎么样没有输一行代码，三分钟内搭建了一个实用的工具箱。当然 get up 上好的项目实在是太多了，小伙伴们可以自行搭建其他有意思的项目分享在评论区啊，这么实用的操作都分享给兄弟们了，要个免费的点赞不过分吧？当然， open code 能做到的功能实在是太多了， 小雨这里就不再一一演示了。 open code 相当于 cloud code， 不 仅功能更丰富，而且配备了更多免费的模型。开箱即用，无需进行额外的操作。数 models 即可查看支持的模型。带有 free 的 就是免费的，你可以随意切换成自己想用的模型。 而且 open code 配备了非常详细的操作文档，想进一步了解的小伙伴可以自行查看 免费的模型。已经可以完成百分之九十九的操作了，但说不定明天或者下个月啊，就没有免费的了。所以如何配置 api k， 使用更强劲的模型呢？这里以国内的智普和国外的最强编程模型 colloud 为例， 如果你不在本地开发大模型编程的话，其实国内的模型已经完全够用了，而且更加便宜。来到智普 ai 开放平台 登录，来到首页，如果你只想白嫖的话，那么进行实名认证之后，就会赠送你大约两千五百万的 token。 如果免费的不够用的话，大家可以选择自己合适的套餐购买即可。然后来到 api k 界面，新建一个 api k， 然后复制， 重新打开一个命令行窗口，输入斜杠 connect 回车，然后输入智普搜索，选择智普 ai coding plan， 把 api k 复制到这里来提交，选择四点七模型，现在就切换成我们购买的付费的模型了。除了输入 api k， 还可以直接连接本地的 cloud pro， 在刚才的 connect 菜单中找到 ospec， 然后选择 cloud pro 复制这个链接，在浏览器中打开啊，就会得到 cloud code 验证码，复制粘贴回到终端中即可使用了。 ok！ 以上就是本期视频所有内容， 如果视频对你有帮助的话，记得点赞投币加关注，我是小雨包，爱用通俗语言解锁 ai 前沿干货，我们下期再见！拜拜！

好朋友们，今天给大家来分享一下最近大火的这个一个开源 ai 编程工具 open code 的 一个实战啊。今天主要想实现的一个功能呢，就是我们在自己不动手写一行代码的情况下， 通过这个 ai 来帮我们生成一个可以自动生成个人简历的一个网站。下面具体说一下操作步骤啊。首先第一个我们先让 ai 帮我们生成一份需求文档，然后第二步呢就是让 open code 根据我们生成好的这个需求文档来就开始制作对应的网页了。 第三步，这个网页做好之后，我们就可以去打开网页使用体验。第四步呢就是我们发现问题改 bug， 然后优化功能。第五步呢就是不断的重复三四步，最后呢直到我们的产品可用为止。 最后一步部署上线，这步呢其实不是必须的，如果你想把你的这个网站分享给其他人，比如说让你的朋友能在线上也用的话，那你可能需要一个部署上线。然后下面再说一下我们前置环境需要准备哪些内容。 首先第一个就是 ai 编程的这个 open code 的 这个工具了，第二个呢就是 node js， 这是一个运行环境。然后第三个是一个代码编辑器啊，这里推荐大家用这个自己顺手就可以了，这里面的话我现在用的是 vs code 啊。 第四个呢是版本控制，通过这个版本控制呢，每次 ai 生成代码，我们测试完它可用之后，我们就把它作为一个版本保存起来。第五个就是我们需要接入一个大模型来帮助我们去做这个语义的分析，那在我们的网站当中呢，实际上两个地方可能需要用到 ai， 第一个就是这个 ai 一 键录入， 就是它通过我们录的这个基本信息给它转移成下面这种结构化的数据的时候，这也不是需要 ai 来帮我们做解析的。然后第二个地方这个工作经历，项目经历的一个润色啊，大概是这么两个地方可能会用到 ai， 那 我们来到 deepsea 平台呢，可以从这个 api 开放平台进入， 这里面的话需要大家自己注册一个账号啊，然后去充值一点点 money 啊，这里面的话其实大家不用多啊，就十块钱就够了。好，以上呢就是我们这边前置必须要准备的一些环境吧，那么接下来呢，我们就进入这个实战环节。 好，我们接下来进入实战，然后我们先看一下我们一开始定的这个操作步骤啊，第一步呢是让 ai 生成一个操作步骤啊，第一步呢是让 ai 生成一个需求文档，然后我平时用拆 gpt 给大家展示一下， 我们可以直接问 ai， 就是 说我想用 ai 做一个个人简历的网站，最后生成 pdf 格式，这个我们一起探讨一下该如何实现。 好，我们可以看到啊拆 jpg， 他 给了一些参考意见啊。最后呢，我们直接让他把上面说的这些内容呢生成一个需求文档。好，根据上述内容生成一份需求文档，该文档可以用于让 open code 直接开发网站。 好，现在呢我已经把拆 gp 生成的这个需求文档给粘贴下来了，把这个文件呢保存到我们的工程目录下。好，这个 ai resume 呢，就作为我们整个网页开发的一个项目工程的根目录了，然后我们把刚才的这个需求文档呢保存到这个目录下。 好，接下来我们就打开我们的终端，然后先进入到刚才我们建好的工程目录里。进入到工程目录里之后呢，我们就输入 open code。 好，现在这个界面呢，就是我们的这个 open code 的 一个开发界面了，这个对话框呢就是平时我们跟 open code 交互的一个入口。然后 open code 呢提供两个模式，一个是 build， 一个是 plan， 我 们可以通过界面上的这个 tab 按钮 tab 来进行一个切换。 build 模式下呢， open code 可以 直接对我们的代码文件进行操作。然后在 plan 模式下呢， open code 是 没有权限去操作我们的文件呢，可以在 plan 模式下先去跟 ai 探讨我们要开发的内容是什么，对齐一些问题， 然后在这个最清楚之后，我们可以切换到 build 模式来让这个 ai 真正的进行这个开发。另外呢再介绍一下 open code 的 一些常用功能，嗯，我们输入这个斜杠之后，可以看到 open code 内置了这么多的命令， 然后这里面所有的这个命令的用法呢，在这个 open code 的 官网都有介绍，这里面我只介绍一下我们这次会经常用到的。 第一个是钢六，钢六呢大家可以理解为平时跟这个 ai 对 话的时候，我们新开启了一个对话框，这样的话呢，我们就保证说每次处理某一个问题的时候，只在一个这个对话框里面解决，如果在一个对话框里面我们处理了过多的问题，这就会导致这个越到后面上下文越长，然后后面的问题呢，他处理的不够精准。 第二个就是这个杠 models， 我 们选择这个 models 进来之后，可以发现 open code 已经对接了常见的这些大模型的接口。然后现在 gm 四点七和 mini max 二点一呢是免费的，这两个呢都是国产里面编程表现不错的大模型。 然后我们现在选择 gm 四点七来进行一个演示。现在我们因为是刚刚建好了工程目录，但是我们还没有在里面去创建我们的 git 仓库。嗯，熟悉 git 的 同学呢，你可以直接用 git 的 命令去出手化仓库。如果你不熟悉 git 的 话呢，其实可以直接让 opencode 来帮我们去做这个仓库的出手化， 你可以直接告诉 ai 在 这个目录下出手化 git 仓库回车。好，我们看到现在这个仓库已经被出手化完成了， 这里呢我们可以看一下啊上面的这个这一行呢代表的是当前这个任务的一个介绍，然后下面 context 呢是 呃标明我们当前使用了多少 token， 然后已经花费了多少钱，因为现在我们用的这个 api 都是免费的，所以说这个钱呢都是零元。然后这个 lsp 呢，它是一个语言服务器的协议，这个的话主要是帮助这个工具能更好的识别我们的一些代码，然后我们打开 vs code， 找到刚才我们的这个呃工程目录。 接下来呢我们就让这个 ai 去读取我们的需求文档，然后进行一个开发，我们打开一个新的对话框，首先呢我们切换到 play 模式，让 ai 呢先去读取我们的需求文档，然后让它对这个需求进行一个分析，有问题的话呢，先跟我们确认， 这里的话，我们可以用艾特这个命令，然后加上我们的文件名来选举指定的文件，这样的话可以让 ai 直接去读这个文件的内容，读取这个需求文档，分析需求，并规划如何开发，有问题向我确认。回车，我们让 ai 先去看一下我们的需求。 好，我们看一下，现在 ai 向我们提出了一些问题啊，我们把这些问题来解答一下， ai 服务使用的 apikey 如何配置，这里面的话我们使用的是 deepseek， 然后关于 apikey 呢，我们需要到 deepseek 的 后台去申请， 打开我们的浏览器，来到 deepseek 的 这个后台，然后点击这个 apikey 的 这个面板，在这里面的话，我们可以申请自己的 apikey， 点击创建 apikey， 我 们可以起个名点击创建。 这个时候呢 deepsea 会给你一个专属的 apikey， 大家把这个 apikey 呢复制下来，后面我们来跟这个 deepsea api 进行交互的时候呢，是通过这个 apikey 来识别我们的这个账号，识别我们的身份的， 当然大家这个 apikey 呢一定要保管好，不要让别人知道你这个这个 apikey 的 铭文，如果别人知道的话呢，他就可以来使用你的这个账户里的这个额度了，然后我们把这个 apikey 复制，复制出来告诉 ai 我 们的 apikey， 同时为了让 ai 更好的去调用 deep seek 的 接口，我们可以把 deep seek 的 这个呃接口文档 啊，把这个地址给到这个 ai， 这样的话它后面就可以读取这个网页，然后来进行更好的开发。第二个问题，后端架构，我们直接使用这个 api roots 就 可以 pdf 导出库。呃，推荐使用哪个，我们就先用第一个吧。第四个问题， nice 点 gs 版本 使用 app router 还是 pages router？ 然后这个问题呢？因为我对这个 nice js 也没有那么熟悉，所以这个问题我们可以问一下 ai。 然后第五个问题，数据持有化，我们暂时先不需要做数据持有化。 工作项目经历，新在 mvp 阶段只支持一条工作经历和一条项目经历，是否支持多条啊？还是支持多条吧，因为我们做简历的话，每个人的工作经历跟项目经历可能就是会有多条嘛。第七个问题，呃，这个的话，我们就用逗号风格吧， ai 改写的范围是指改写工作经历还是项目描述？也加上， 嗯，都加上。好，我们回车。因为第四个问题我们没有确认啊，所以说等待 ai 的 一个回复。好，我们可以看到 ai 推荐我们使用 app router， 那 我们就使用 app router， 然后我们切换到 build 模式，跟他说一下使用 app root。 好， 接下来呢，我们就等待 ai 的 一个开发操作。好，我们可以看到右边呢，这个已经列好了。图图，像这么多，这个事项需要 ai 去处理，等它处理完呢，我们第一版的网页就可以去访问了。 好，经过这个九分钟的一个执行，现在 ai 已经帮我们把第一版的网页生成完了，然后他提示我们说打开这个地址就可以使用，可以看到我们这个网站已经正常的能展示出来了。 然后我们看一下现在页面比较简陋啊，这个没关系，我们后面可以慢慢调，现在主要看一下这里面的功能是不是符合我们的预期。我们先把这个简单的信息填写一下，然后我们试一下这个导出 pdf 这个功能啊， 点击，哎，好，我们看见这里面爆了一个错，嗯，这个错稍后我们来解决一下啊。然后我们再看一下这个 ai 描述这一段，我们先看看 ai 优化这个功能好不好用，点击优化， 哎，现在我们可以看到这里面的话，这里的这个文字应该是已经被 u i 给优化过了。好，我们再试一下这一段，哎，好的，现在应该是 ai 的 这个调用是成功了，然后我们看一下这个 pdf 导出这里面是存在一些问题的，然后我们点开这个错误提示， 嗯，让 ai 呢去把这个错误给解决一下，我们把这个所有的错误给它复制出来，然后回到 open code 进一个新的窗口，导出 pdf 存在报错排查一下，然后我们把刚才所有的错误信息粘贴到这里面， 让 ai 去排查一下问题。好，现在 ai 呢给出了一些解决方案，然后我们可以看一下它，让我们这个推荐用方案一来去解决，那我们就直接采用方案一， 然后在这之前呢，我们先回到 vs code 里来，我们把刚才之前已经生成好的这些文件呢，我们先做一个版本的一个提交，点击这个按钮，然后我们在这里输入一个备注，来表明我们当前这个版本是干嘛的，点击 commit， 然后所有的文件我们都需要给它提交上去，好让大家可以看到，这里面就多出了一个输入法网站的这个版本。然后这个时候我们回到 open code， 切换到 pu 的 模式，然后跟 ai 说采用方案一解决，直接让 ai 修复一下我们 pdf 无法导出的这个问题。 好，现在 ai 已经改白了，他说我们可以刷新界面，然后尝试导出 pdf， 应该就可以了，我们回到网页里来刷新界面。好，我们先录这么多啊，然后再尝试一下这个功能。哎，我们现在可以看到啊，已经能够导出了，我们就直接把它保存一下。 哎，看到没？我们现在已经是正常的打开我们这个 pdf 的 这个文件了，但是这里面还是存在一些问题哈。嗯， 下面会多出一个空白页来，然后这个问题我们记一下，一会也让 ai 给我们解决。然后另外呢还有一个问题啊，就是我们的这个 pdf 看起来好像不是很清晰，然后这里面的字呢，也没有办法，就是直接选中复制。嗯，这两个问题需要让 ai 帮我们解决一下。 第一个我们导出的 pdf 文件呢，多了一个空白页，第二个导出的 pdf 文件不够清晰，且没办法选中文字，然后让 ai 排查问题，提出解决方案。 好，这个时候 ai 呢它已经找到问题了，然后它下面呢给出了几个解法，我需要我们去抉择一下，我们就使用它推荐的第一个吧，使用 react pdf。 好，我们看到啊，现在这个，呃， ai 呢，已经帮我们把这个新的生成 pdf 的 插件的这个代码生成好了，然后我们来测试一下。好，我们回到网页里来，我们点一下导出 pdf 测试一下， 哎，我们可以看到现在这个简历已经能够正常显示出来了，然后这个清晰度呢也是符合我们的要求的，这里面的这个文字呢也是可以去这个复制粘贴的。好，那么接下来呢我们继续来调整，我们可以看一下啊，就是新的，我想实现一个什么样的功能呢？ 每次大家自己手动来打这个，呃，项目经历呢是比较麻烦的，我现在就想能不能就通过一个 ai 一 键录入的方式，就是我们在这个地方呢放一个输入框，然后我们可以把我们所有的相关的信息呢都直接一股脑的输入到这个输入框里， 然后我们让 ai 呢帮我们解析出来并润色简历，最后呢都给它自动的塞到各个这个模块里面来。 好，我们来让 ai 实现一下这样的一个功能。好，我们先把我们的需求简单描述一下，就是在网页左侧上侧 呃新增一个输入框，用户可以输入全部个人信息，然后提供给提供一个 ai 一 键解析的按钮，把用户输入的内容让 ai 进行解析，并把解析出来的内容直接填充到对应的各个信息模块里。 接下来呢我已经准备好了一份让 ai 生成的一个模拟简历啊，然后去供我们去测试，这个简历大概就是长这个样子，我这是让 ai 帮我来自动生成的，然后呢我的目标呢就是让 ai 去完整的读取这样的一个内容， 然后他就能把这里面所有的基本信息自动的填充到我们的这个网页里来，然后我的这个需求里面再加上一句话吧，用户个人信息的测试文件是章程个人简历，点 t x t， 然后这个的话一会让 ai 去读取这份个人简历，让他根据这个去构建他的代码，新建一个对话框，切换到 play 模式，把刚才我们的这个需求粘贴进来，你先分析一下需求，然后规划如何开发。 好，我们可以看到现在这个已经执行完成了，然后我们访问一下网站看一下。哎，我们现在可以看到现在这里面出来了一个 ai 一 键解析简历的一个板块， 这里面他让我们粘贴这个人的工作啊，个人的履历信息。好，我们把刚才我们准备好的这个个人信息给粘贴一下，复制，然后回到网页里来粘贴，一键解析。 好，这里面提示在解析中，我们等一下解析后的结果。 好，我们看到啊，点击完确认之后，我们可以看到，呃，我们的这个内容呢，呃，刚才我们输入的这个信息呢，已经被填充到这个各个模块里来了，我们可以检查一下。 嗯，这就是我想要达到这个效果。当然了这里面这个职位是空缺的，是因为我们原来就没有给我们看下右边这个效果。嗯， 我们还是把每一段的这个看一下工作经历能不能优化一下。好的，我们现在已经让 ai 帮我们把这个所有的这个内容都优化了。然后现在还有一个比较呃重要的问题啊，就是我们的这个简历里面好像没有这个上传照片的功能， 我们呢让 ai 呢在左边去新增一个照片上传的功能，这样的话我们就可以在简历里显示自己的照片了。 好，我们先给 opencode 提一个计划。 好的，我们看到现在照片上传的功能已经完成了，然后我们打开网页去检查一下，点击上传照片 选择，这也是我用这个 ai 生成的一个虚拟的小姐姐。好的，我们看到啊，就是我们当这个上传照片之后，它就已经在右边进行显示了， 然后我们再去测一下这个导出 pdf 的 这个功能，当然这个名字它有点歪啊，样式的一个问题，我们后续再调整一下。嗯，这里存在问题啊，就是在我们导出的时候，这个照片并没有被导入进去，这个需要 ai 来帮我们去解决 好。导出 pdf 的 时候照片并没有被导出，先排查一下问题。好，现在 ai 告诉我们已经修复完了，我们重新打开网页去检查一下， 这里面的话我们给它起名是杠六，我们看一下。好，现在我们可以看到啊，这个简历里面的照片呢，已经可以正常显示了，这就是我们这个一个修改后的一个效果。 好，以上呢就是我们出版的这个用 ai 生成一个网页，让它帮我们自动生成简历的这么一个功能。网站的整体的一个功能呢，其实现在已经可以初步可用了。 然后今天由于时间关系，就给大家分享到这里，后续如果持续优化的话呢，首先这个界面这个样式需要再重新调整一下，把这边这个布局呢稍微的去设计一下，现在这个带着滚动条，看起来呢非常不方便。 然后右边的这个 pdf 呢，它的这个一个样式的排版呢，其实我们也可以再去调整一下，包括这里面可能缺失了，现在是有一个校教育的背景，可能没有哈，我们其实都可以通过 ai 呢，让他把这个功能加进来。 另外呢后续我们这可以去做一个模板切换的一个功能，我们可以通过同样的一个简历内容呢，经过这个模板的切换，然后可以达到直接输出不同的这个简历样式的这么一个效果， 这些功能呢通过跟 ai 的 交互，理念上都是可以实现的。好，那今天呢，对这个最近比较火热的 open code 这款 ai 编程工具的分享呢，就到这了。另外的话呢，也看后续大家的一个需求 啊，可以给大家分享一下，就是像这样一个网站，我怎么样给他去部署到上线上，让其他人呢通过这个域名来访问我们的这个网站。好，那今天的分享就到这里，大家有什么问题的话也可以在评论区互动。

大家好，我是 kate。 最近呢 skills 比较火，我呢，早在 ossopek 正式推出 cloud skills 之前，就在官网上发现他当时已经用到 skills 来做报告表格， ppt。 后来我还专门出了一期视频，详细介绍了 crowd skills， 我 呢，当时找到了啊 episodic 官网上所有关于啊 skills 的 文档，然后做了一期详细的视频，其中最重要的一篇呢，就是 skill 的 编写最佳实践， 待会我会再带大家回顾一下这篇最佳实践。我们看现在很多 ai 编程工具呢，都有用到 skills， 大家可以在这里截下图。 crowd 的 skill 呢，最先推出来的它的项目级还有它的用户级配置呢，是非常好记。 而呃 curser 也是比较好记的，因为它前面呢都是 curser 的 这样一个目录。而 open code 呢，我们看到这里会稍微有点区别。 在用户级别的话，这里有一个点 configure。 谷歌呢，它既有 demo c o i， 还有谷歌的 anti gravity 啊，这两者稍微有点区别，大家可以了解一下。今天我将介绍一些呃 skill 好 用的工具和一些好用的 skill。 首先介绍的是 versa 最近开源的 adskill， 它呢非常好用， 支持多个平台，我们看这些主流的平台它都支持了，现在呢，我来演示一下。在中端里输入命令， 它会呃克隆一下仓库，可以通过空格来进行选择。那我先安装一个 web design 呃 guidelines， 再接着它呢，是有多个 ai 编程工具默认选择， 那我假设我这里只要安装啊 open code， 那 我就可以将其他的通过空格呢都取消， 接着选择 enter， 接下来还可以选择是项目级别的还是局，那我选择局，让它进行一个安装，最后安装好呢，它会告诉我安装到哪里了，点开之后就会看到左侧这样的一个 scale 文档，它支持多种方式安装， 你可以直接呃给到这样的一个仓库名称，或者是完整的 gitlab url， 那 你也可以给它非常详细的直接的目录，而且呢，它支持多个快捷参数。有一个 skill 的 市场，它呢是收入了六万多的 skill， 大家有兴趣的话可以在里面看一下， 我个人比较推荐在 gitlab 里面呃，搜索你想要的关键词加 skill， 会有一系列的仓库， 你呢就可以啊，仔细观察看看有哪些比较适合你。再来推荐几个最近非常好用的 skill。 第一个是 versa 最近推出来的 agent skills， 它将 react 的 最佳实践，多年的一个经验 都放在这个 skill 里面了。第二个呢，是啊， expo 最近官方开源的 skill， 可以 帮助你去构建调试 expo 应用。第三个呢是上下文工程管理的 agent skill， 这些都是值得大家花时间去探索的。还要推荐一下 hackin face 的 skills， 它呢是针对啊 ai 还有机器学习的任务，可以帮助你下载模型数据集， 模型评估，可以帮助你训练微调模型，构建脚本等等。 obsidian 的 ceo 呢？最近推出来的 obsidian skill 也非常好用， 它推出来的三个 skill 里面呢，有一个是呃，是关于 jason canvas skills 的， 可以帮你生成非常好看的画板内容，如果你是做苹果相关的开发的话，一定不要错过这样的一个 skill， 它呢，这里内容特别多，基本覆盖了苹果开发的方方面面， 非常详细，绝对是让你事半功倍的。再来看一个非常特别的 skill 工具，它呢，可以将文档网站 get， 把仓库还有 pdf 转化成呃， crowd skills， 它可以自动抓取多个来源，然后深度分析， 检测冲突，最终组织文档。即使是简单的 skill， 我 也是非常推荐大家下载下来。呃，让 ai 运行之后，要盯着看它的 skill 运行中出现了什么问题， 要根据你电脑的一些实际情况，或者你自己的一个实际需求，让让 ai 帮你去啊更新 skill。 比如说我从网上下了一个 youtube 登录的 skill， 它的 skill 里文档里呢，写明的保存路径呢是 mnt。 虽然说每次 ai 它跑到这里呢，它识别出这个路径只能只读不能保存，它会想办法将下载后的文件呢改放到别的路径里去。但是这样的话，对 ai 来说的话，第一浪费它的 token， 第二的话，嗯，处理时间也会增长了。 所以的话，呃，需要你去观察一下这个 skill， 然后你就可以提示它让它去修改。呃，你你喜欢的一个路径，修改后的 skill 的 话，是会更匹配你的需求。再看一下官方 skill 啊编辑最佳实践 会，可以让我们的 skill 写得更好。第一个原则呢是简洁是关键。我们在做一个新的 skill 之前， 默认假设呢是 cloud 已经非常聪明，关于 pdf 的， 那 cloud 肯定知道 pdf 是 做什么的，它有哪些工具，就不需要再跟它解释一下用哪个库来处理。第二原则是设置适当的自由度， 我们可以使用一致的命名模式，让 skills 更容易引用和讨论。缩缩略官方建议是将 skills markdown 文件正文保持在五百行以下。缩缩略是建议避免深层嵌套的参考， 保持参考一级深度。所有的参考文件呢，直接从 skills markdown 链接，以确保 crowd 在 需要的时候读取完整文件。对于超过一百行的参考文件呢，在顶部包含目录。对复杂任务呢，使用工作流， 先是指示它复制，然后这里有个任务清单，给到代班事项之后。步骤一，什么步骤二三四五最好最有效的 skill 开发流程呢？就是和 cloud 一 起迭代开发。 先要求 cloud a 创建一个 skill， 审查它是否简洁，还可以让它改进信息架构，之后使用 cloud b 在 相关用力上使用这个 skill， 然后观察 cloud b 是 遇到困难或者遗漏了什么，再返回让 cloud a 进行一个迭代。我们可以观察 cloud 如何导航 skills， 它是否以你没有预料到的顺序读取文件，错过一些重要的参考，还有对某些部分的过度依赖，或者是忽略一些内容。即使是在 windows 上面的话，也是要改成 这种正斜杠，除非必要，不要给他太多方法让他选择这下方呢，有一些有效 skills 的 检查清单， 对于不需要代码的 skills 呢，我们可以提供一个清单 code， 可以 将它复制到响应中，并且进行检查， 让他研究。还有一个原则非常重要，就是让他创建可验证的中间输出，这是一个示意，先是给他了一个脚本，让他去做一个提取，然后呢提示他这样的一个输出。 还有一些小细节非常重要，你对确定性操作呢？优先使用脚本，如果你的 skill 使用 mcp， 那 就要在 skill 里面去设置一下，让他要找到工具。 我们看这两个例子呢，左边它其实都是 m c p 服务器的名称，右边是这个 m c p 对 应的工具，将它们这样连接起来，这样它就不会出现找不到工具的错误。还有个细节是避免假设工具已安装。