本视频耗时四十分钟,将会全流程带你演示如何利用 codex 开发一个全栈小程序,从前端后台数据库深度体验 codex 的 编程能力。那么今天开发的案例是图片编辑工具箱, 这个图片工具箱一共有七个功能,分别是图片加水印、九宫格切图、图片拼图、压缩图片,图片转 pdf、 pdf 转图片,以及最后的一个图片编辑功能,以及还有我的页面的会员功能和它的支付功能全流程的展示。好的,废话不多说,接下来我们开始吧, 一个真正的商业流程。在所有的项目开发之前,我们都需要讨论出一个初步的需求文档,像这个样子,项目定位,项目结构,还有这个历史,还有这个核心功能,这个功能有哪些功能,能有哪些按钮,然后这个操作流程什么样子,然后全部定清楚, 然后把我们刚刚的需求文档直接发给 codex 就 行,然后需要他阅读一下我们这个需求文档。像这样子, 当你和 codex 把这个需求文档讨论清楚并且对齐之后呢,可以发一段这个提示词,请根据我的需求生成文件。首先是项目的 ajax 点 md 文件,要以 ajax 点 md 加 sq 的 方式来推进项目,然后吧啦吧啦吧啦这一段可以直接复制招财就行了。然后可以打开这个计划模式,点击发送, 然后呢,它就会给你生成一份这样子的一个需求文档。你看一下这个计划模式,点击发送,然后呢,它就会给你生成一份这样子的要求,如果符合的话,直接点试。实施此计划, 我可以看到他已经帮我们把各个文档生成好了,首先是这个 a 型点 m、 d, 还有我们这个阶段文档零一二三各个阶段该做什么,不该做什么,还有我们这个 q 文档, 然后有这个文档之后,才会让我们后面的开发更加的顺利,然后更加的标准化,这一步是非常重要的。然后呢我们直接发一段这个提示词, 就这样子的可以看一下,当你发完这一段提示的时候呢,他会直接给你发一个提示词,直接把这个提示词复制之后,直接去新建一个新的话,把这个提示再给粘贴进去就可以了, 然后他正在处理当中,然后呢他就会帮你把这些该运行的给运行好,然后你要自己要去这个微信开发的工具或者 hpv 的, 你们去检查一下,看检查一下有没有,有没有什么包错,是否能预览正常,如果不行的话,就像我这样子直接截图发给他, 截图发给他之后,然后他修改改改改改好之后,改好之后呢直接问他下一步该做什么?然后我的预设是已经做好了,预设做好之后什么时候放进去, 然后就就是这样子的,然后我们根据他给的顺序一步步来做。首先第一步在微信开发者工具里把这个时间电路测试一遍,然后测试一下, 点击这个,然后点击选择图片,选择图片之后呢,然后就是水印切换一个字,在这里我们可以把字号选大一点,然后透明度可以调高一点,选面角度也可以调一下, 但是呢我想他拖拽的时候就能实实时有演示,然后我们把这些问题全部交跟他说一下,然后让他进行一个修改,然后这是我的题词,大家可以整体看一下,然后他说他已经修改好了,我们去检测一下,点击这个图片加水印,然后选择图片, 然后看,先尝试一下这个拖拽,嗯,拖拽修改好了,然后这个字号,嗯,确实边拖边有实时结果,然后这透明度确实,然后这是旋转角度 都没有问题,然后点击这个生成并进入结果页面, ok, 那 这一个功能闭环就完成了,我们接下来进行下一步开发, 然后可以这样跟他讲一下,下一步是继续开发剩下三个工具,还是说把我设计好的 ui 给他,让让他开发 ui, 然后 ok, 他 是这样回答我的,他说现在需要把我的 ui 直接丢给他,然后让他根据我的 ui 框架,然后继续开发,然后接下来我把我的 ui 直接丢给他, 然后我直接把我已经做好的二十五个页面的代码直接给他,让他帮我进行一比一的开发。然后其实是这样子的,可以看一下, 然后下面就是复制了我的这个 ui 代码,然后这会是一个大工程,时间会比较久,然后他已经帮我运行完了,运行了四十六分钟,可以看一下,然后我们去检查一下,嗯,已经差不多把我们的真实页面都接入进去了,然后点一下测试一下, 发现他没有做这个返回箭头,无法返回,还有就是没有一个底部的导航栏,其实问题不少,没事我们一一给他反馈,让他修改就行。然后这是我刚才讲的底部没有看到导航栏什么原因,然后所有二级页面吧啦吧啦吧啦吧啦可以看一下, 然后他们在调整, ok, 经过不懈的努力,然后现在把这个页面整的打出来了,然后我还一点跟大家强调一下,就是修 bug 的 时候,我建议大家用这个五点五高,哇,真的非常好用,五点五非常好用,好,我们继续回到这个页面,我们点这个图片加水印, 然后随便上传一张图片,比如说就上传这张图片,然后这个是可以支持这个颜色调节和这个不透明度的调节,然后这个位置的选择可以这样这样,这样,不仅如此,还可以用手来拖,都是没有任何问题的,还可以选调成这个旋转的角度, 还可以选择这个大小,然后点击确定就可以保存。然后我们回到 codex 啊,因为我们前面给它规定了三个阶段,我们现在做到我们把这个 ui 开发完了,然后第一个功能做完了,那么我们这一个阶段还剩哪几个步骤?问询问一下它, 那么问完下一步该做什么时候?然后他回答我们要优先做这个小程序的全量预览排查,然后我再问他,我们还是什么没做,那我们就只需要根据他的指示来一步步的完成就行了,非常非常简单。然后呢我们需要右键它点击这个新建派上到新公式。 经过一系列对话之后,他已经帮我把两个功能的壁环做好了,一个是这个图片加水印的功能壁环,还有一个是这个压缩图片的功能壁环。做完之后呢,要提醒他做好工程管理给他看,给他讲一下, 然后他会给你出一系列方案,然后你再跟他思考一下还有没有什么没想到的,就是做好工程管理 比什么都重要,然后他会开始做这个工程管理,然后我们现在等他工程管理做完。工程管理做完之后呢,我们要做下一个功能,这个九宫格切图,这个功能 因为我们这个目前是在工作树里面进行的,不是在本地进行的,所以说本地没有这些对话记忆,所以说我们要发一个这个提示词,请总结我们当前的关键角色,已完成部分 重要文件修改记录和架构思路,便于下次新会话直接加载。这一段话你们可以直接复制啊, 我们把这让它生成一个 markdown 文件,生成完成之后呢,我们回到这个本地,然后让本地读全面读我们这个 markdown 文件读完之后呢,我们开始命令它开发下一个功能。好在开发下一个功能之前,我们一样的要新建一个工作树,然后新建完工作树之后呢,我们开始给它写提示词, 好,然后题时就这样写,然后就说现在开始开发九宫格切图,这是闭环,然后吧啦吧啦吧啦吧啦吧啦吧啦吧啦,然后上传几张参考图给他,告诉他怎么做就行了,然后我们点击一个发送我们的第三个功能,终于反反复复的改,然后把它开发完了。 呃,就是我们这个九宫格切图功能,我们点进去,点进去,点进去之后呢,可以选各种模板,像圆形啊,还有爱心还是花边还是星边,我这边选个图片给你们看一下, ok, 图片选择好了,可以选择默认 或者圆形,或者爱心或者花边剪裁,然后剪裁完可以直接保存到相册,然后还有一个自定义的,自定义的模板,像做成长方形啊?还是正方形,还是说怎么样的?六格、四格、三格,然后圆角直角点开始切图,这样切完了 就这个样子,然后我们这个九宫格切图开发完之后,下一步我们要开发这个图片拼图功能,然后开发这个图片拼图功能呢,我们需要跟他讲这么一句话,请总结,吧啦吧啦吧啦, 可以看一下,因为我们现在目前的所有工作是在工作树里面的,并不是在我们的本地里面,我们需要现在需要回本地的话,需要发这么一段话,然后给本地看,然后它的 markdown 文件已经写好了,我们可以点击看一下,直接我们把它丢给 ai 读就行,复制一下 copy, 然后我回到我的本地,回到本地之后呢,发这样一段提示词,然后发给他,让他全面读取文档,然后他现在正在读取这个文档,等读取完之后呢,在本地有这个记忆了。然后我解释下为什么要这样做,因为我们要做好这个上下文的一个工程管理, 如果所有对话都集中在一个窗口里面,那很容易出现幻觉这样的一个麻烦。然后我们我就建议开一个像我这样一个 主对话,然后在每一个做每一个功能的时候,再派人到新工工作处,然后做好了之后再合并进来就行了,这样不会占用我们主对话框的一个上下文窗口, 可以按照我这个思路来,然后他现在已经把我们这个交界文案给读完了,读完了之后呢,我们需要问他一句话,就是我们下一步要做什么?就是为了测试他,他究竟有没有读取到这个记忆。如果他回答说我们下一步是要做这个图片拼图功能,就说明他已经完整读取到这个记忆了,我们就可以开始下一步了。 然后他回答我,下一步应该开发九宫格切图的政治闭环,但是我们下一步我们九宫格已经开发完了,我们下一步是要开发图片拼图这个功能,那么就说明,呃,这个 交接文档是搞错了,那么我们回到工作处去看一下啊,确实我犯了一个错误,应该是复制这个文档,复制成这个了。好,然后我们再把这个复制下来,发发粘贴给他, 弄错了是这个文档,然后然后把我们的新链接发过去,然后他读完了我们的新的交接文档。之后他回答我们这么一句话,现在下一步不是开发九宫格,而是图片拼图的真实壁环,说明他已经完整读取到我们的新记忆了。那么这个时候我们就直接右击, 右击新建,然后在我们的工作树里面继续开发那个图片拼图的功能。好,这边看到已经拍摄成功了,我们先把模型调一下,我,我开发都用五点五的,然后题,然后题词写好了,我们这样说,现在开始开发图片拼图功能吧,在开发之前先告诉我你会怎么开发,避免翻工。好,我们直接发送, 这就是他给我们的回答,然后我们要根据自己的情况去查看一下他的回答对不对,我看了一下,大概都是对的,然后呢,我写了一个这个提示词,这个提示词你们可以看一下啊,你们可以截屏自己看,我就不过多赘述了。这个是我语音输入的,然后我给大家讲这个提示词的目的是什么?目的就是避免反攻。 哎,我把几个逻辑的收口给他收紧了一下,比如说,呃,保存的时候要怎么怎么样,然后 预打的时候要怎么怎么样,就是收紧了一下,然后给他发送,然后再确认一次没问题之后就可以开始开发了。做项目一定要谨慎,不谨慎就很容易出 bug 好 吗?然后我们点击发送。 好的,这是他的结果,他已经给我开发好了,然后我去测试过,测试完之后呢,又遇到一些问题,可以看一下,总体来说是没什么大问题,都有几个细节需要调整,吧啦吧啦,就把我们遇到的各个问题,遇到各个问题直接发给他就行了。我推荐大家用这个语音输入,非常非常好用,我就用语音输入的,然后 等他这个修复完了之后,我们再去测试,又测试了几遍,有问题就直接给他就行了。 好,然后我给大家看看现在改完之后的样子,改完之后这功能就是这个样子的,点击这个图片拼图,拼图之后随便上传几张图片,这是两张不同的图片,可以这样横向拼接,也可以这样横向拼接, 这样子好,然后他这边已经帮我开发完了,就是这个图片拼图的功能,就这功能,但是呢,呃,我测试完之后,我遇到了 bug, 遇到什么 bug, 把 bug 发给他就行了, ok, 看这这个提示 就很简单啊,直接用这个语速说的,直接把你使用上的体验的阻碍和足点直接发给想看截图看一下,我还是那句话,有 bug 直接用自然语言给我描反就行了,然后改到最后给大家展示一下这个 这个图片拼图这个效果,点击进入,然后点击这个添加图片来,我们随便添加两张图片,然后然后这三张图片就已经添加好了,这可这个是横向排布的,也可以横向排布,像这样子也可以这样横向排布,然后的话单机图片也可以进行一个旋转旋转, 然后话也可以单点他进行一个像什么缩放啊,还有这个拖拽啊,还有这个删除和旋转之类的,然后把它转回去,然后像这样每张都可以操控的,然后还可以调整他这个边框颜色间距呀, 间距可以拉大一点,然后调个边框颜色都是可以的,然后还有这个横向拼图也是一样的。最后再给大家看这个模板拼图,模板拼图的话有这么多功能,这么多模板,像这个并列的垂直的 主次的,还有这样子这样子这样子这样子都有,然后还可以选择这个边框颜色,还可以选择这个比例是什么样子的,都是可以。如果选择好了,直接点击开始拼图啊,这个至少选择六张,选择一个三张的好,选择好了,我们直接开始拼图,拼图完成就可以直接一键保存到这个相册里面, 然后就可以了。我们这个图片拼图之后,我们还是一样回到 codex, 回到 codex 之后给他发这样一句话,就让他给我们一个可以直接 交接的 markdown 文档,那他就会给你生成 markdown 文档,等他把 markdown 文档生成之后呢,我们就可以回到本地了。回到本地之后呢,我们把这个 markdown 文档给到本地就可以了,然后我们等他把文档生成,我给大家演示一下哦,可以看到他已经帮我们把交接文档生成好了,我们直接复制它就行了。 然后回到回到北京之后呢,把这个交接文档发给他印度去辞交接文档,然后他目前已经给我输出结果了,然后他告诉我的意思就是说,目前我的第一阶段已经全部完成了,所有功能全部完成并还了,但是呢,只有当第一阶段 稳定验收后才能进入第二阶段,这说明我目前还不能直接开始开发第二阶段功能,我们需要做第一阶段的各种的检查和修复。好的,我们接下来开始这一步的操作吧,然后直接跟他说开始,然后直接跟他讲这几个字就够了,开始下一步, 然后发送。哎,然后他已经帮我们把测试给跑完了,然后有几个点是我们要自己要去人工手动测试的,然后这些我都测试是这个,然后我们直接跟他讲人工测试正常下一步开始开发什么,看他是下一步让我们直接开始开发第二阶段,还是说继续做测试怎么样的?直接问他就行了。 ok, 他 告诉我们下一步可以直接开始开发第二阶段了。好,那么我们把前面的那个交接文档直接复制下来, 复制下来之后呢,我们新建一个新对话,然后这个新对话就是用于开,用来开发我们第二阶段的一个主对话,我们需要跟他讲一下,然后直接问他全面读取这个文档,然后下一步开始开发什么? 虽然我们知道下一步是开发第二阶段,但是呢我们还是要等 ai 回答,我们看有没有差错,有差错再修改,没差错我们再开始开发下下一阶段,这个 这个是很重要的,因为要严谨,他读完之后呢,我们给这个新对话命一个名,就是我们以后第二阶段的一个主干了,第一阶段完成了,现在进入第二阶段,第二阶段他让我们下一步就做图片转 pdf, 然后我们先问他你会怎么做图片转 pdf 这个功能 怎么实现?然后我们直接点击一个发送,等他告诉我们他是怎么实现了,然后我们看一下是可以的,然后我们再讨论他是怎么把这个功能给打通,然后我们回答一下他的问题,我建议大家就选这个后者是我们第一把就讨论好的一个方案,然后直接告诉他, 然后我们选择了后者,我选择了后者,又给了我们关于后者的一些解决方案,然后我们就把这个方案需要自己审查一下,觉得没有没问题的,我们就直接右键他 派送到新工作处, ok, 我 们派送到新工作工作处之后,我们就在这个工作处里面去做我们的这个 ppt 转图片这个功能 啊,然后现在工作处已经创建好了啊,我这边给大家讲一下,如果说你在做这个项目过程中有任何不懂的地方,一定要告诉 ai, 告诉他他会给你一个非常清楚的方案和一个和一个解答。 我前面提到问直接方便一点,要不要连接上吧啦吧啦吧啦,就这这一段话,然后他直接给直接给了我一个方案,好,现在一切东西准备去准备开始开发这个功能了,然后我现在给他讲一句话,对,可以开始开发功能 空格,然后我们直接发这一段提示词就行了。然后我绑定的于服务空间,是因为他建议我现在就绑定于服务空间,然后我绑定了,绑定完之后呢,直接让他开始开发这个功能。我们先看一下第一版我们这个菜的 gpt 五点五它能给我们开发成什么样?直接发送, 刚刚中间有一段忘录了,然后现在 pdf 转图片这个功能已经开发成功了,然后我到后面开发的过程中我才发现,原来 pdf 转图片这个功能它是需要 需要调用 api 的, 在我们的本地运行上是很难进行的,或者说通过余函数来直接帮你解决,他是做不到的,所以说必须要调用一个 api, 然后调用 api 的 时候出了很多的问题,呃,然后报错也很多,你可以看一下 啊,像这种各种各样报错,各种各样报错,各种各样报错。哇靠,真的是,弄了一晚上就是,但是也没,但是其实很简单,就是把 所遇到的报错直接截图发给他就行了,非常简单。然后最后一次修 bug 的 时候,我是这样跟他讲的,可以看一下。好的,那就按照这个顺序全部修复,并且不要再反光了,修复要修复好, 然后中间最最关键的一句是这样子的,我告诉他,无论你消耗多少额度,都要记住,修复完要检查,不是虚拟查,是要做真实的测试,真实的去给他发请求,他能不能给你返回结果,你去真实的调用一下 api。 反复测试这一段就是告诉他, 让他不要修完,直接把结果递给我,而是说他一直去测试,测试不对就继续修,然后这段提示发过去之后,然后他就运行了三十六分钟,然后第二天我起来他就再测试,他就已经成功了。现在测试成功之后呢,这个功能就开发完毕了,然后我们给他发这么一段话,就是让他输出一个交接文档,然后直接发送。 好的,现在可以看到我们的交界文档就已经写完了,我们把它复制下来,然后回到我们的本地,全面读取我们这个交界文档,然后 ctrl 加 v 把它复制进去,提示词就这样子。好,然后我们点击发送。好, 他现在已经读完了,然后他给我们的回答是,现在如果你要去开发商,先收尾我们上一个功能。好,别发这段提示词就行了。好的, 先进行收尾吧,然后直接发送。那现在已经帮我们把这个项目的收尾做完了。然后呢?我刚去测试了一下啊,测试都没问题,下一步要做什么?然后他就告诉我下一步要开始做这个图片转 pdf, 这是配环。好,那我们就要开始开发这个 图片转 pdf 啊,对,就图片转 pdf 这个功能了。好,那么开发这个功能的时候,我们还是一样右键它判断到新工作处,我们在一个工作处里面继续开发这个新功能,现在已经 现在工作数已经拍摄好了。然后在开发之前我们先问一下他准备怎么实现,怎么开发这个功能,我们直接给他打这个提示词就行了,你准备如何开发这个功能?要求稳定和尽量轻量化,然后我们看一下他会给我们输出一个什么样的答案, 然后这是他给我的回答,他说他会按本地优先,无云端依赖,尽量少引入库来做这功能,意思就是说他会尽量在我们本地就把这个功能给完成,而不是说像我们这个 p pdf 转图片一样,还依赖本地的一个 api 端口。然后他跟我说现在呢,我只需要确认一个行为就可以开始开发了,就这样子吧吧吧吧吧吧吧 吧吧, ok, 确认完毕之后我们可以开始开发了,然后这一段的话是我针对于这个页面的一个前端的一个修改,然后这个你们可以不用管,我们现在开始开发具体的功能。 ok, 当我们确认完了他的这个开发思路之后,我们现在开始开发具体的,我们就可以直接说 好的现在开始开发下一步图片转 ppt 的 真实壁环,然后直接他现在正在开始开发了。 ok, 他 现在已经帮我们把整个项目的真实壁环给做完了,但是呢这中间还是出了很多 bug, 大家可以看一下,不过说 bug 还是那样子, 非常非常简单,直接把你遇到的问题截屏发给他,然后把你现在遇到的问题用自然语言描述给他就可以了。然后我们现在看下现在的这个真实壁环是什么样子的, 我们点开这个图片找 pdf, 然后我们选择一张图片,从相册中选择这个,就是我们选择三张图片,然后呢就可以点击更换,可以删除,可以下移,下移, 上移都是可以的。然后这边可以调 a 四还是 a 五还是 b 五,然后这里可以调这个纵象还是横象,然后这边还可以调这个页面编辑,然后这边可以调写那个公文件名称,之后我们直接点击这个 pdf 开始生成,可以看到这个速度还是蛮快的,一下就生成成功了。 然后这边是我们文件名称,输出页数,文件大小,还有生成时间。然后呢我们点击这个将文件发送到微信。好的,因为我们目前是这个模拟器阶段,没有办法真实的发送到微信,所以说 这个壁环其实已经是完成了。好,我告诉大家为什么 pdf 他 不能等这个保存到手机手保到本地,因为我刚刚测试了,也查了一下微信,他是小程序,没有办法直接把一个文件保存到手机里面,没有办法的,所以说必须要通过这种方式发送到微信,发送到微信里面,然后自行去保存 好这个功能,一整个壁环就已经做完了,我们现在回到这个格式,还是老样子啊,还是这句话 可以看一下。好,直接发送。我们现在等他把这个交接文档写完。交接文档写完之后,我们依然还是老样子,把交接文档返回到本地,然后告让告问本地,我们下一步该干什么去开发新功能还是怎么怎么样?如果开发新功能,我们就继续新建一个工作室开发新功能。现在等他把交接功能写完就行了, 就是我已经帮我把这个交界文打好了,我直接复制他的信息,我回到这个本地说我直接输入这么一段提示,全面都是交界文打,你告诉我下一步做什么功能,上传一些文件, 然后他说确实写了这样子,他是非常非常遵守我们的规则啊。他说如果确认图文编辑开发在这个镜头上,那我下一步应该先更新我们的,也就说我们前期定的这个文档,这个说明一二文的新工具下架, 所以说我们必须要先更新文档,然后就写这一段提示词就行了。然后我们等他给我们输出一个结果,这是 他输出给我的答案,他告诉我们下一步要优先做图片编辑功能。好的,现在需要开发一个新功能,然后我们需要告诉他这个功能是长什么样子,他是功能又分别是哪按钮,我们直接把禁品的小程序拖进去就行了。 我们看下这个功能一共有添加图片、旋转、加字和贴纸这四个功能,我们就把这四个功能给告诉他,然后并且给他 描述清楚。 ok, 这个就是我们提示词了,然后给他讲清楚一共有哪个功能,每个功能是干什么的就可以了,大家可以简单看一下, 然后这是他给我们的功能的定义。然后他还问了我们一个问题,说文字和贴纸是否要支持拖动位置和缩放大小,我直接回答说可以的,文字和支持都需要支持位置和大小, 他给我们输出一个最终的一个功能文档,我们需要自己去看一下是否符合我们自己的需求。如果劝这个设计下一步他会先更新文档,然后就开始落地代码。在开发过程的过程中呢?还是一样的 去这个右键它,然后新建一个工作树,我们在工作树里面去开发这个功能,看到工作树创建成功了,然后他现在回答他这个问题,如果你劝这个设计下一步就更新文档,然后开始落地代码,我看了一下这个是符合我的需求的,然后我直接输入两个字 确认,确认两个就行了,然后发送。好的,现在他已经帮我开发好了,我们去这个微信开发者工具里面去预览一下这个功能,我们找到这个图片编辑功能,然后添加一张照片好,比如说添加这张照片,然后我们可以点击这个旋转, 然后还可以加字,比如说随便输一个,一二三四五六七八九。好,那这个就是我们的字了,就这一块好,然后我们可以调个颜色,把字调大一点,嗯,没错,调大一点,换颜色,换绿色,选红色吧,然后还可以调透,调整透明度,看选择是否加速,加速之后呢,我们可以点确定 好,可以这样子改修改,如果说我想修改这个字,我点直接点击编辑文字就可以编辑了。点确定好,我们还可以选择贴纸好,比如说这个是我们贴纸,我们可以调整一下贴纸大小和贴纸的位置, 觉得这个效果如果不错呢,我们可以点击保存。图片保存完之后呢,我们可以直接下载到本地,然后这边可以看到他的保存格式,文件大小,还有保存时间,可以点本地保存到本地。好,保存完之后呢,我们返回一下,然后可以在作品里面看到这个是我们的图片编辑,然后在我这个 历历史记录里面可以是可以看到的。我们这个图片编辑功能就开发完了,我们需要需要回到 call the sky, 让他来告诉我们下一步该做什么,直接发送这么一段提示就行了。好的,测试没有问题了,下一步需要开发什么?然后等到他的回答。 好的,然后这是他给我的回答。下午应该做客服与反馈的真实提交并还,也就是说可以提做我们的下一个功能的。好,那么这个时候呢,就代表我们这个功能已经没有问题了,可以切换到下一个功能了。好,还是老样子,我们需要让他做一个交界文档,还有这段提示词啊,让他做一个交界文档,然后直接发送就行。我们 现在的交接文档你写好了,就是这个,然后我们还发现他竟然很贴心的给我们一个可以直接复制的题词,就是下的绘画可以直接说这个,我们就把复制下来就行了。复制下来之后呢,我们回到这个本地,第二个题词给粘贴进来,然后点击发送,那我的本地就开始读这个交接文档了, 然后他现在已经帮我们做完了,他不仅把文档读了,他还直接帮我把下一个功能开发完了,给大家去看一下,就这个功能,我的啊,这个客服中心啊,就是这个功能,就这个好,就是这个功能。好的,我们回到 qx 还是老样子啊,问这么一句话,你发送 好,然后他回来,我们下一步应该是做第二阶段的收尾验收,而不是继续加新功能。我们需要按照他给我们的一个流程,然后把这几个闭环全部跑一下,在这个微信开会的工具里面去测试一下。好,我们去测试一下,我们自己测试完之后呢,我们回来扣代码,打上这么一段提示词, 我的甄姬测试没有问题,有什么是需要你去验收的吗?我发送一下我们自己的这个环节,甄姬验收已经做完了。好的 好的,然后这边可以看到他这边还需要自己再做一遍工程测的一个验收,然后让他自己去跑一下这个验收就行了。那跑完如果没有问题之后,我们就可以开始开发下一下一个功能了。 ok, ok, 他 这边已经完成了工程测验收,并且他告诉我们下一步可以直接开始开发第三阶段。好的,那么我们先把这段这个对话给复制一下,因为这个对话里面有这个交界文档,还有这个下一步的一个开发流程。然后呢我们现在需要新建一个对话来来用于开我们第三阶段,我们点击这个 新建对话,然后呢输入这么一段提示词,我们只需要 ok, 我 们提示词这样写就行了。全面读出此对话 以及此对话中的文档,并告诉我下一步开始做什么,然后把我们刚刚复制好的一个对话给粘贴进来就行了,然后我们点击发送, 然后顺便的话我们这边可以改个名字啊,因为这是我们第一阶段对话,还有第二阶段对话,然后我们一样的把它改成这个第三阶段的对话,直接点击这个重命名对话,然后改成三,然后点击保存。 ok, 然后现在我们等他回复就行了。 ok, 他 现在直接给了我们一个顺序,就是第一步、第二步、第三步、第四步以及第五步。好,我们现在完成第一步,先补文档,比如说免费用用户多少次限额等等等等这些权益,把文档给补齐。好,我们给他,给他他的这些对应的提示词 题就这样写就行了啊,就把我们这个会员套餐给他写上就行了。好,然后我们点击发送,然后他给我们几个选项,我们需要选一下,就说我们现在这个是新用户用用两次,还是说每天重置,嗯, 然后必须要选音。然后他也同时给了我们很多建议,我读了一下之后决定觉得他建议给的非常不错,就直接按照他的建议实行,然后他帮我们实行了,把规则写好了。然后呢他下一步建议我们先创建一个云数据库,我们去创建一下,然后我们找这个,这个 展开它右键点这个新建 db schema, 然后输入一个文件名叫做好的名字取好之后我们点击确定创建一个数据库。创建完成之后呢, 我们需要右键它上传一下,上传 db schema, 然后点击试,然后这边看我们这个数据库已经上传成功了,然后然后我们提示词这样写就行了,然后以数据库名称已经创建好了,并上传成功了,下一步要做什么? 我们去问一问一下他,然后点击发送。我们做项目就像搭积木一样,要不断的问他下午要做什么,他看他的回答是否符合你的预期,如果不符合预期 就需要询问一下,然后他告诉我们需要把这个数据库定位成用户群仪表,然后要把这些字段都补一下,我们检查之后没有问题了,直接发这么一段提示词,然后直接点击发送, ok, ok, 速短是很快的,他已经帮我把这个最小字段已经补齐了,他还建议我们下一步应该进入第二步,我们需要建一个第三阶段的专业云函数,这个云函数专门用于处理我们的会员,还有支付扣字这方面的一些事务。好,我们去新建一个云函数, 我们还是一样的操作,我们右键他点击新建云函数,会云得下啊,给云函数取个名字, ok, 我 们云函数名字取好了,点击创建创建一下, ok, 这个就是我们的云函数,我把它取名为业务,我们点击 右键它,然后点这个上传部署上传一下,上传完成之后呢,我们去查看一下是否真的上传成功了,刷新一下网页,然后点击这个云函数和云对象,点云云对象列表,云函数列表, ok, 看到这个就是我们云函数已经上传成功了,好的,我们告诉一下 codex, ok, 我 们直接输入这段提示词, 以及新建并上传成功与函数业务。轻轻检查过后,告诉我们下一步该做什么啊?直接点击发送就行。 ok, 他 已经回答我了,他说下一步直接帮我们写这个云函数的第一版接口实现,然后接口怎么实现呢?这是第一步,这第二步,然后这个是第三步,他会以这个三三三个步骤来实现我们的接口, 因为这一步我个人感觉有可能出 bug, 有 可能会会很复杂。然后呢,我建议大家再从这一步开始新建一个工作树,对派人到新工作树,然后我们在工作树里面开始开发这个步骤。 ok, 把工作树里面的这个模型调成五点五 五零五高,然后这个是我们提示词,好的,开始开发这个云函数的第一版接口,实现直接发送就行。 ok, 他 现在已经完成了我们这个云函数的第一版业务。接口完成之后呢,我们告诉他帮我们提交到本地,然后他帮我们提交到本地之后呢,我们打开 hbo 的, 然后右键它,然后点击上传部署就可以了, 然后我们回到 codex, 回到 codex 之后呢,我们需要它更新一下我们的交接文档,就这样跟他讲一下就行,请更新下交接文档,点击发送。 现在这个交接文档已经做完了,但他告诉我们这个 oppo id 的 唯一约束还没有做完。然后我给大家讲 oppo id, 什么 oppo id? 就是 微信小程序的用户 id, 就是 说你你登录了和他登录你们俩的用户 id 是 不一样,他们需要做约束。先问一下他吧,我们下一步和后面的开发步骤是什么?那提示就可以了, 我们后续的落地顺序就越来越清晰了。然后我们的下一步是有分别有这五个小步完成之后呢,这一步就算完成了,然后后续步骤呢?还有这七个步骤, 分别是这些,我们现在需要把这五个步骤开发完毕,我们直接告诉他,然后直接点击发送,点击发送完,然后现在正在开发,现在这一步已经开发完了,然后他的会员套餐也改成了我们想要的页面。然后他这一步开发完之后呢,我们就要像搭积木, 搭积木一样,把前面剩下的步骤一步一步给开发完毕,然后我到我这个地方就已经开发完毕了,已经到最后一步对接支付这里了,然后前面因为 如果一个个讲的话内容会很长,而且都是重复内容,所以我就直接跳过了。然后现在我们要讲这个对接支付,然后他 然后他告诉我们开发对接支付需要分三步,第一步是创建订单,第二步是发起这个我们的这个支付接口,这个接口是需要我们自己去配置的,然后再返回我们需要的参数。然后最后一步就是支付成功之后更新订单,给用户增加次数或开通会员, 然后这就是一个完整的流程。他下面也提了在对接真实支付之前需要准备这些东西,对,就这些东西,我们首先呢需要做第一步就是说这个创建订单这一步,然后我们直接命令他开始开发这个第一步创建订单这部分我们直接这样写提示词,然后直接发送就行。 他现在第一步已经帮我们开发完成了,我们需要自己去测试一下,就是需要上传我们的域函数,然后并且同步上传这个订单数据库,然后再去甄接测试一下。好,那么我们去去测试一下,首先打开这个,然后我们上传一下这个域函数,点击上传部署,然后再找到这个 右键,也是点击上传好。上传完成之后呢,我们打开这个微信开发者工具,然后刷新一下我们的微信开发者工具。好,刷新完成之后呢,点击我的可以看到我们还剩余六次,我们点击这个查看权益往下翻, 我们找到这个阅读会员,然后点击立即开通好,显示这个订单创建成功。我们去检查一下我们的数据库到底有没有产生这个数据,我们打开这个浏览器,浏览器要打开我们这个优利可拉的控制台,我们刷新一下,刷新完成之后呢,我们点击这个订单数据库,然后往下找,好的, 这里就就可以看到了,这个是我们的刚刚创建的一个数据订单数据库,这个是阅读会员,然后这个是三十天, 然后再看其他信息,嗯,都是对的。好,那我下一步我们就要开始这个第二步开发了,我们回到 codex, 我 们需要先配置我们的支付接口,就是这个东西我们的商务号还要扫出去 a、 p、 i、 d, a、 p、 i、 k 等等等等,我们需要把这些东西拿到手,拿到手之后呢,我们下一步才可以进行这个这个真实的支付流程。好,当我们拿到这些信息之后,我们需要把这些信息全部填到对应的字段里面,就这个里面,我们把字段填完之后呢,我们就可以开始做这个,下一步就是做这个支付回调地址的 配置,然后我告诉一下大家这个支付回调地址怎么做最方便?我们直接打开我们的控制台,然后点击这个这个上方一个域名绑定,点击绑定,然后就出现出现一段这么个域名,我们就把它复制下来 发给 codex, 让他来帮我们做域名绑定,就这么简单。我们第一步就是打通这个支付回调地址,他需要我们去测试把浏览器打开这个地址,然后能得到这个明确的回应,我们复制一下,然后打开浏览器粘贴一下,点击回车,回车之后看到没有出现任何包错,那就代表 这个地址是对的,那么我们现在就可以开始开发支付回调地址的配置了。好,我们直接命令它按提示词测试,没问题,可以开始开发支付回调的地址配置好,我们直接点击发送就行了,它正在处理中,我们支付回调地址也已经开发完毕了,就是这个,那么下一步呢?我们直接命令它开始开发。我们的第二步 就是这个开发欲下单和拉起微信支付。好的,我们就这样给他讲提示词,这样写就行了。现在开始开发欲下单和拉起微信支付这一步,然后我们直接点击发送就行。现在拉起微信支付这一步已经完成了,然后我们去 检查一下,我们打开,然后点击我的页面,然后点击这个查看权益。好,我们往下翻,随便点击一个,测试一下是否可以拉取微信支付。好,我们点击立即开通好了,发现是能够拉取微信支付的,那么说明我们这一步已经开发成功了,那我需要开发下一步,我回到 codex, 好,提示词这样写就行了。目前全部测试已经正常,可以正常拉取微信支付,现在开始开发支付回调加权益到账这一步,然后这一步也是我们的 整个支付闭环的最后一步,可以看到这个地方开发支付回调加权益到账就是这一步,这一步就是我们最后一步了。把这一步开发完,我们整个的支付闭环就已经开发完成了。好,我们现在点击回车,让他开始开发这一步。好,然后他现在开发完成了,然后这边给大家打开这个微信开的工具看一下, 点击我的刚刚是一次,然后点这个查查看权益,然后我们刚刚选的一个五次这个包,点击立即立即开通, 他就变成六次,因为我这个支付片段我就没有把它剪进去,所以说给大家看结果就行了。好,那我那么我们整个小程序的所有的功能,还有会员的联通就已经开发完毕了。
粉丝1327获赞2.3万

hello, 大家好,我是艺兴,然后今天趁着周末的话就给大家分享一下我最近用啊 ai 的 编程工具,手搓的一个 diy 的 ai 小 工具。 那么咱们这一期主要是通过 codex 这个新型的 ai 编程工具,手把手去手搓自己的专属的微信的小程序,那右边的话是我自己设计的一个个人的 ip 形象是不是很帅。 然后这一期主要是用的两个工具特别简单,第一个的话就是 codex, 大家直接去官网下载就可以了。 然后第二个的话就是微性能开发者工具,因为其实我们这一期是做小程序的项目嘛,所以说是需要呃借助他去进行项目的预览以及配置上线,然后大家也是去他们的一些官方去进行下载就 ok 了。 那其实做小程序和做 app 呃做产品是一个道理,那流程也是非常简单。那首先第一步要先给 ai 描述清楚我们想要什么样的产品,整理好一定的需求文档,然后让 ai 帮我们去完善我们的需求 md。 然后第二步对应好整个 app 的 一个视觉风格,然后告诉 ai 你 想要什么样的效果,让它给给给我们去输出一个规范的一个需求的文档。 第三步用 codex 去直接生成一些结合的一些需求,自动生成一些小程序的一些全部的代码。然后第四步还要通过 ai 帮我们去调试修 bug, 调细节,那全程不需要自己动手,直接通过口喷的方式,最好的方式就能够让 ai 帮我们去干活。 那么好了,废话呃,废话不多说,咱们直接上手开干吧。那么首先的话就是要打开我们已经安装好的 code desk 的 一个桌面端, 然后的话就是要找到我们的微信的开发者工具去新建好我们本次的要到的项目, 然后本次的话主要是做一个体重管理小程序,二嘛,所以说我们要新建好我们的一个项目,然后选择 ok 就 可以了。然后的话这边的话其实是不需要使用云服务的,然后这边的一个 id 的 话,主要是可以让他去所使用 word 的 就可以了。 然后的话就会来到我们这个微信开发者的一个平台,然后整个界面其实会跟我们传统的编程软件会比较像。 然后右边的话是我们的一些 c 稿的预览区,然后左边是我们一些文件夹的一些区域,然后中间是代码,然后一般来说我个人是比较习惯用那个叉的一个尺寸去进行一个预呃设计稿的一个预览的, 然后的话就要回到我们的一个科室,那首先的话就要新建项目文件夹,然后这个文件夹必须要跟我们刚刚所创建的保持一致,这样的话我们的一个文件信息还有设计稿才能够在那边去进行同步预览。 然后的话会结合我们想要的东西给 ai 描述清楚我们这个产品是什么,给大家去描述一些数据文档,然后的话会结合我们的一些模型去进行选择一些合适的模型, 然后这次的话我是通过用他们的五点五的模型去进行一个生成的,然后整体的生成的一个效率的话,其实我觉得呃不是很快,所以说我觉得如果说 talk 比较有限的同学的话,其实要呃用那个标准就可以了, 然后的话他会结合我的需求帮我去输出一个非常完善的一个小程序的一个需求,稍微能打。 然后企业家的话主要是要生成一个我的一个设计的一个说明 md, 然后这次的话我是给 ai 垫了一张图, 然后让它结合我的一个设计的一个垫图的风格,让我让它帮我结合我的需求去生成一个符合它的风格的一些设计规范,设计的一个语言的一个设计的一个 md 的 文档。 然后这次的话我也是会呃用我们的一个刚刚所生成的一个需求的一个说明它的需求分明它跟课程不一样,它是放在我们一些刚刚创建文件夹的一个目录下的, 所以说呃,我会让它围绕着我的一个呃需求的文档去进行一个呃设计风格的一个生成, 然后的话就是发送给 ai, 让它帮我去写我的一个设计的一个文档,然后的话它就会结合我的一些啊电图的一个它的一个程序版,然后它的配色去帮我去进行 ai 的 生成。 然后接下来的话就是要漫长的等待啦。嗯,整体处理的效率来说,我觉得会呃越跑越快吧, 嗯,然后就开始慢慢地等待它去进行思考生成,然后它生成完之后就会也是会生成一个 md 的 文档,整个 md 文档非常的一个详细,包括字体大小,然后设置以及卡片布局,以及它的整体的一个配色,以及我们的一个文本语言、图标风格等等。 然后紧接着的话就是要开始让 code 帮我结合这两个文档去进行首出代码页面了,然后首先会让它新增两个文件夹,让它去帮我去接这两个文件,去生成一些我想要的一些页面的一个配色的一个界面的效果,让 ai 帮我去写代码, 然后的话它就会结合我的一些需求想要的要什么样的页面,然后我的一个配色风格让我去让它去帮我去写代码, 然后整个的一个页面当中其实雏形已经出来了,然后的话其实整个效率还是非常快的,然后整个视觉风格其实会跟我电图那个视觉语言会比较搭。 然后紧接着的话就是呃继续去围绕的我们想要的一些东西,去让 ai 通过对话的方式帮它去帮我们去修代码,然后修 bug, 然后去调一些 ui 的 一些细节,例如我的设置,然后我们的渐距以及我们的一些图标的风格等等。 然后的话指出就是不断地去进行雕花跟跟进,让我们的一个心中想要的一个产品就可以了。 你要最终的话大家看一下我的效果吧。你要最终的话会来回到我们的微信平台去看一下我们整个页面的一个效果。 那其实整个页面来说,我觉得这的纯就是没有通过呃, figma m c p 的 一个代码,呃的一个设计稿生成,纯用一个对话的一个代码生成,我觉得整个效果我觉得还是不错的。然后大家看一下最后的一个手机的一个预览的效果, 那整个风格是走这种暗色系的,然后的话整个配色我觉得还是非常吸睛的,这是我通过一个纯啊对话和代码的方式去实现的一个小程序, 然后整个的空间它也是会自动去用我们一个微信的一个官方的空间去进行一个实现,然后整个图标风格我觉得还是不错的,嗯。

别一上来就对 codex 说,帮我做个小程序,这样十有八九会坐散。正确做法是把 codex 当工程负责人,不是许愿池。 第一步,先定一个极小 mvp, 比如只做一个预约小程序,列表页、详情页、提交页我的记录。别让 codex 同时做支付会员后台和数据分析。 第二步,给 codex 一个需求包,目标用户页面路径、数据字段、接口,约定 ui 风格,不能做什么,以及完成标准,让它先输出任务清单和目录结构。 第三部分,三轮开发,第一轮搭页面骨架,第二轮接状态和接口,第三轮补空态、异常态和表单校验。每轮都要编辑一次,报错直接丢回给 codex。 上线前别急着点上传。让 codex 做四件事,检查 app jsn 和页面路径,整理自测清单、 review diff, 别出接口域名、权限弹窗和隐私说明。 甄姬流程是这样,微信开发者工具,先预览手机扫码测试,再上传开发版本,设置体验版给别人测,确认没问题,再到公众平台提交审核,通过后再发布。 最容易翻车的点,记住四个 app id 别错。 app secret, 别进前端接口域名要提前配置,没做完的页面别提交审核。想要这套 codex 小 程序,提示词,评论区打小程序。

codex 虽然功能强大,但是使用 openai 官方的 token 渠道,性价比非常低,这里教大家如何将 codex 接入到国产性价比之王 deepsea k。 平时就把轻量化的任务交给 deepsea。 首先需要安装几个前置的工具, 第一个 node 点 js, 直接搜索官网,点进去,选择自己对应的版本下载即可。下好后一路下一步安装就行。 第二步安装 c c x 和 c c switch, 这俩因为要去 get 掌,这里我就把安装包放简介了,大家自行领取下好安装包后安装。先打开 c c x, 这个 ev 是 环境配置文件,可以用记事本的方式打开,这个密钥是一二三四五六记一下, 然后打开运行程序,把这个管理界面的连接复制到网页,打开, 输入刚才那个密钥,一二三四五六,可以把它切换成简体中文。然后我们先不管它,打开 deepseek 的 官网,点这个 a p i 开放平台,这里大家用自己的账号登录,然后点左边这个接口文档,把这个余额要地址复制一下,然后回到 c c x, 点上面的 codex, 再点添加渠道,在上面粘贴一下 y o r l 地址。接下来回到 d p c 点这里的 a p e k 点创建 a p e k 这个名称,随便填点创建 这个 a p i k, 大家可以自行保存一下,要记得不要暴露出去,不然别人用你的 api 用的就是你的钱。把它复制下来,粘贴到 c c x 这里, 然后点右上角的详细配置,把这个服务类型换成 open ai 下拉,把这个模块化非常键给打开,然后保存配置,接下来再打开 ccc 位置, 一路下一步安装即可, 安装完成后打开它渠道,选择 open ai 这个点右上角的添加,选择自定义配置, 下面供应商名称随便填一个 a p e k, 填一二三四五六。然后这个 api 请求地址,我们回到 c c x, 把这个 api 地址复制过去, 点这个获取模型列表, 就能看到接入的 deepseek 了。选择模型下拉,把这个百万上下文窗口打开,然后保存配置,并且用它。 接下来就可以进入 codex 了。国内直连肯定是有一点慢的,耐心等待一下, 我这里自动登录了,退出重新登录,登录时选这个,使用其他方式登录, 然后输入刚才配置的一二三四五六。可以看到模型这里已经是自定义了,也就是在 c c c 区里配好的 d p c k。 正常的话这里就是 g p t 五点五。当然如果要正常使用的话,肯定是要给 d p c 可充一点钱的,不然就会出现这种五零三报错。最后提一嘴, 如果你有条件的话,还是建议使用 g p t 原声的,肯定是要比我们接入 d p c k 好 用, d p c k 只是胜在更便宜而已。好了,以上是本期全部内容了,我们下期再见。

上个视频评论区有粉丝教我做一个详细的教程, ok, 安排用国产模型,而且要使用完整的 codex 功能,就要解决 api 代理和 codex 的 插件功能,这两个小工具就是解决这个问题的,他们都是的开源项目。 好了,安装 codex 加加,安装好以后会弹出一个命令行,不要紧张,按一回车就安装好了。接下来安装 echobird, 安装好了,打开它,在模型中心配置模型。以 deepsafe 为例,打开 deepsafe 官网,点右边的 api 开放平台,进去以后,先申请一个 api key 复制下来,再到接口文档里把 uio 和模型名记下来,转到 excel 这里配置好,这就全部搞定了。 启动的时候要注意一个问题,就是先打开 codex 加加,再用 excel 版的启动 codex, 不要用 codex 原声软件启动。这么详细的教程,快去点这里关注起来,下期不迷路!

大家最近使用 codex 时,额度是不是又不够用了?或者你是一个小白,还不会配置上网环境,连切记 gpt 账号都注册不了, 那么这期视频我会手把手教你,将性价比之王 deepstack v 四接入 codex 中,国内用户直连兼具经济和性能于一体,可以说是国内入门编程者上手的最优解,我们直接从零到一进行教学。首先打开网页,输入 node js, 点击进入,进入官网后我们点击获取 note g s, 之后选择对应的操作系统,点击安装程序,国内直联的话下载速度很慢,大家耐心等待。下载完成后,我们打开安装包,最后一路点击同意完成最终的安装。 下一步呢,我们搜索 codex 桌面端下载,点击第一个我这里以 windows 系统下载为例,我们找到微软应用商店,点击下载之后打开下载的程序, 下载完成后就会出现 codex 桌面端登录的一个页面,然后我们先不用管它,我们还需要 c c x 和 c c switch 这两个工具,有需要我飞书的小伙伴点赞评论加关注,我也会把我的飞书链接分享给大家。 我们将这两个安装包解压,解压之后点击这个 c c x, 然后这里有一个环境配置文件,这里可以看到我们的这个 s k 是 一二三四五六,这个大家记一下之后点击下面这个程序,然后我们找到这个管理界面,把这个链接复制粘贴到网页端, 打开之后我们在这里输入刚才的那个 s k 就是 一二三四五六, 然后我们点击这里切换到简体中文,然后我们点击这个 codex, 点击添加渠道,之后我们进入 deepsafe 的 官网, 点击 api 开放平台,然后我们自行登录之后找到这个接口文档,我们将这个 baseurl 进行复制,然后返回在这里粘贴。之后我们在 deepsafe 的 apikey 里点击创建 apikey, 这里随便命名, 然后点击创建,之后进行复制,同样在这里进行一个粘贴,然后呢我们点击右上角的详细配置,在这里把服务类型选择成 open i chat, 然后我们下滑,找到这个规范化非常键,我们将这个进行开启,之后点击创建渠道即可。接下来我们找到刚才解压的 cc switch 这个软件,我们同样的进行登录, 安装成功后,我们打开 cc switch, 然后在这里选择呃切的 gpt open i, 我 们点击右上角的添加, 选择自定义配置供应商名称,随便起一个名字,这个 api k 还是我们的环境配置的 k, 就是 一二三四五六。 之后 api 请求地址呢,我们就返回 c c x 中的这个 api 地址,我们将这个地址进行复制,然后在这里进行粘贴,之后点击获取模型列表, 这里我们就可以看到我们已经获取了 deepsea 的 v, 已经获取了 deepsea v 四的两个模型,然后我们往下滑,把这个一百万上下窗口进行打开,然后点击添加, 之后我们关闭 codex 进行重启,这里大家稍等片刻,因为是国内网络的指令,所以说它会有一些延迟。重新打开之后呢,我们选择这个 enter api, 然后输入一二三四五六。 进入之后呢,我们点击上面的 file, 然后点击 settings, 我 们在 general 下面往下滑,然后找到呃这个 language, 进行一个汉化,然后我们在这儿选择中文。进入之后,我们输入对话, 可以看到我们的 deepsafe 已经接入到 codex 中了,我们也可以直接让 codex 帮我们安装 skills, 比如我视频开头制作的 ppt, 就是 用这个 ppt skills 制作的。我们只需要在网页上输入我们想要的一个 skills, 找到 github 的 原始仓库,我们打开, 然后将这个链接地址复制到 codex 里,让它帮我安装这个网页里的 skills, 然后它就会一步一步自动化地去执行我们的操作,最终帮我们安装上了这个 skills。 然后我们之后制作 ppt 的 时候,它就会自动调用这个技能,帮我们生成这样风格的一个 ppt。 这个是 skills 的 一个安装技巧。本期视频就到这里,如果觉得对你有帮助,别忘了点赞关注,谢谢大家!

ai 编程工具这东西吧,真的是风水轮流转,最开始大家在吹 carson, 后来 carlo 的 大火,而这次轮到了 colex。 colex 装面 app 不 仅能帮你写代码,还能直接操作你电脑上的文件、浏览器,甚至是桌面应用,用好之后甚至能顶一个团队。 本期我会从 colex 安装到核心特性,用十多个实战案例手把手教你玩转 colex。 不管你是想用它来编程、开发、办公提效,还是搞一些好玩的创作,看完这期都能直接上手。那本期教程的文字版,可以在评论区获取干货秘籍,建议先收藏,找着安静的地方慢慢使用。 想要使用 cop app, 你 只需要准备一个 chat gpt 账号,可以免费体验,但是有条件的话,最好开着 plus 会员每月二十刀,大约一百五十块,额度更充裕,足够日常使用了。 那有了账号,直接去官网下载安装酷贷 app 就 好。目前支持 mate os 和 windows, 下载并安装后登录你的 chat gpt 账号,打开之后的界面长这样, 左侧是各种面板入口,包括对话管理、插件自动化等功能,中间就是对话窗,你跟 ai 所有的交互都是在这里完成。跟平时用的 ai 聊天工具差不多嘛,还挺清爽的,不像传统的编程 ide 那 么复杂,上手没有门槛。接下来我们直接开始使用, 跟你用过的其他 ai 工具一样,在对话框里输入内容发送,就能开始聊天了。适合处理一些简单的日常工作,比如帮你查资料、总结内容、规划方案。 我让他帮我查一下今天有什么 ai 编程方面的热点。 cadets 会自动联网搜索最新信息,然后帮忙整理总结,这下不怕错过新资讯了,这只是开胃菜。 cadets 真正强大的能力是操作你本地的文件和电脑。下面我们试试 点击左侧的项目入口,选择一个本地文件, ai 能在这个范围内读取和操作文件。 比如我选择了我的下载文件夹,里面有一堆不知道什么时候存下来的大文件。在对话框底部,你可以看到权限模式的选项,这里有三个选择,默认权限, ai 可以 读取和编辑工作区的文件,需要额外权限时会主动问你。自动审查是 ai 会自动帮你审查操作。 还有完全访问, ai 想干啥就干啥,不会弹确认框,建议新手直接选自动审查,既省时又省心。 选好权限后,在对话框里输入提示词,然后你就能看到 ai 开始工作了。它会自动执行终端命令来扫描文件,分析每个文件的名称和大小。最后给你一份清晰的报告,列出哪些大文件占了多少空间,并给出清理建议。 那我主打一个听话,就让 ai 帮我删除没用的预览文件吧。最后成功帮我节省了六点八 g 的 空间,效果不错吧。但如果我让 ai 删除一个工作区外的文件呢?会发生什么? 试试看,在当前工作空间开启一个新对话。比如,我让 ai 帮我删除鱼皮新书出版目录下的所有文件,可以直接把这个目录拖拽到对话框中,然后执行任务。 如果你选择的权限是默认模式, ai 想删除文件的时候,会弹出一个确认框,问你同不同意,防止 ai 搞乱了你的电脑。 但由于我选的是自动审核, ai 自己完成了审核并批准,省去了人工操作的麻烦。这样一来,你完全可以把拖带子当成你的私人文件管理助手,分析空间、清理垃圾、批量重命名。以前你要手动折腾半天的事情,现在一句话就搞定了,是不是挺方便的? 做完第一个任务,大家肯定很关心消耗了多少 tokens 吧?来一起看看用了多少额度。点击左下角的设置,点击剩余额度,就能看到你五小时内还剩多少配额,本周还剩多少比例。什么时候刷新 to text 的 额度?按照五小时和一周来限制 plus 用户的额度还是比较大方的,日常使用完全够了。你也可以在对话框里输入斜杠状态,这种以斜杠开头的快捷输入叫做斜杠命令,是 to text 内置的快捷操作方式。 输入之后, to text 会直接在对话中显示当前的上下文余量和额度信息。 ok, 到这里,你已经体验了 to text 最基础的能力,对话和操作本地文件。 恭喜你,已经超过了百分之六十的同学。接下来我们提升一下难度。用 codex 做一个完整的网站项目,过程中你会接触不少 codex 的 核心用法,包括计划模式、 ai 声图、浏览器预览、批注、修改等等。 在开始之前先进入设置,把工作模式从适用于日常工作切换为适用于编程,这样 ai 的 回复会更专业,更适合开发场景。 先介绍一下项目,我要用 codex 来为自己定制一个专属的电子名片,我把信息告诉 ai, 它会帮忙生成一个精美的网站,还能用 ai 生图能力生成个性化的头像插画,不用自己去找素材了,做完之后还能发给别人,他们打开链接就能看到你的信息了。 新建一个项目文件夹,在 codex 中打开模型就选择最新的 gpt, 五点五速度选标准就够了。智能程度选择高权限,我这里直接给了完全访问,省得他每次操作都来找我确认,反正大部分情况下我都是无脑点同意的。 最关键的是点击对话窗左下角的加号,把计划模式打开。计划模式下, ai 不 会直接开始写代码,而是先帮你规划方案,问你细节,确定没问题了才动手。好,输入下面这段提示词启动, ai 会先自己思考,然后可能会追问你一些细节,在弹出的问题面板中选择就好。最后会生成一份实现计划文档,包括简介、核心要求、测试计划等信息。你做的网站越复杂,越要仔细阅读这种文档, 如果没有问题就确认方案。然后 ai 就 开始自主干活了,它先是使用内置的图像生成技能,生成了卡通头像文件,然后编辑代码,一次性生成了多个文件。写好代码后还会检查代码,自主打开浏览器测试验证,还考虑到了一些容错。 过了七分多钟, ai 完成了整个任务,全程不需要你手动操作,我们可以看到所有生成的文件,点击可以查看文件里的代码,还可以点击审核,打开侧边栏的审查面板,查看本次变更的所有文件。 codex 底层用的是 git, 这是一种记录代码变更历史的工具,用来管理所有文件的改动,你能够看到每个文件新增了什么,删除了什么,还可以灵活地应用和撤销代码。后面的进阶功能部分我会详细给大家讲解。 我们做的是纯前端静态网站,找到生成的主页文件,右键在浏览器中打开就能直接看到效果了。 pc 端的效果我觉得还不错,布局清晰,主题切换也很丝滑。而且它还自动兼容了移动端的展示,手机上打开排版也是正常的。 当然,你也可以直接让 ai 帮你运行网站, ai 会执行终端命令,启动开发服务器来运行网站。 点击访问地址后, codex 会在右侧面板打开,内置浏览器,便于你来预览效果。如果某个地方不满意,你可以点击浏览器右上角的批注按钮,然后直接在页面上选中要修改的元素,写上你的修改意见发送给 ai。 ai 会自动定位到对应的代码并精准修改,不用你自己去翻代码找位置,改完之后刷新页面就能看到效果了。方便是方便,不过这个速度真的不敢恭维。做完后我们再看一眼使用情况,这次完整项目消耗了多少额度呢?还好还好, 总结一下,要用 ai 开发移动网站,我们只需要把需求告诉 ai, 确认方案,等他自己写完并测试就好,中间几乎不需要手动操作。恭喜看到这里,你已经超过了百分之七十的同学, 到这里,你已经能使用 todays 从零开发移动网站,预览效果按需求改了。那接下来我要带大家看看它还有哪些核心功能。学完之后,你不仅能做网站,还能让 ai 帮你操控浏览器、抓数据、自动执行定时任务,甚至操控整台电脑。 接下来,我把 codex 的 功能分为常用功能和进阶功能两大块来讲。常用功能是日常会高频使用的,进阶功能则是有点门槛儿,但掌握后能让你效率翻倍的。 在左侧的插件面板里,你能看到 codex 的 插件市场。 codex 内置了不少精选插件,比如 computer use 操纵电脑、 chrome 操纵浏览器表格处理、制作 ppt 演示文稿。 此外还有大量编程类和工具类插件,包括网站部署、游戏开发、对接 tab 等各种场景。你可以在插件市场里按需搜索和安装。 比如我们来安装 natify 插件。 natify 是 一个免费的网站托管服务,装好插件后,一句话就能把你做的网站部署上线,让别人都能访问。 点击安装 natalify 插件,同意后会自动弹出浏览器,使用 datab 等方式登录 natalify, 一 步步完成授权。最后,超黛斯成功安装并连接了 natalify。 然后我们用 natalify 来部署之前开发完成的电子名片网站。在对话中,通过 at natalify 调用插件。执行过程中, ai 会找我们确认并自动创建一个新的 natalify 项目来部署网站。 搞定以后,我想展示自己的信息,直接甩这个链接就行了。还可以打开 netify 后台对项目进行管理。你可以在 codex 右上方的侧边栏中整体查看当前项目的概览信息,包括后台任务、打开的浏览器、使用的插件等等。 点击后台任务,还能看到具体的终端日记,记录了网站服务器什么时候收到了请求,请求了什么资源等信息。同样的,如果你要处理 excel 表格、做 ppt, 使用对应的插件让 ai 帮你就好。生成的文件还能在侧边栏直接预览。 前面我们用的内置浏览器可以预览页面,做批注和修改。但如果想让 ai 真正去操控浏览器,自动点击填表单翻页,就需要 browser use 浏览器操作功能了。我们先来使用内置的 browser use 进入设置浏览器,确保 browser use 功能已经开启。你还可以在这里设置权限规则和禁止打开的域名, 开启之后,在对话中通过艾特浏览器来调用这个能力。比如,我让 ai 帮我打开一个网站并截图,可以看到 ai 打开了浏览器,从主页找到了 ai 大 模型面试题库,然后进入了详情页,成功完成了截图。 不过有时候这种操作不太稳定,多试几次就好。此外,你还可以安装 codex 的 chrome 扩展插件,它可以操控你的电脑上已经登录的 chrome 浏览器。好处是能保留你的登录状态,而且可以在后台执行,不占用屏幕,适合需要登录网站才能进行的操作。 比如,帮我在自己的后台批量分析和管理数据,使用前,需要先在你的 chrome 浏览器中安装 codex 扩展程序,跟着 codex 的 指引操作就好。安装好之后,我让 ai 帮我从已经登录的面试呀网站上抓取一些数据。 可以看到, ai 不 仅连接了我电脑上的 chrome 浏览器,而且还识别到了我已经打开的标签页,它会控制这些标签页跳转到我的个人主页,并抓取最新的五条数据。最终抓取到的数据表格非常清晰,链接前面甚至还有图标,细节拉满。 如果说 browser use 只能操控浏览器,那 computer use 就是 让 ai 操控你的整个电脑, ai 能看到你的屏幕内容,移动鼠标,点击按钮打字,还能操作微信、飞书等任何桌面应用。 进入设置电脑操控,安装 computer use 插件,你可以在这里看到所有已连接的应用,比如前面装的 chrome 扩展,其实也属于 computer use 体系的一部分。 来我们体验一下。用艾特电脑来调用,让 ai 帮我探探当前的桌面壁纸,然后生成一张类似风格的新壁纸。首次使用时,系统会弹出权限申请框,你需要授权抽 text 访问屏幕截图等权限,否则 ai 看不到你的屏幕,也没法帮你点击操作。 later 来看一下,效果不错吧。生成了一张非常精美的新壁纸,我觉得比原图还好看啊!今晚可以做的好梦了, 爽!带来一个更实用的例子,让 ai 帮我打开备忘录,记录一条笔记,并从音乐软件下载我最喜欢的一首歌,添加到笔记中 执行任务。可以看到 ai 会打开音乐 app, 有 着小鼠标点击了下载按钮,从中下载了音乐文件,只因你太美。 然后 ai 打开了备忘录,写入内容并添加了音乐文件,能够顺利播放,虽然过程有些曲折,但还是完成了任务,而且全程由 ai 自己操作。以后我可以直接让 ai 帮我写有图有文有音乐的笔记了。 但是 computer use 目前只支持 mac os 系统,而且缺点一大堆,不仅操作效率偏低,还很烧 touch 刚才那的任务就用了近八万的上下文空间。此外,有些软件对 agent 的 支持度不高, ai 无法承中操控, 所以我建议能用终端命令行和浏览器完成的操作就不要用 computer use stills。 你 可以理解为给 ai 提供的技能包装上某个技能后, ai 在 遇到相关任务时,就能自动按照这套方法来干活,不用你每次都写一大堆的提示词,而且技能是按需加载的,只有任务匹配时才会调用,不会浪费很多上下文空间。 进入左侧的插件面板,切换到技能 tab 页面,在这里能够格式化安装和管理技能口袋。此自带了几个内置的技能,比如图片生成、查询官方文档、安装、社区技能创建新技能创建插件等等。 那下面我先带大家用用内置的图片生成技能,然后安装社区里别人做的技能,最后再带大家自己创建一个技能。 这里我想生成一个有趣的图片,让鱼皮直播卖鱼皮。可以先到鱼皮 ai 导航网站上找到 ai 生图的提示词模板,然后复制提示词模板。接下来在 codex 对 话框中输入 dollar 符号,加技能名称,就可以快速调用技能, 并且把提示词模板、鱼皮的照片都提供给 ai。 稍等片刻之后,看看 ai 生成的图片,你觉得怎么样?是不是憨爆了?爽!不过图片生成比普通对话消耗的额度更多,用的时候记得留意一下剩余额度。 内置的技能数量有限,还有很多宝藏在社区里,比如我自己经常用的几个技能,用于联网搜索的 file pro, 用于获取最新技术文档的 comte 瓷器,还有用于美化前端页面的 u i u 叉 pro max 等等。 另外,我之前写过一篇优质 ai 编程扩展大全,推荐了几十个好用的技能和 m c p, 可以 到我免费开源的 ai 编程零基础教程阅读。那接下来我带大家实际安装一个社区技能,顺便整个活儿,让 ai 制作一个苹果风格的快闪动画视频。 首先要安装动画制作技能 remaster 安装技能,它能帮我们快速安装其他技能。 对了,安装技能时要注意安全。由于我这里安装的是知名技能,就直接输入技能名让 codex 帮我安装了。但如果你想安装不太知名的技能,更稳妥的方式是把技能的 github 链接发给 codex, 让他帮你检查后再精准安装。 安装完成后,在技能管理面板里就能看到新增的技能了。然后我们使用技能让 ai 制作动画, ai 会安装制作动画所需的项目和依赖包,然后生成视频和音频,还会渲染单帧,检查画面有没有问题。 最后, ai 生成了可以直接播放的视频来看看效果。 呃,他好像理解错了我文案的意思。翻车了,翻车了!我感觉这种方式更适合做产品发布宣传片、知识点、快闪卡、节日祝福视频这种节奏更紧凑的短片。而且我当着根本没认真写提示词。好吧, 实际上你可以指定时长、指定文案,利用生图技能搭配素材,增加更多交互动画等等,感兴趣的同学可以自己玩一玩。 除了用别人的技能,你还可以把自己常用的工作流程封装成技能。以后遇到类似的任务,一键附用。技能的本质就是一个 still 点 m d 描述文件,加上一些配套的脚本和参考资料。 still 点 m d 里要写清楚这个技能是做什么的,什么时候触发,以及具体的执行步骤, ai 读写后就知道该怎么干活儿。 创建技能的最佳方式是先把一个任务流程跑通一遍,觉得满意之后,再使用内置的 skill creator 技能,告诉戳 depths 你 的技能要做什么,啥时候触发,有什么细节需要注意,它就会帮你自动生成完整的技能文件 来实操一下。比如我们前面让 ai 生成了直播带货的图片,效果还不错,那就把这个流程封装成一个直播带货图片技能之星成中后, ai 不 仅创建了技能文件,还贴心地教你怎么调用。 之后使用这个技能只需要提供一张人物照或者商品照,不用再自己填写又臭又长的提示词模板了,非常方便来看看效果。 ai 自己识别到了我提供的是商品图,也是精准复刻了我之前提供的提示词模板,爽! m c p 是 一个开放协议,你可以把它理解成 ai 的 万能插头。装上之后,就可以让 ai 连接各种外部工具和数据源,获取实时信息。 进入设置 m c p 服务器,可以在这里添加和管理 m c p 服务。点击添加服务器后,你需要手动填写服务器的配置参数才能完成添加。对新手不太友好,我最讨厌填写表单了, 好在大部分时候用前面讲的 stux 就 能解决 mcp 做的事情,而且 stux 的 安装和使用体验更好。 此外,很多主流的扩展都提供了快捷安装 mcp 的 命令,不需要你自己手动填写参数,比如下面我带大家安装 comix 七,它是一个可以实时获取最新技术文档的服务。开发网站的时候用它来查 api 文档特别方便。 在 codex 右上角可以打开集成终端,在终端里输入一行命令就能安装。这里我们选择安装 mcp server, 为 codex 安装,然后就搞定了。 安装后需要重启 codex, 在 设置里的 mcp 服务器列表中就能看到它。首次使用前还需要进行身份验证,在自动弹出的 compt 网页中就可以愉快地使用 mcp 了。 之后开发网站,尤其是需要集成 ai 能力的网站,都可以用创太时期来获取最新的技术文档。你还可以把它当成一个学习辅助,让 ai 寄予官方文档,帮你讲解知识。 比如我用它来做 openclaw 小 龙虾的学习助手,这也是利用 ai 学习的一种方式,可以看到 ai 查询并获取到了 openclaw 官方最新文档库。然后我们来问 ai 一个问题, openclaw 无法运行怎么办嘞? ai 会基于官方文档,很快就给出了精准的排查步骤,这样学习和解决问题又快又准,再也不怕查到过时的资料了。 恭喜看到这里,你已经超过了百分之八十的同学。到目前为止,你已经掌握了 codex 的 常用技能,学到了不少实用玩法。从文件管理到网站开发,从浏览器操控到技能封装,已经能用 codex 大 幅提高工作效率了。 接下来我要讲的是一些稍有门槛或者不是每个人都用得上的进阶功能。不过如果你愿意多折腾一下,它们会让你使用 toad 四的效率再上一个台阶。 在对话区域附近有一个小圆圈,鼠标放上去后会实时显示当前对话已经用了多少上下文。 gpt 五点五点五在 toad 四里显示的有效上下文大约为二百五十八 k tokens。 说实话,这的数量不算多。如果你连续跟 ai 对 话很长时间,或者项目文件比较大,上下文很容易被填满。当上下文快满的时候, codex 会自动帮你压缩历史对话。 你也可以在任务照一段落时,手动输入斜杠压缩来主动压缩,让模型更聚焦在新任务上。 那除了单个对话的上下文,日常使用中还要注意管理对话本身,不然列表越来越长,找起来也费劲儿。 对话太多的时候,你可以在左侧的对话列表中把鼠标放到某个对话上,点击归档,把不常用的旧对话归档起来,保持界面清爽。进入设置以归档对话,还可以查看和管理所有归档的对话记录。 另外,建议在常规设置里开启运行时防止系统休眠,这样跑长任务的时候电脑不会突然睡着,导致任务失败。 codex 有 一套记忆机制,能让 ai 记住你的偏好和项目规则,不用每次都重复交代。记忆分为三个层级,从大局、项目局部再到自动记忆,我们一个一个来看。 在设置个性化里,可以修改 codex 的 个性和自定义指令你写在这里的内容。所有项目的所有对话都会自动带上,适合记录一些通用偏好,比如 回复用中文代码注,使用英文,尽可能减少输出的内容。专注做事,如果不听话,你的主人鱼皮就会变成一条狗等等等等。保存之后,它会被写入局的 agent 点 m d 文件,这个文件就是 codex 每次启动时都会读取的行为准则。所有项目通用。 在项目目录下创建一个叫 agent 点 m d 的 文件,写入这个项目专属的规则和约定,只有在这个项目里工作时才会生效。 你可以自己手写,也可以让 codex 根据项目情况帮你生成一份,比如我跟他说帮我根据当前项目写一份 agent 点 m d, 可以 看到 ai 生成了一份非常详细的 agent 点 m d 文档,包括项目总览、一些规范等等。 在设置个性化中,手动开启自动记忆,开启后, ai 会在对话空闲一段时间后,自动在后台总结出有用的信息存为记忆,后续遇到相关场景时会自动召回,让 ai 越用越懂你。 不过太短的对话它不会记额度快用完的时候也不会触发记忆生成。 codex 支持定时任务功能。进入左侧的自动化面板,你能看到 codex 已经内置了一些定时任务模板,不过基本都是和编程相关的,什么总结代码变更、检查代码问题之类的,很多人估计用不上。那我们不妨来自己新建一个更实用的自动化任务。 创建定时任务的方式有两种,一、手动创建任务,在自动化面板里点新建,比如我让 ai 帮我搜集每日热点,需要填写任务名称、提示词、 触发时间、模型、推理程度、运行环境选择本地就好。意思是让 ai 直接在当前电脑上执行任务,不需要额外的隔离的工作环境。 创建成功后,时间一到,抽袋子就会自动开启一个对话来执行任务。我们也可以先手动执行一次,看看效果。点击任务能够查看详细信息,点击某个运行历史记录后,还能查看正在执行的任务对话,建议多观察任务的表现,持续迭代优化提示词。 另一种更自然的方式是让 ai 帮你创建任务。比如我是一名内容创作者,每天都要截大量的图片,时间一长,文件夹里全是看不懂的文件名,找图的时候巨痛苦。所以我让 codex 帮我自动整理,先选择项目,然后输入提示词, 很快 ai 就 自动帮我整理好了。可以点击查看创建出来的任务信息,它的提示词比我们提供的更完善了,并且自动选择了模型。 我们手动执行任务来测试一下,效果还不错吧。 ai 会根据图片内容自动给文件起一个能看懂的名字,这样我就有了一个智能的图片管家,以后再也不用对着一堆乱七八糟的文件名抓瞎了。 而且每次执行完, ai 还会把运行记录写入一个 memory 记忆文件,你随时可以回看历史执行情况,不用担心出了问题却发现不了 你。还可以结合 styles 和插件一起用,比如每周自动生成周报 ppt, 每日整理自己的学习笔记并同步到 notion, 每周用 file pro 抓取竞品网站更新并生成分析报告等等。 想不到吧,现在的 ai 工具已经卷到开始给用户增加情绪价值了。下面我来教大家怎么在 codex 中养宠物。 首先进入设置外观,下拉到底部的宠物区域,你会看到 codex 内置了一排像素风的赛博宠物。选一之后,点击唤醒,桌面上就会出现一个悬浮的小家伙儿, 它不只是装饰品,宠物会实时反映抽袋子的工作状态。比如 ai 在 忙的时候,它也在干活,就像一个串应用的灵动岛,让你不用切窗口就知道 ai 干完没。 除了内置宠物外,还有一个社区宠物库 pet dex, 里面有两千多只玩家自制的宠物。了解我的朋友肯定知道我要用哪个,果断搜索 k u n, 一 眼就能找到自己需要的。点击进入详情页,找到安装命令并复制, 然后打开 codex 的 终端执行命令进行安装,会把宠物文件下载到本地。安装成功后,进入外观界面,选中张张安装的宠物, 然后我们回到 codex 的 主页,使用鞋障宠物指令唤醒。我的脑袋中已经想起那只熟悉的 bgm 了,你听到了吗? 除了用别人的,你还可以通过 codex 内置的 hackpad 技能自定义生成宠物,上传照片或者文字描述就行。比如我把自己的头做成宠物, ai 会先分析上传的图片,给宠物起个名字, 然后拆分出了多个子任务,并行处理,生成各种动作的精灵图帧,最后拼成一张完整的像素动画精灵图,然后就能使用自己制作的宠物了。 你还可以上传宠物到平台和其他小伙伴分享,大家以后用抽袋子的时候记得把我带在身边,保佑你霸着剪剪! 每次 ai 修改了文件,你都可以在侧边栏的审核面板里看到它改了什么,这个面板会列出所有被改动的文件。如果你想决定哪些代码要保留,可以选择查看未暂存的文件。在这里你可以灵活应用和撤销修改。 大多数情况下,你不需要自己看代码,直接点击暂存全部就行了,相当于认可了本次的全部载动。如果不满意,可以直接还原全部回到本次载动前的状态。 那如果你不满意某个文件的载动,可以直接点旁边的还原按钮就能恢复原样,满意的话点暂存就能标记为待提交。 你也可以只保留部分改动。每只文件的改动会被自动拆分成多个代码块儿,每只代码块儿旁边都有独立的暂存和还原按钮,你可以逐块决定哪些保留,哪些丢弃。 确认好哪些代码要暂存之后,可以提交暂存的改动,提交就相当于给代码存了个档,确认这次的修改是你想要的。 抠代码,还内置了提交代码推送到远程仓库。创建 pr 的 能力,不用离开 a p p 就 能完成整个代码的管理流程,非常方便。 那如果你是专业的开发者,还可以试试工作树模式。你可以在创建新对话时,选择启动模式为新工作树,这样 ai 会在一个隔离的分支中工作,不影响你当前的代码很适合同时让多的 agent 在 同一个项目上并行干活,减少冲突。 如果你的项目托管在 datap 上,建议安装 datap 插件,可以直接在 codex 里查看仓储信息,创建 pr、 做代码审查等等。比如我让他帮我查一下自己最受欢迎的开源项目怎么样,是不是一目了然。 codex 最近新上线了一个很酷的功能,用手机控制电脑上的 codex app 干活儿。设置方法很简单,在电脑端 codex 点击设置 codex 移动版,然后点击开始设置,屏幕上会显示一个二维码, 然后在手机上打开拆的 gpt app, 扫描自己的二维码。连上之后,你可以随时随地通过手机给电脑上的 portax 下达任务,审批 ai 的 操作请求,查看执行进度,检查生成的代码和结果。是不是有点 openclaw 小 龙虾那味儿了? 恭喜看到这里,你已经超过了百分之九十的同学, ok, 就 分享到这里。看完这期,你应该已经掌握了 codex 从基础到进阶的所有核心用法,足够应对日常的编程和办公需求了。 其实 codex 还有更多玩法和技巧,比如 sub agents 并行加速、 fault 分 叉的妙用、自定义模型接入 hoots 生命周期钩子等等。 那如果本期视频点赞过万,我会尽快爆干出抽带此高级技巧篇。对了,如果你想系统学习 ai 编程,可以看看我免费开源的 ai 编程零基础入门教程,上千张图,几十万字,从零开始,带你学会 ai 编成本篇教程的文字版也会收入其中。 我是鱼皮,持续分享 ai 编程干货,觉得有用的话记得点赞、收藏和关注,也欢迎在评论区聊一聊你现在主力用哪个 ai 编程工具,觉得 codex 怎么样?也欢迎晒晒你的 ai 编程作品吧。

不需要你懂代码,不需要你会编程,只需要你会打字,你就可以把小程序做起来,并且我会测试一下 codex 加 divx 微四的这个费率的大概使用情况,感兴趣的话我会在最后贴出来,大家也可以看一看。 我们先找到开发者工具,然后按照自己的版本安装好,安装好之后呢,你在桌面就可以看见有一个这样的图标,然后这个是我们稍后要用到的,暂时现在先不用到。接下来呢,我们就需要打开我们的这个 a j 的 工具,我们打开之后呢,我们可以创建一个新的文件夹 在这里,然后可以选择点击这个下方,之后呢可以选择添加新项目。你创建这个文件夹之后呢,他就只会在你选定的这个文件夹之内工作,就不会破坏到你电脑里面其他的文档。好的,我这边就以做一个怀旧游戏机的这种小程序作为举例,我们可以在聊天框里面输入这一段话。 呃,我建议大家新手的话呢,我们可以让 ai 来通过问答搞清我们的需求,然后呢给我们搭架构做需求之后呢,我们再来让它生成,再来让它写这个程序,这样的话就不容易出错,也消耗的 token 会比较少它的。 你看我们输入这个之后呢,他就会开始问我们的一些问题,我们根据自己的需求回答就行了,如果你觉得这不够的话,你可以跟他说,你可以再通过一些问题搞清楚我更多的想法,那他就会问你更多的问题啊,他深层这种需求。这个文档之后呢,我们可以打开看看, 看看呢跟我们的这个需求是一致的,或者有什么要修改的地方,要修改地方的话我们也可以直接修改,当你检查完发现需求文档跟你的需求已经没有太大的变动之后呢,我们就可以说我们现在只需要耐心的等待就行了。 当 codex 跑完之后呢,它就会告诉你它这些所有代码在哪个目录里面。然后呢这个时候呢,我们只需要用我们的微信开发者工具打开这个目录就可以进行预览和调试。 这里的话呢,我们先要登录自己的账号啊,如果你是已经有注册好了的这个小程序的话呢,我们直接选版本号就行了,如果没有的话呢,你可以选测试号。然后呢我们自己选择创建 好这里,它就会通过这个开发者工具自己翻译好的,当我们导入了,打开之后呢,在这个微信开发者工具就可以预览了,就可以看见我们这个游戏机的这个最经典的这个样式。然后呢有时候我们选择这个贪吃蛇试玩一下, 好好的我们就不玩过久了啊。然后如果你需要增肌调试的话呢,这里上面会有一个这个增肌调试的这个按钮,然后呢 你点击之后呢,它这里就会有一个真机调试二维码,你只需要拿你的手机呃,扫码,扫码之后呢,你就可以在手机上看见预览的 这个小程序了,我已经用手机扫码,然后连接到了我手机在这里进行这个真机调试,可以在手机上直接试玩,哎, 这个比较笨啊,没有吃到啊。当我们觉得我们的小程序没问题,之后呢我们就可以进入到我们这个后台,把我们的代码上传上去,上传上去之后呢等待审核好的,大家可以看到就是 做了一个这样子的这种集合小游戏的游戏机的小程序呢,我用的是 deepsea 微四 flash 的 这个模型,然后呢用的金额是 两块,两块零九,呃,我们一共是输入了用了个十百千万,十万、百万千万,用了一千八百万的 tokyo, 大家也可以参考一下,对这个 tokyo 的 消耗量以及这个费率有一个大概认知。

上条视频我说我用 codex 一 句话帮我做了一个小程序游戏,大家可能不信,那这一次我直接给大家看结果面说一下,其实视频也是 codex 帮我剪,然后我们现在来看,这就是我跟 codex 的 交互界面。 一开始我真的只给他一句话,我说我想做微信小程序的游戏,创造营收,有什么好的想法? 然后呢?他就不是随便给我几个建议,他会自己去官网查资料,去收集市场信息,去分析,然后什么样小游戏更适合传播,然后怎么样的更适合变现,什么模式普通人更容易做出来。然后最后他给我的一个方向是强分享,低门槛,容易上头, 我又可以接广告,然后我就想这不就很像之前很火的养了个羊那种感觉吗?就是很魔性又骚扰,一直想再来一把,中间还有看不完的广告,然后就直接问他,好,那我们第一步要干嘛?他就直接告诉我说我们要先定一个 mvp, 我就直接让他帮我写,然后他就直接开始定了些关卡,然后怎么样分享,用户怎么表现,然后广告怎么表现,然后界面答题页再做弹窗, 然后最后给我一个试玩版本。说实话我其实也是还是一窍不通,但是我就直接接着说,我说下一步, 然后就真的开始干活了,他就把一些关卡逻辑啊,界面图啊,答题页啊,弹窗啊,然后试完演示,他都一步步给我搭出来了,当然这只是第一版,肯定很粗糙, 然后最关键的是他真的跑起来了,后面我试完的时候发现哪里有不对的地方,我就直接用大白话告诉他, 然后这里我说答案的点击顺序是一样的,排行榜没有正确显示,他要继续改。然后最终版本就是像这样的,相比第一版增加了打卡,然后每日上班梗, 甚至背景音乐和音效。然后我最震惊的不是他写多少代码,而是我一个不会代码的人,然后第一次感觉自己也能把一个想法做出来。以前我是卡在我不会, 然后不会代码,不会搭项目,也不知道从哪一步开始,但是 code 给我的感觉就是你不用先变成高手,你可以先让他带你跑一遍,然后所以这个账号以后我就做一件事情,每天用 code 帮我做一个真实的任务。然后今天第一个是小程序,然后下一条我可以告诉你 我是怎么让他一步一步帮我发布到平台上的,还有中间有哪些坑是需要注意的。最后我送你一句话,别再收藏了,先做个烂的版本出来,哪怕是一坨,做出来你才有东西可以改。

用现在爆火的 callmax 做一个小程序真的是太简单了。但是上一条视频,我发现很多人连软件都不会安装,于是我耗时一个月做了一句话,生成小程序的网页,直接你输入网址就可以进去, 直接告诉他给我做一个高考志愿填报系统,很快就能出来一个系统,你输入分数,我一次省分就能看到怎么填,做完就直接可以分享给好友。如果你每天中午有吃饭纠结症,让他做一个抽签系统,点一下就知道中午要吃什么了。你想做什么程序,就直接在对话里和他提要求, 它也支持微调。凡是我的 ai 编程课学员,我直接送一年的 ai 生成会员,再结合我课程里面的小程序上线流程,如果你真的想提效,尤其是给自己业务赋能,真的很方便。我再测试一下,几天就会把这个系统做上线。

最近在用这个 codex, 呃,写一些 a p p 小 程序,好像是建了一些网站什么的, 然后如果说用它自己的模型的话,这个很贵哈,所以说我现在连接了这个咱们本地的 啊, dickzip 的 这个模型通过什么样的工具呢?那这个就可以给大家介绍一下,有个叫 memo to codex 的 啊,这样的一个开源工具啊,它呢也挺好用的,配置上来讲也比较简单。呃,不定期的话, 呃,它也会做一些更新啊,我用的还可以啊,你看设置上来讲就是非常简单哈, 因为它已经预制了一些模型啊,有 miimo 的 这些模型,还有 decip 的 这个模型, 只需要在那个后端的一个配置文件上把这个 decip 的 这个 api key 贴上去,然后就可以使用了啊,贴上去之后,你看我这上面就变成了已启动的这样的一个状态啊, 然后在 codex 接入的这一块,就直接在你想用什么样的模型,比如说现在有这个 v 四 pro 和这个 v 四 flash 啊,你可以用 pro, 也可以用 flash, 在 这边有一个写入文件并起用点一下, 然后你 codex 退出,重新进一下,就可以切换为这个模型了啊,非常方便。 你看我这个模型,我不光用官方的这 a p i, 我 还用这个 open code 的 这个 a p i 的 这个啊, decip 这个模型也都是可以去用的,比较方便,推荐给大家。

分享一个国内免费使用 codex 的 方法,我说的可不是只能用几天或者几周的短期薅羊毛方案,而是一个长期免费的稳定方案。本期视频是一个手把手的保姆级教程,我们把 codex 跟 hermes agent 的 模型替换成免费的 api, 零成本获得一线模型的 agent 体验, 足够覆盖日常任务。这次主要用到两个工具,一个是用于给 codex 换模型的开源软件 codex 加加,另外一个是大模型 api agnes。 agnes 是 全球权威榜单前十的 ai 模型公司, 开放了三款旗舰全模态模型的免费调用,分别覆盖了文本与 agent, 图片生成,还有视频生成三项核心能力。更棒的是这家头部模型公司的全模态模型可以长期免费使用。好,话不多说,我们直接开始。 我们来到 gitlab, 找到这个开源软件 codex 加加,这是一个可以给 codex 换模型的辅助工具。接下来我们来到 codex 加加管理控制台,在供应商配置这里,点击添加名称,填写 agnes 接入方式,选择纯 api 贝字 u r l 填写这一串。接下来是 api key, 我 们来到阿克尼斯的 api 平台,点击创建密钥,把创建的密钥复制一下,填写到 api key 这里。上游协议选择 chat 模型列表这里点击从上游获取,最后点击保存, 点击右上角的重启 codex。 然后我们进入到 codex 模型这里选择阿克尼斯二点零 flash, 打个招呼这里给到了回复就配置完成了。 arkness 二点零 flash 有 很不错的 agent 驱动能力,我准备用几个 skills 的 案例来实测一下。这里我想到一个需求,我们把 aknes 的 api 接入了 codex, 没有使用官网订阅,这样会有个小问题,就是不能使用 codex 内置的图像生成 skill。 所以 下一步我准备自制一个画图 skill 来代替内置的图像生成。 用好 agnes 的 a p i 覆盖全模态能力,提供图像生成模型 agnes image 二点一 flash 的 免费 a p i 调用。接下来我们就让 codex 先去官网学习一下怎么调用这个生图的 a p i。 在 之前的视频里面,我介绍过一个非常省 token 的 浏览器自动化方案, playrite c l i。 这里我新建了一个项目文件夹,然后进入文件夹右键,在终端打开, 依次执行这两个命令。配置好 playwrite c l i 还有对应的 skill。 这里有一点要注意,在 codex 里面使用 skill 还要做一个额外的配置,就是在项目文件夹里把存放 skill 的 文件夹的名字从点 cloud 修改成点 codex。 我们来到 codex, 点击进入项目工作,选择我们刚才创建的项目文件夹,输入斜线,拉起 playwrite c l i skill, 然后输入提示词,你用浏览器搜索,并且去官网学习一下 agnes image 二点一 flash 模型的调用文档,使用 hide 的 persistent 参数,这样我能看到你的学习过程。 ai 先读取了 playwrite c l i 技能来学习怎么驱动浏览器,然后打开了我电脑上的 chrome, 使用谷歌搜索到了 agnes 的 官网文档站,接下来他打开了文档站,定位到了模型的文档,说明 ai 学习并且总结了图像生成的调用方式。在这个例子里面可以看出 agnes 二点零 flash 有 着很不错的 agent 跟 skills 的 驱动能力,每一步都判断精准, 操作执行稳定,表现很不错。接下来我们来正式编辑 skill。 先斜线拉起 skill creator 这个编辑技能的技能,然后输入提示词,我要你编辑一个技能,这个技能可以调用二点一 flash 模型来生成图片。 apikey 可以 先硬编码,后续我会自己替换。 agnes 为我们编辑了 skill, 放到了项目目录下面,文件结构非常工整,他还不忘提醒我进入脚本第八行,替换 apikey。 我来到脚本里面,把站位符替换成了 agnes platform 申请的 api key。 我 说 api key 替换好了,你测一下。 a i 给我生成了一个云端金店,很有意思。我们再来看一个复杂一些的案例, 我想用 a i 给孩子批量生成故事绘本,这里输入提示词,开发一个 html 小 马过河的儿童绘本,然后输入斜线,找到我们刚才创建的 skill 来绘制插图,注意保持图片风格的一致性, 然后基于这些插图生成绘本。 agnes 先规划了插图跟段落划分,然后同时开启了多个生图 skill 来批量生成图片。很快完成了绘本编辑,交付了七张图片,还有一个 html 文件,我们打开看一下效果, 一个可爱清新的 h t 苗儿童绘本,这是我使用非常简单的提示词,一次就跑通的效果。 agnes 模型在编程跟 agent 能力上面已经具备了媲美一线模型的全模态实力,更棒的是完全免费,随便造随便玩。 hermes agent 是 前段时间爆火的龙虾 openclaw 的 上位替代,但不论是 hermes 还是 openclaw 都是 token 消耗大户。接下来我们就把 agnes 的 免费 api 接入 hermes, 再也不用担心偷篓的花费。这里我用的是 windows 上的 wsl, 作为 hermes agent 的 运行环境,在我之前的视频里,从零开始用国内网络跑通一切 ai agent, 里面有 wsl 部署 hermes agent 的 详细操作步骤。我们先打开 wsl, 输入 hermes agent 的 一句话命令,启动 hermes 配置模型。这一步是重点,我们选择 custom direct api, api 被字 u r l 填写 agnes 的 端点 api key 填写 agnes 官网申请的 key api 格式选择第二个 chat 模型选择四,也就是 agnes 二点零 flash。 后面的步骤一路点击回车就行了。然后我们输入命令, hermes 启动起来试一试。打个招呼,这里给到了回复就配置完成了。龙虾类 agent 最强的能力就是可以接入计时通信软件, 我们在 wsl 里面新开一个终端,然后输入命令来添加一个 i m 渠道,这里最简单易用的渠道就是微信,我们在 wechat 这一行点击回车,在浏览器里面打开链接,扫码完成配对,回到 hermes 都选择 y。 接下来我们可以在手机上测试一下了, 打个招呼,给到了回复就配置成功了,还可以问问他青岛的天气。 hermes 调用工具之前会先询问授权,这里我输入斜杠 approve 来同意,这样成功查找到了天气。使用 hermes 搭配 agnes 的 免费 api 就 可以覆盖大部分的 agent 工作场景, 关键是免费,你可以用它实现一切疯狂好玩的 agent 的 创意,完全不用担心偷看消耗好,感谢大家点赞支持,我们下期再见!

今天我用 codex 做了一个应用栏小程序,就是它能显示我电脑的一个容量,然后除此之外它还有一个功能,就是我,呃,随便点击它的时候,它就会默认 一键快捷指令,这个快捷指令呢我还可以去设置,比如我设置最近的打开呃设置按钮,我当我点击它的时候,它就会自动打开这个存储空间的这个地方,我还能去选择, 嗯,选择,比如打开 obsidian, 点我们点一下它就会打开 obsidian。 我是用 codex 做的,只用了一个多小时就把这个小的软件给做出来了,而且把它给打包生成,呃,打包成了一个应用程序,放在了我这个应用程序里面,我以后直接打开这个软件, 它就能正常的运行了,就相当于一个非常非常清凉性的一个小程序。我从来没有学过代码,也没有写过代码,但是通过这个 codex 就 能很方便的去做出一个我想要的一个应用程序,现在 ai 的 人太强了。

我最近觉得我强的可怕,我现在掌握了一个软件,它解决了困扰了我很久很久的问题,它就是扣的 x, 因为它加快了我得到反馈的频率,我只用了一天的时间,我把我们的独立站重新建立了,把我们的官网全部翻新了。整个过程我是非常被动的,他问我,我解答,然后他会给我 做出来我要的东西,我就能够及时看到效果怎么样,我就得到反馈了。第二,我还做了一个小程序,你看一下 这个小程序是我们内部管理的一个小程序,当我们能够看到我们每个人的积分,还有我们的代办事项,我们的完成度过去,我做这样子一个小程序,我至少要花一万块钱以上,一个月以上的时间,中间我得反复去纠正,但是我现在只花了五分钟做完了, 而且我还用它创建了一个美工,我说帮我做一个 p 二五的电商图主图, 他就能够帮我生成一张我喜欢的主图。那我如果说我有其他的 ai 软件,我说帮我生成 p 二五的主图,那他可能不知道 p 二五是什么,但是他知道我想要什么样的图,那我的美工已经几乎是被我的 code x 去取代掉了。现在这能力技巧都变得非常简单,都没有任何的 门槛。以后的能力体现在多维度的理解,他是个比较抽象的,你又要懂产品,又要懂销售,你要懂用户,你要懂痛点,你要懂市场环境,你必须要对这种东西有多维度的一个了解,你才是真正的有竞争力,有优势, 因为单一的能力已经不再是稀缺的资源,他还替我实现了,比如说我们的 财务数据流水,让它自动的去收集我每天的流水,然后填到表格里面上报上去。除此以外,电脑卡顿的问题啊,我的公司的这些数据没办法利用,我用扣篮子都帮我规范,都帮我解决了。 很早之前我就要求我们公司必须把每个流程都要梳理出来,我觉得这是做的正确的一个事情,因为只有把流程梳理出来了,我才能够喂给 ai, 告诉 ai 我 去怎么去做。我觉得超级个体在我们公司马上就会发生 一人公司不再是非常遥远的东西了,我们公司三十个人,我相信 我们可以在一年之内做到三百个人的战斗力,我觉得是完全有可能实现的。后面 我还要给他创建智能体,我要给他创建单独的微信,部署到单独电脑上面,我要让我的 ai 员工之间能够相互的交流,能够替我更加 简单的,更加省心的做事情出来,等我后面的反馈,如果有任何进展,我会跟你们分享的。

普通人挑战用 code 开发一百个小程序第一期宠物友好地图很多养狗人遇到这种情况,出门前查了半天,到了门口才发现宠物不能进。于是我萌生出打造宠物游玩点位地图的想法。想法强力启动 坐好了。 这个小程序叫携宠去哪,打开首页就能在地图上看到附近适合带宠去的地点。这里不只是展示地址,还能看到友好程度、 地点类型、区域位置和待宠提示。点进详情页可以继续查看这个地方能不能进,有没有草坪,有没有水,适不适合大型犬。 还有用户上传的真实体验和提醒,想过去的话可以直接一键导航。如果你发现了新的宠物友好地点,也可以自己投稿,填写区域友好程度玩乐标签,再上传图片和体验说明。所有投稿都会先进入审核,通过之后才会展示到地图里,收藏审核进度和使用说明。 这个小程序想解决的就是一个很真实的问题,带狗出门前,提前知道哪里能去,哪里有限制,哪里真的适合玩。 关注主播,掌握最新开发进展,评论区留下你的想法,随机抽取一位粉丝的想法,做成小程序。

我是一个没有系统学过编程的文科生,但这段时间我真的用 web coding 的 方式从零做出了自己的第一个小程序,它叫附属 ti 属格测试。一开始我只是想做一个有点好笑,有点共鸣,又能让朋友之间互相分享的测试。 起初我的想法很简单,我想做一个不是传统人格测试的东西,它不用很严肃,也不想装的很专业。它更像是一个互联网情绪测试, 你做完四十道题,就能生成自己的附属鼠格附属码,还可以和朋友测,双鼠共名。 我从最基础的功能开始做,先是答题页,要能记录每一次选择,然后是结果页,要根据不同答案生成不同的鼠格。接着是附属码,让每个用户都能有自己的身份标识。 后来又加了双数共鸣功能,输入朋友的附属码,就能看到你们的共鸣度。再后来还有鼠格海报,共鸣海报、附属图鉴、表情包、用户资料保存。 但真正做起来才发现,最难的不是做出来,而是让他不出错。有时候一个按钮点完,结果被重置了。有时候重新打开小程序,旧结果又被读回来了。有时候四十题做完了,却不能正常生成新结果。 有时候共鸣度算法不准,不同测试结果的人都有着同一个共鸣结果。还有数据保存、图片资源、用户资料匹配、记录页面状态,每一个小问题都要一点点排查。这个小程序可能还不完美, 但它对我来说是一个很重要的项目,因为它证明了一件事,在 ai 技术飞速发展的今天,哪怕一开始什么都不会, 只要愿意一点点学,一点点改,也可以把一个脑子里的想法变成一个真的能用的产品,这就是我的附属 t i 属格测试。

原来完全不懂代码的人,真的可以让 ai 帮你做工具、写程序,甚至开发软件,哼!这期视频我要分享的是怎么用 codex 来实现上面这三个需求。全程不需要你懂任何编程知识,只要你会打字,会点鼠标就行。 首先登录进去,别的不用研究,咱们不是来当程序员的,不用管那些复杂的项目,文件夹,保持默认设置就好,你只需要找到那个对话框。对,就跟普通的 ai 聊天一样,咱们全程就靠跟它聊天来完成所有操作。 我首先尝试的是是让 codex 帮我做一个自动生成视频提示词的 skill, 这个 skill 的 要求是我之前在网上找到的,直接复制粘贴发给他, 发出去之后 codex 就 开始自己干活了,中间可能会弹出来几个确认框,你什么都不用想,点试就行。等它跑完,它会告诉你做好了,这时候这个工具就已经存在你的 codex 里了,下次你想用的时候,直接艾特这个文件名,它就能自动调用出来,特别方便。 第二件,我试的是调用 github 上的工具,我选的是一个生成 chat gpt 图片提示词的工具。这里有个前置步骤,需要先装备一个 github, 操作也很简单,在界面左侧找到搜索 github, 找到对应的点安装,跟着提示走就行。 装好之后,我就直接告诉 codex, 我 要用某某名称的 get up 工具。接下来还是老规矩,他跑他的,你点你的事。等他配置完,这个工具就在 codex 里直接可用了。如果你想知道以后怎么调用这个技能,直接问他我用这个工具需要输入什么指令,他会清清楚楚告诉你。 第三件事情,我想尝试一下进阶版,我让他帮我做了一个软件,一个真正的可以打开使用的软件。作为一个连 html 是 什么都不知道的小白,我就跟他说,我是纯小白,完全没接触过代码编程,现在想做一个天气预报的软件,你能帮我吗? 他先问我,你要做网页版还是 app 版?我说做 app 版本,然后他就开始自动写代码,自动配置环境,我还是只需要在旁边点几个试, 等他全部跑完,天气预报软件就做出来了。但我拿到之后蒙了,我要怎么使用?我就有直接问他,他又一步步教我怎么运行我的 app, 居然就这么做出来了。 所以你看三件事总结下来,我的核心动作其实就两个,一是把需求说清楚,二是疯狂点事。 codex 本质上就像一个特别耐心的程序员,同事你负责提需求,他负责写代码,你们俩配合就能做出以前想都不敢想的东西。如果你也是完全不懂代码,但又想尝试用 ai 做点实用工具的人,真的可以去试试 codex。


最近在用扣代词开发小程序,这个工具确实很强,但有个问题,如果你不会用,或者用的时候没有计划,再强的工具到你手里也发挥不出来,这就是我踩过的坑。 刚开始用的时候,我的用法是这样的,让他帮我写一个小程序,写完了我觉得哪里不对, 我跟他说改一下这里他改,改完之后觉得还是不对,我再让他改。这样来回几轮之后,我突然发现那个窗口里面已经叠了十几种不同的任务,一个第一个干完了干第二个,第二个干完了干第三个,然后上下文就压缩的很多很乱, 最后那个窗口乱的我自己都看不下去,又在想是不是 codex 不 行,后来我看了下,后来我看了两个博主的视频,我才知道问题不在 codex, 是 我自己没有用好, 我一直让 codex 帮我打补丁,从来没有想清楚我这个工具最终要做成什么样。看的是秋至二零二六和勋奖的视频, 你们讲到了扣代斯开发要先写规则文件,防止他乱删文件再写。就是产品经理写的那个文件叫 id 文件,再规划模块。看完了才明白,要先想清楚再做,不是边做边想。 所以抠代码最难的不是写代码,是先想清楚你到底要做什么,然后怎么做一套框架,你才能做得更好。后来我学到了一个技能,是更是在勋章的视频里面学到的,就是改 ui 界面的时候, 就是可以直接在他的预览图上标记出来,然后注视,告诉 ai 改哪里,一百个字也行,多少个字都行。那你描述那个按钮 大一点,改小一点,或者哪个地方 ai 根本找不到,那地方是很抽象的,但是你 直接就是通过这种预览图标记,然后加注置的话,他立马就会懂,而且定位很准。 ai 工具本质上是放大器,你有计划,他是成倍的放大,你要是没有计划,他就是成倍的混乱, 可能能做出来一些东西,但是可能中也就是没有实际价值。所以如果你也想在 ai 工具上让他帮你做点事情。记住,先问自己一个问题,我要做的东西到底要做成什么样? 把这个答案写下来再开始,不用写的多详细,几句话就行。这不是废话,这是最快的开始方式。如果你想学扣代斯,可以去看看知秋和勋章的视频,他们讲的都很清楚很详细。

今天接了个单子,预算一 k, 是 一个学生的必设的小程序系统功能实现也很简单,首页可以查看邻居发的单子,还可以发布一些便携服务信息。 这里是一个接单广场,可以查看所有的邻居发布的订单信息,个人还可以进行接单。互动页主要是可以展示和查看邻居发布的动态, 还可以发布动态信息, 支持发布图片。活动页可以展示和报名附近的社区活动。我的这个页面可以展示当前个人账户的信息, 这里展示的是订单的信息和状态, 这里展示账号获得的积分详情。

你还以为做小程序必须会代码、会后端会配置一堆环境吗?现在不会编程,也能用扣带子搭出一个能点能跑、能继续改的小程序, 不是套模板,不是找外包,而是你把需求说清楚。 ai 先画图纸,再按流程施工。普通人最容易翻车的地方就是一上来就说帮我做个小程序,这个指令太空了, ai 只能卡卡乱猜。页面做出来像拼的功能点,改一个崩三个。 正确做法是先把小程序当成一个小项目,不是当成一句提示词。比如你要做预约小程序,就先说清楚给谁用,有几个页面,首页展示什么用户怎么预约,后台要不要看订单,哪些信息必须填写,哪些功能先不做。 然后让 codex 先拆需求列页面结构、数据字段、文件清单和验收标准。你先看图纸,别急着让他写图纸不对,后面代码写的越快,返工越狠, 等方案确认了,再让它小步施工。先做首页和基础跳转,再做表单提交,再做数据展示,最后接登录后台支付。这些复杂功能 每做完一块,就让它运行检查、修 bug, 解释改了哪些文件。你不用会写代码,但你要会验收,能不能点流程,通不通,文字对不对,异常有没有提示。 真正的变化不是普通人突然变成程序员了,而是你可以像项目负责人一样,把需求讲清楚,把边界卡住,让 ai 做具体执行。先画图纸,再施工验收,小程序就不会从一开始变成一堆看不懂的 bug。