codex 前端技巧

类似于扣子这一类的编程智能体，他的整个架构和实现啊，那也就是说，如果你作为架构师，或者说你想成为架构师的话，今后你一定是要把 ai 充分应用到你的团队， 然后呢看整个开发链路上面啊，很多同学可能之前都听过我们之前的一些 ai 的 公开课，包括呢纯前端方向的啊，大家如果没有的话呢，可以把之前的去学习去看一看，因为基本上呃很全面啊，从大模型到工程化， 到性能监控，到框架原理，原码格式化，图形学，全站服务端渲染、语言协调、低代码多端开发和职业发展以及如何去面试 都有对应的方案啊。面试的话呢，分为技术篇、项目重难点篇和简历深度优化篇啊，以及高分面试技巧篇这样几部分，大家可能去找咨询老师去了解，去领取一下啊。当然大家如果说学习了之后想系统进阶的话，可以了解一下我们最终这个训练营的内容，加入进来之后呢，一起来去成长。好， 那我们主要围绕三个问题，第一个的话是初中级的一个问题啊，就是朋友们可以把我当做面试官，我现在问的这个问题呢，大家可以下来自己思考一下， 你作为前端开发之前有没有对 ai 提效工具有过了解啊？然后呢，比如像 codex 和 tree 和 openclaw 这些工具有没有听说过 啊？这是第一个问题，这个比较简单，也是考大家在 ai 体校和 ai 业务方面的一些认知问题的这样一个简单问题啊。好，第二个中中高级的问题，如果让你站在前端的角度来看模型，来看智能体，来看 ai 开发他们之间的关系， 怎么去选择模型，怎么去开发对你的智能体来支撑团队或者公司的业务，这是第二个问题啊，第三个专家级的问题，这个其实就能够回答的好的话，就非常加分。如果现在你去了一家公司，说你有没有一个非常完整的工作流 来去支撑你的团队的这个 coding 啊？就是 ai coding， 如果让你来去开发一个类似于 codax 这样的编程工具的话，有没有实现的思路和方案啊？那给出最终一个核心版本的 codax 的 设计， 这个呢，其实很多同学之前可能没有详细的去了解过啊，对应的这一部分的知识点，我给大家建议呢，是大家接下来一定要去把我们待会给大家去演示这个项目，完整去看一遍，去实现一下啊。 好，那我们现在呢直接看到第一个问题，当然在开始第一个问题之前，我们要把最终第三个问题带大家去完成的整个类似于 codex 的 就是妙码 codex 的 这样一个 c u i 智能体工具呢，给大家来去做一个演示。好，那我现在呢把项目打开来给大家演示一下， 随便打开一个项目，比如说就在妙码 codex notes 这里，我们待会呢会给一个笔记啊，这个笔记的话就是为了待会给大家去授课的时候，来让大家跟上我的这个整个教学节奏和思路。 好，那我们开始之前呢，在这里创建一个妙码杠 codex 杠 demo 的 这样一个文件夹，然后我直接把刚才的 c o i 工具啊 cd 到 下面的 code notes， 好， 在这个里面呢，我们再 cd 一 层进去，比如说我们现在要在这个文件夹里面写代码， 好，比如说我们在在，现在要在这个文件夹里面写代码。好，我们一般情况下我们可能都会直接啊在这里面去开始自己一点一点创文件，写文件，写内容，写代码，对吧？但是现在 ai 时代的话，如果你还没有对应用过对应的工具，那接下来大家看好了，我就在这个控制台里面去完成整个开发工作。 先给大家大概去演示一下 codex 的 使用回车，这个呢就直接在我们当前的这个文件夹中间打开了 codex， 在 这个 codex 里面打开以后，我们就可以去促使化，比如说我可以去促使化一个 agent， md， 这个时候我可以把我当前项目所有的约束啊，还有呢包括我们当前项目中间所有的一些细节的内容，包括规则，全部可以给它促使化。好。 agent 点 agent 点 md 呢？可以说是 用 ai 去驱动开发项目必备的一个文件啊，那我们现在等它创完，当然这是我演示用 codax 来使用的一个步骤。 像 codax 啊，或者是这个呃， cloud code 这类的工具呢？它是属于通用化工具，它并不是适用于每家团那个公司或者团队啊，这里呢？它工作已经完成了啊，已经完成，并且呢写完了，这个标题为 repository guidelines， 那 我们进来看一下， 好，这就是我当前整个工程它的约束，比如说 src， tests， assets 或者 scripts 或者 docs， 这是它的文件的约束，文件夹约束，然后下面就是，呃，这个打包测试开发的一些命令它的设计，再就是编码规范， 然后呢测试规范还有呢提交检查相关的规范，他，他全部都帮我写好了啊，那么这个时候呢，我就可以再进一步来去完成对的编码，那编码之前呢？大家可能都听说过像 skills， 对 吧？我们如果要让 ai 更理解我们的话，我们一般团队都需都需要去开发一堆的 skills 来服务于我们团队的开发。

今天这期视频我们只讲一件事，就是普通人怎么用 codex 开发一个小项目，并且部署上线。很多人可能一听到 code 代码就会产生畏难情绪，但你肯定听说过之前的 open cloud， 很 简单，在手机上给他发个信息，他全自动的就给你干完了，但是他贵啊，帮你发一个小红书就可能花你几块钱， 更别说开发一个工具了。但是 codex 作为 ai， 一个 open ai 的 出品，不但可以像 open cloud 一 样帮你完成几乎任何事情， 而且赠送的免费额度就能满足日常所需，如果你是会员，那更是用不完了。更重要的是，学会这种最顶级的 ai 工具，你就具备了做任何产品的能力。这期视频是 codex 的 入门视频， 我会带你从零上手，从怎么安装 codex， 怎么启动 codex， 如何与 codex 对 话，然后我会带着大家从零开始构建一个电影评分网站，并且部署上线。注意啊，就算你完全不懂开发也没关系，这期视频就是为你准备的。 我们开始首先在开始菜单中搜索 cmd， 打开命令行，这是我们与电脑和 codex 沟通的窗口，我们所有的对话都会在这里完成。与此同时呢，我们需要打开一个 check gpt 的 窗口，因为我们都是新手嘛，怎么用这个命令行都需要让 gpt 来告诉我们。 第一个问题，如何在命令行中安装 codex。 他 告诉我，首先确保安装了 node 点 gs， 我 这里已经安装了，如果没有，你可以让他告诉你怎么去安装，这里就略过了。第二步，复制他给我的安装命令，然后 ctrl 加 v 复制到命令行中， 命令行没有报错就说明安装完成了。在命令行中输入 codex， 如果能打开这个界面，就说明我们成功启动了 codex。 第一步，登录 codex 通常都会选择第一个，通过网页端完成登录，登录后回到命令行页面， 点击回车。继续我给大家讲一下最基础的配置。首先点击键盘上的这个斜杠，你可以看到 codex 的 一些基础配置项就出来了，比较重要的是模型选择和权限设置，模型我一般都会选择最新的思考时长，选择 extra high， 这样生成的质量最高。 第二个 permission， 我 选的是 full access， 所有的权限都交给 codex， 不 然它在执行任务中会一直让你去授权，很麻烦。当然这样也是有风险的，有比较小的概率它会删除你的文件，网上就有人遇到过，但是我目前还没有啊。 接下来我们就正式的来做这个电影评分网站，真的超级简单。首先我们创建一个文件夹，作为整个项目的根目录，然后我们要让 codex 进入我们这个项目，怎么操作呢？回到命令行，连续按两下 ctrl 加 c， 退出 codex， 然后复制我们这个项目的地址，打开 gpt， 问他如何让命令行进入这个地址，按照 gpt 的 指示进入后呢？ 输入 codex， 这样就在电影打分的这个项目中打开 codex 了。每次重启 codex 后啊，都需要重新设置一下权限，改成 full access。 接着很关键的一步，执行一次启动命令斜杠 i n i t。 执行完毕后，它会在项目下生成一个 agent 点 m d 的 文件，这是 codex 的 一套默认行为规范手册，它会根据文件中的行为规范来完成你的具体任务。 后续你玩熟了，就可以按照自己的要求来修改这个文件了。现在呢，咱们暂时不管它，然后我们就可以来描述具体的需求了。我是这样写的， 由于豆瓣网站的电影评分已经严重失真，我打算做一个新的电影评分网站，基本实现电影的评分和评论功能。你需要完成整个项目的完整开发，并且部署上线。 你需要自动抓取豆瓣上正在上映的电影自动更新。这是一个完整的项目，你负责完整流程，最终交付给我。部署后的网址，你可以利用相关的部署 skill 来帮助你完成。如果没有这些 skill， 你 可以自己去网上搜下载下来用回车发送。 你看，他已经开始自己执行了。突然我想起来忘了跟他说一句话，按一下键盘左上角的暂停键，然后我跟他说，在交付前用肉眼检查一下，没有问题再交付给我， 这样他就会自己用浏览器打开看一下，确保没什么问题。接着他执行了大概二十分钟，最终你看他给我交付了上线的地址，后面简要说了一下他具体交付的内容，我们立刻把这个网址打开，看看效果咋样。 嗯，整体感觉还行，春节档的这几部电影也都在，不过很多图片没有加载出来，界面呢，也不怎么好看。这就是后续你需要不断地跟 codax 沟通来优化迭代的了，包括你后续想用自己的域名，也可以通过跟 codax 沟通来帮你实现。 好了，这期 codex 小 白教学就到这里了，其实还有很多使用的细节技巧，我没有涉及到，你都可以直接通过 codex 或者和 gpt 聊天快速掌握，赶快用起来吧！我是阿猪，关注我，让我们一起在 ai 潮头冲浪！

哈喽，大家好，我们现在来教大家去如何去安装和使用酷呆斯增强版。我们首先 拿到这个 get up 的 地址，我们会在评论区放出来，我们首先访问这个 get up 的 仓库，先进来首先点一个 star， 然后我们再看 安装方法。 mark linux wsl 的 话可以直接使用这一行命令，我们复制它，直接在终端粘贴就可以安装了。 windows 的 也是一样的，复制这一行命令，然后在你的终端 粘贴，然后就可以继续安装了。我们打开我们的终端，然后粘贴刚才的命令，我们直接回车等待它的安装。 安装话跟你的网速有关系，如果你的网速不够快的话，可能需要等一会， 不快，它安装好了，它默认的话会把你二进字文件安装在你的 logo 并目落下的。我们可以检查一下使用命令，我们检查一下它安装好了是不是 ok， 确定安装好之后，我们可以查看一下它的最新版本， 最新版本的话是一点二点零，默认的脚本安装就会安装最新版本到你的本地。 然后我们查看一下当前酷带 s 增强版具体有哪些新增的功能，比如 agent， teams， hux， 繁琐拎拎， ip agent 以及 webui。 我们可以先看一下路由 server 是 怎么实现的，可以看到路由 server 是 使用 httpss 去进行实现的，这样最大的优势呢就是， 呃，你启动多个 c 型只会占用一个进程，这样的话你的进程消耗就会非常少。我们直接使用路由 server 将微博 ui 启动起来。 cordless server 会随机启动一个端口和随机的托克密钥，你拿到这个端口和密钥呢？可以在本地启动一个内网穿透，这样你在外面就可以通过手机访问微博 ui 去进行远程的微博扩顶。 我们可以直接切换到移动界面去进行测试，先随机选择一个目录 发送嗨来进行测试。 ok， 我 们开始测试下一个功能，我们回到仓库地址，我们看一下 agent team 和 hux 以及奥斯突击 api agent， 我 们首先演示一下 agent team， 使 我们来到这个仓库，我们通过 code s 启动。然后怎么使用呢？首先第一步你需要在配置文件里面去启动多媒体的配置，我们 可以看一下在这个配置文件 copy 里面去将这个配置多媒体给它启动， 我们就可以开始那个尝试这个功能了。比如说我们 use agent teams 这样子告诉模型，告诉模型，比如说告诉了五点二， 我们需要需要启动 a 键的 team 来去做接下来的工作。比如说我们分析当前项目，就代表了我们使用 a 键的 team 来分析当前项目， ai 会分析任务难度来判断具体创建多少个 a 帧。 ok， 我 们看到它根据呃项目复杂度启动了五个 a 帧，五个分析帧 这个中括号括起来的这个就是我们的具体的一个执行 aint， 比如说是其中的五个分析的 aint， 然后来去并行的执行分析当前项目，它对于仓库结构 rooster 的 库的代码，然后 build c i 以及文档以及安全 sandbox， 然后去单独的 每一个单独的去进行分析。啊，这五个的话就是在并行的那五个都是同时创建，然后在并行的这里就会有一个等待所有的 a 帧，我们现在可以等他返回。 ok， 全部 a 帧已经返回了，五个 a 帧都已经执行完成，然后返回了他的一个结果，分析结果， 然后五个 a 帧的全部返回成功之后呢？慢 a 帧就会去收集五个 a 帧返回的内容，做一个汇总，然后再去判断当前的分析是否完成了，然后模型会自己去判断 是否还会需要继续的去进行分析，如果不需要的话，他就会直接返回结果，如果需要的，他还会去再次的创建 a 帧去进行分析。 ok， agent teams 全部结束，返回了最终的结果，这就是整个 agent teams 的 一个调用过程。

今天教你两个小技巧，让你的 codex 变得又快又聪明。首先我们打开 codex， 打开 codex 前呢，我们运行这条命令去更新，我们分为两块来说，一个是如何让 gpt 变得更加聪明，一个是让 gpt 如何变得更加快， 变得更加聪明呢？其实我就是我们在模型选择上，我们需要去适配自己的一个这个需求，并且我们要设置好一些模型的思考深度。 我们在选择模型上，其实我平时用的比较多的可能是 gpt 五点四啊，但 gpt 五点三 codex 在 部分场景下，它的性能其实会优于 gpt 五点四。那为什么这么说呢？因为 gpt 五点四它在更新中啊，我们上期视频有提到它的这个工具搜索的能力， 它是会去适配你的需求，然后去搜索想要调用的工具，这样就导致一个问题，就是它在一些场景下，其实我不想让它调用工具，它非要去调用工具，因为它为了 token 嘛， 它会调用一个工具去写一个 python， 写完 python 之后用这个 python 脚本去改代码啊，就是这样一套流程操作完之后呢，我觉得它的效率和精准度我觉得其实是不如 gpt 五点三 codex 的， 他直接改，他哪怕多费点 token， 但是大部分场景下其实五点四还是不错的啊，我这边就选择五点四了。 好，那进来之后呢？这边有思考深度，很多人就不知道这个应该怎么选了，他有低中高和超级高， 我个人在大部分情况下我都选择茶嗨，也就是超级高。思考的模式的话，大部分情况下就是匹配你自己的需求吗？如果你的这个问题呢，是比较大的，比较重的一个任务。 我举个例子，你从零开始构建一个非常大的项目，或者说你把别人项目，你想要完全的重构，那这样一个比较大的工程的话，那必须要去选择超级高啊， 但他花的时间会非常长，但是他的模型的智商啊，也是会非常的在线，基本上一遍或者两遍就能改好 啊。那还有一种情况下选择超级高是什么呢？就是比如说你布置了一个任务之后，不管这任务大小哈，你布置了一个任务之后，你就不不管他了，我可能去吃饭，我跟你出门了，那就选择超级高，因为你就让他慢慢做，就就不差这个时间。 实际上他这四种模式呢，其实关键的差距就在于时间。当然 token 也有差距，平时你比如说一些小的改动，改动就涉及几行代码，或者说就涉及一个文件的时候，那你就选择中的啊，这个第一是不建议去选了，我们这选择超级高 这个智商讲完呢，就是速度，那速度其实有很多方面，第一个是这个 fast 模式，我们一定要开启，它可以提升你这个模型 token 的 输出速度 啊，但他会两倍计费啊。我这边是已经开启，再再点一下，就是这边要 on the mode set to on 啊，这就是开启了，如果是 set to off， 那 就是关闭，因为你可能之前已经开启过了。然后还有一个就是这个权限的问题， 如果你不知重的任务，我建议也是给他完全权限，那为什么这么说呢？就是他有可能中断了， 那我可能一个小时，两个小时，那我都得盯着，对吧？其实大部分情况下做不到的，那我就选择完全开启，在完全开启的情况下呢，他是可以直接不经过你的授权修改删除任何的文件。 所以我们在开启这个模式之后呢，我们一定要去做好备份啊，或者是用 get 去做好这个仓库的管理啊，不然的话有可能你的代码会完全丢失啊。你如果仓库管理做好，他误伤了你什么文件，你直接回退一个版本就好了。其实我自己用是开启，但是大家要注意一下，就是 如果是一些老版本你们不愿意更新的话，那就在这个选项里面，它是一个实验性的功能，它有一个叫 marty agent， 也就是呃窝代理的这个功能。新版我刚刚看了，已经是默认开启了 这个功能。之前你在斜杠输入命令 m u 的 话，如果他有的话，他会直接在这里跳出来，就是有一些老版本他是在这边，有一些是在那个呃实验性功能，这这个设置里面都有可能。那个东西他是干嘛用的呢？ 就比如说你读取文件啊，我现在有三个文件，对不对？我现在要让他读取这个项目，理解这个项目，那如果你开启 martingale 的 话，他会同时去， 就是多县城的去读取，三个并行去读取，那他的速度就会快非常多。最后读取完之后呢，再统一导入到主代理上，让主代理去理解。所以说你有非常多文件，像像这个文件夹，它有非常多文件，比如说十个文件， 但之前的老版本他需要一个一个去读取，我比如说读完这个去读这个，读完这个去读这个就是太慢了。 那现在的这个 martingale 呢？这个模式是非常非常重要的，所以说大家一定要开启这个对于你的速度的优化是有一个 质的飞跃啊。但整体以 codex 目前的这个使用技巧也就这些，过去如果 codex 有 一些新的更新，我也会同步给大家。好，那本期视频到此结束，我是程序员秃头哥，学 ai， 关注我不迷路。

今天咱们来深入聊聊一个话题，怎么才能把 codex 这个 ai 工具彻底玩明白。我会一步一步的带你把它从一个听起来很复杂的工具，变成帮你实现一人公司这个梦想的终极武器。 你是不是也有这种感觉啊？面对像 codex 这种功能又多又强的 ai， 心里有点发怵，不知道第一步该干嘛。说实话，我刚开始接触的时候也完全是一样的感觉， 不过你放心，这个直男就是为你量身定制的，我们会分成四个特别清晰的阶段，手把手的带你从最基础的入门，一直到成为真正的高手。好了，废话不多说，咱们马上开始 第一个阶段基础设置。咱们在想让 ai 发挥它的超能力之前，得先学会怎么驯服它，让它乖乖的完全按照咱们的规矩来办事。 这一步啊，就三个关键动作，第一，记得一定要去下载它的桌面客户端，别用网页版桌面版的功能裁决。第二呢，就是给它做一些个性化配置，把它变成你自己的专属助手。最后也是最关键的就是连接到 m c p 服务器，这一步能瞬间释放它的巨大潜力，咱们马上就能看到它有多厉害。 好，咱们先说说这个个性化设置，这可是驯服 ai 最重要的一步，你就把它当成一个新来的数字员工，你得给他立下规矩，划清界限。比如说你就用大白话告诉他，没有我的允许，绝对不准删除任何文件，这样一来，不管他以后变得多强大，他的所有行为就都在你的掌控之中了。 那刚才说的那个 m c p 服务器听起来挺专业的，它到底是干嘛的呢？这么说吧，你就把它想象成一个万能钥匙，能给 codex 打开一扇通往全世界各种工具的大门。 连上之后，神奇的事情就发生了。比如，它可以直接看懂你在 facebook 里的社群稿，然后刷刷刷地把它们变成真正的网页代码。或者呢，它还能自己调用像 brenda 这样的专业工具，去网上帮你抓取分析海量的数据。你看，这一下子，它的能力边界就扩大了无数倍，对吧？ 好的基础搞定，咱们进入第二阶段，搭建工作区。这一步的核心目标是给你的 ai 装上一个大脑，让它能记住关键信息，更好地理解你到底想要什么。 这里教你一个特别聪明的办法，在你电脑的项目文件夹里啊，专门建一个子文件夹，就叫大脑。然后呢，把所有这个项目里最重要的全局性的信息，像是你的品牌写作风格啊，项目的设计规范啊，通通都放进去。这样一来， codex 就 能随时查越，就再也不会出现逻辑混乱或者忘事的情况了。 现在我们来看，一个新手和高手的玩法有什么天壤之别。新手最容易犯的错误就是把所有的问题，所有的任务都在同一个聊天窗口里跟 ai 聊。结果呢？聊到后面，信息越来越多， ai 就 开始犯糊涂了，就是所谓的上下文污染。 但你看高手是怎么做的。每当有一个独立的新任务，比如说改一个 bug， 或者写一段新代码，他们都会干净利落地新开一个聊天，这样才能保证 ai 的 思路永远清晰，给出的结果也最准确。 恭喜你，基础已经打得非常牢固了。现在咱们要进入最刺激的第三阶段了，我们要来解锁 codex 的 四大核心超能力，这些技巧会彻底颠覆你的工作效率。 这四个超能力分别是计划模式、自定义技能、子代理，还有自动化。别急，咱们一个一个来看它们到底有多神。首先是计划模式，这个模式啊特别适合用来处理那些复杂的大任务， 你只要开启它， codex 就 不会马上动手干活，他会特别聪明的先给你列一份详细的行动计划，一步一步的告诉你他打算怎么做，然后问你老板这么干行不行，这不仅让任务成功率大大提高，关键是还能帮你省下不少计算资源。 第二个自定义技能，这个功能简直是太实用了，比如说你经常要写风格类似的邮件，或者开发格式固定的代码，你就可以把你过去写的最满意的作品直接喂给 codex， 让它学习，然后把它存成一个技能模板，以后再有类似的活儿，你直接一键调用出来的东西，保准跟你想要的一模一样。 据这个子代理功能说真的，这可能是我见过的最酷最科幻的 ai 功能了，你想想看，比如你要做代码审查这么复杂的工作，你直接用大白话跟他说，给我拍几个 ai 出来，一个当安全专家，一个当测试员，一个当维护工程师，分头去检查，最后给我一份汇总报告，然后这些 ai 就 会在后台同时开干，这效率简直就像你拥有了一个随叫随到的 ai 技术团队。 最后是自动化，有了它，你就可以真正把 codex 当成一个二十四小时在线永不疲倦的员工了。比如说，你可以给他设置一个定时任务，让他每天早上六点钟准时去检查你的代码库，然后整理一份最新的修改招标报告发给你， 这些重复性的工作就让他在后台默默帮你搞定好了。朋友们，我们终于来到了最激动人心的第四阶段。如果我告诉你，就算你一行代码都没写过，也能用 ai 自己开发部署一个完整的应用程序，你信吗？ 这就是终极工作流 stitch 加上 codex 的 组合权就两步听好了。第一步，你用一个叫 google stitch 的 工具，就跟聊天一样，告诉他你想要个什么样的网站，他能在九十秒内给你变出一个专业的前端界面和代码。 第二步，你把这些代码直接复制粘贴给 codex， 然后告诉他来给这个网站配上后端服务，连上数据库，然后把它发布到 versale 这种云平台上去，让全世界都能用。 就这么简单，一个完整的 app 就 诞生了，而整个过程，你可能一行代码都不用自己写。听到这，你肯定会觉得这么强大的工具组合肯定得花不少钱吧？但事实是，你只要订阅了每个月二十美元的 chat gptplus， 里面包含的 codex 使用额度就非常慷慨喽。对于绝大多数人来说，尤其是刚开始用，绝对是绰绰有余。 好了，听完了今天的全部内容，我特别想问问你，在计划模式和那个超级酷的紫代理功能之间，你最想先想先上手体验哪一个呢？在评论区里告诉我你的答案，咱们下次再见。

哈喽，大家好，我是七帅，今天呢给大家分享个零到一外部定制出来一个产品的流程和过程，整个流程步骤一共有八步，今天我们挨个去梳理一下，我们首先看第一个是发际需求， 我们在日常工作和生活中一定会有一些目前市面上有的产品不能满足我们的，那这些需求我们要梳理出来，看看能不能通过产品的形式去解决， 我们接下来看第二步，我们把我们的需求给了豆包，让我问一下豆包，我们这个需求看能不能用产品的形式去解决，如果说用产品的形式去解决，让豆包分析一下我们接下来应该去重点完善做哪些功能， 也让豆包去梳理一下我们未来这个产品的市场前景以及需求的重要的痛点。第三步，打开 openai 下载酷贷斯。目前为什么说推荐大家下载酷贷斯，因为酷贷斯目前相对来讲比较便宜，所以说我们接下来就看到第五步，去海鲜市场 大概八块到十块左右，可以买一个 team 团队的一个拼车，这个可以让我们去使用目前 openai codex 最先进的模型五点四， 但是五点四的模型它的额度消耗比较高，它是正常其他模型消耗的两倍。如果说你的 codex 一个团队用完，我推荐你再去买一个 team 的 账号，这样就像我的 codex， 我 现在有四个团队，我就切换为其他另外一个团队的账号。 第六步，我们刚才让豆包已经梳理完我们的需求了，梳理完以后我们就让豆包给出我们 mvp 版本的 promote， 为什么说要做 mvp 版本？毕竟我们是从零到一，也是第一次去 webcointing 出来一个产品，为了能够提高我们的自信心，所以说我还是大家先从简单的做出一个一个 mvp 版本的一个产品出来，整个 promote 也可以让豆包给的 promote 挨个一步一步的去粘贴到我们的酷黛斯的对话框里面。 第七步是和库黛斯对话调整，因为毕竟库黛斯第一次去生成的产品可能不是我们想要的，比方说 ui 一 些功能不是我们想要的，那么这个时候我们需要和库黛多人的去对话，去调整我们想要的产品。其中这里教大家一个对话技巧，如果说我们不知道去怎么描述，我们就 给库黛斯发了截图，给库黛斯发了截图中间我们也可以用框框来告诉他这个框里面东西怎么改和正常，我们把库黛斯当成一个正常的一个开发同事去对接，这样子对接的过程中呢，我发现其实库黛斯比有些同事理解起来更方便一些。 最后一个就是部署 windows 上线，这个相对来讲稍微比较复杂一些，不过我们可以把库黛斯当做我们的一个智能的小导师，有什么事情哪不会哪不懂的呢？让他给出详细的步骤，我们按照库黛斯的步骤一点点去部署于上线就行了。 目前这是这几步，就是从零到一 web 出来一个产品的过程，其中还有其他的一些小小的坑，我们等后面再分享。

好，今天给大家介绍一款这个软件，它可以说是 codex 中的龙虾，就是它可以完美的实现龙虾想要的那些功能，那这个项目地址就在这里， 那我们知道龙虾的功能就是可以使用手机去操控，或者说跟你的这个 a n g 的 对话，对吧？好，这个不熟悉，也是非常简单，把这个扣的这里，把这个压缩包下载下来就好了，我们等一下大概就五十多兆 啊，下载下来之后呢？呃，就解压出来就行，解压在任何一个地方都行，然后解压出来之后，解压出来之后就是这个样子，这个样子的话主要我们有两个程序可以运行，一个是这个，呃， wrong batch， 这程序我们双击双击打开它就行了，打开它之后大概是这个界面，然后这个界面这里是我的一些聊天的信息，然后我就给它打一个码，然后呢这里的设置 可以点这个，然后这这些设置我们都知道哈，这是沙盒，然后这是，呃，这个是同同一台运行程序的，然后这是模型， 呃，然后这里还有个最重要最重要的一个功能是这个这个账号，这个账号功能可以，你看我这里是有两个账号随时切换，然后如果你再创建一个新的账号，只只需要创建，然后备注完之后， 呃，备注完之后注意你原有的账号，你要先点个这个，点个这个他就能保存他原原有的所有的记录。然后你比如说这里创建备一个账号， 那这里的话，呃，因为他这里是没有任何信息的这个账号吗？没有任何信息，这时候你就需要需要用 用这个命令，行，先退出当前的 codex， 然后再登录一个，登录一会之后，这里会显示你真登登录的账号到底是哪个，然后再点这个，再点这个的话，他他就三个账号，可以随时他会写了，非常简单。 ok， 这里我就不展示了 啊，这是其其中一个功能，然后第二个功能，我在这里，呃，有这个安装包，然后这个是电脑的，你要把这个软件安装上，这是做内网穿透的。呃，然后手机的话也有这个，就是这个 啊，手机和电脑分别安装这个，然后登录同一个账号即可。啊，这边我是安装了，安装了的话我我这边直接打开他，不需要任何，不需要任何。呃，不用任何付费的，我们只需要登录同一个账号， 我是登的 github 账号，里面有很多登录方式，然后我手机也登录了，登录完之后，呃，非常简单，我们只需要运行这个， 呃，运行这个好，这里就会显示这个几条命令。呃，这几条这个 line， 然后呢？我们这两条都是可以用的，后面这几条呢是要在同一个局域网内，然后这两条就可以直接用了。呃，这这两条你直接在哪用呢？也很简单，就是刚呃，我们手机还有个另外一个安装包，就是这个， 这个安装包你安装完之后，你打开把这个链接复制上去，把这个链接复制上去，他就能实现跟龙虾一样的功能。当然他还有非常多好用的功能，比如说在里面可以直接打开他给的绝对路径下的一些文件，然后呃在里面可以 呃管理那些聊天，然后里面可以设置你的呃这个端口，设置你的端口，比如说这个 还是一样的，里面的任何一个对话，你做任何一次呃对话的时候都可以设置任何东西，比如说我的端口呢是七八九七，那我就设置成七八九七，然后如果你的是七八九零，你可以设置成七八九零或者是别的什么的。 然后呃，然后这里的话他可以呃默认打开，就跟这个这个工具是一样的，你看这个工具的这个设置， 你看这个工具的这个设置，他是呃他这里是有这个端口的设置。然后是否使用这个代理，如果使用代理我们知道非常方便，就可以不用去开启这个系统代理了。那他呃使用的过程中就呃可以，比如说让他操控我们浏览器之类的呀，我们就可以 可以说去更加更加便捷，因为我们只是打开那个窗口使用的这个代理，就跟那个指纹浏览器是类似的，效果 好。然后大家如果，嗯，如果觉得还不错的话，可以进群，进进我发的那个群，然后啊那个里面大家可以提提意见什么的，然后我们一起交流交流关于 codex 的 东西。

好，大家好，我是小刘。呃，今天我们一起来快速学一下这个 codex， 最近两个月我一直在使用这个 i 编工具，然后用 codex 的 话用的是最多的，然后我心想为什么要用它啊？因为它用起来非常的顺手，冰非常的爽啊。比如说我们看今天我想要打开任何的 i 工具都可以无缝的去集成，那我用的最多的是这个 iq 啊，打开速度非常快。然后呢，我们在这边开发完之后，想看效果，直接打开任何的地方全部集成过来了 啊，比如说像我们要开发一个东西，对吧？那你要开发两倍速率，你可以看到这个地方有一个 fast， 你 点一下就代表当前的速度是两倍，那很很很有一个细节的点是什么呢？就是你看这是空心的，空心代表什么？标准的你点开来之后呢， 它就变成实心的，代表当前速度是两倍，你也可以选择关掉它。然后呢每一个模型都分为推你的低中高、超高，对吧？然后比如说像我现在开发一个简单功能，对吧？一个学生管理系统给大家演示一下，对吧？那这个时候效果是把它长这样子，这个样子像它的这个啊本地的工作数， 那这时候你可以点这个地方，可以给他派生出去一个新工作数，你可以点这个斜杠，点这个派生，相当于他会把当前的这个节点呢给他来复制一份，在那个复制这个节点上进行开发， 就会有一个数的图标运行在工作树当中，如果你输入 pwd 呢，这时候你会发现它创建一个 walking trees 的 这么一个啊分支，然后呢？相当于在这里开发，你开发觉得 ok 了，然后这时候你点击 提交到本地，它会，哎，相当于给你干嘛给你提交到本地，为什么这里没有提交？是说你本地有一个修改，对吧？你没提交它不允许你你你提交，所以它其实很多地方它整的挺规范的，对吧？你看我现在随便提交一下，你看这时候我要提交本地，你看就可以了嘛，是吧？提交本地， 然后呢？你所有的变更可以在这个地方看，然后你所有的终端，比如说我想从这个地方打开终端，点这个，你看它就就开启这个地方当前的终端， 它就有一个区别嘛。还有就是为什么我很喜欢用 q 代词，我一定要讲一下，就是安装 skill 特别方便，我给大家举个例子啊，比如说我现在安装 skill 这个 skill 呢？我安装下来我可能用了呃几，就是呃三十四秒，我给大家举个例子，就是它这个 skill 呢， 是我目前见过安装最方便的一个工具，没有之一。真的特别方便啊，比如说我现在安装十个 skills， 那 非常简单，我就只需要把这一堆 skills， 哎，我这我这么，我这么跟他说啊，就是你看啊，我安装这个，对不对？按这个我我直接，我直接这样子，哎， 我就这样子，截个图，对吧？截个图好，对吧？帮我安装 skills， 你 就跟他说，然后那帮我安装 skills 回收，然后他会干嘛呢？他就真的吭哧吭哧的全部给你安装，对吧？全部安装 你不用管，就这么简单，你看他会全部的给你一个一个的安装，就是很神奇，你看他就已经开始在读了，你你，你懂吗？他就已经在安装了，就就你看这是我就全部安装好了，你看这这都是我刚刚的那些 skills， 像这些什么 u i pro max， 你 看他会自动的去，哎，去查，然后去给你安装，我就不跳过了，就是就是， 不讲这个了。然后呢，就是第一个 skill 是 安装方便，第二个自动化也方便，比如说我想要定时定点的是创建一个什么样的任务，对不对？你创一个新任务你可以去，比如说帮我总结项目，总结项目 那这个时候它会告诉你，哎，每天你选择某一个文件夹，然后呢？哪一个工作树下面，哎，就几点执行，它自动去帮你执行这个任务，真的用起来特别舒服。还有一个点什么，就是它这个额度你很难用得完， 你即使在那个你你你用起来的时候真的怎么都用不完，然后就这个地方是它的指定，就类似于 curses 的 rose 嘛，对吧？就我一般喜欢用 andy 站六去开发，我觉得这个效果还挺不错的。 还有就是 m c p 服务器也是特别方便，你这边你可以选择添加自己的 m c p 服务器。还有这个环境，你看规章就是当前你它的规章不是给你删除，就类似于回收站那个地方放十五天，然后给你消消失，它是这样子给你删除的，然后呢？包括它的整个风格我都特别喜欢，真的，我是特别的爱这个靠 text 真的 越用越好用， 就是它的功能，你会发现啊，更像是一个聚合体，就是把那些好的特性全部给你进行过来，点这个状态，你看就当前，对吧？就跟是 play 模式对吧？ play 模式 i shift 加 table 一 样的，对吧？你看你开发什么东西？开发学生， 呃，管理系统，这时候他会问你问题，就相当于问你你要开发什么样的管理系统，就是相当于，哎，作为一个问群， 嗯，问题，然后还有这个权限啊，就你一般来说不要开这个，除非你对自己的这个，呃，电脑上的文件没有任何的这种，嗯，很很高贵的东西，你就可以开， 对吧？然后你看他，他就会问你一些，弹出一个 question 就 让你去选，做选项，选项题，选择题一样的，噔噔噔噔，你选完，你选完之后，哎，就就就结束了，还有就是这个可以关联云端， 然后呢，你这边有一个剩余额度，你可以从这里看嘛，就是他这个额度，我简单说一下吧，就是五小时，啥意思？就是说你这五个小时里面你能用的数量，你这还有还剩多少？归零之后你就不能用了，但是你过完五小时他会给你刷新，就是给你刷到这个全新的这么一个情况。 嗯，当然了，如果一周的额度清零了，代表你所有的这个额度都清零了，你看啊，现在这个 question 就 出来了，你看它有三个 question， 你 可以选择一次性给他回答了，对吧？你点一下，比如说我要开发一个啊，学习管理，你要开发一个什么风格呢？ rockaway 加 and 赞，对吧？啊？他就会去思考，根据你这个，根据你的模式去这个文，这个 贴图也特别有意思，你看我随便截个图，你看贴个图，哎，我回车你看放大是吧，就很用的，很很丝滑。我我觉得我真的是特别的喜欢这个 codex 啊。就是用过我现在用过的好多工具啊。我先先用过了，我用过 cursor。 我 用过这个 kylou 的， 还用过 codex 的 之前的终端版嘛，对吧？我用过的特别特别多，我自己都数不出来了，对吧？ 还有真的还有很多很多这种主流我就不会一个一个列了啊，我主要列是常用的。那就那你发现没有，我还是觉得扣袋子是最好用的。扣袋子 app 就是 尤其它这个技能这一块，真的，你比如说我想要部署 cloud flair， 对 吧？你安装这个部署哎步就可以部署了。我想要去跟 gitlab 进行关联，对吧？我想要去和这个 losen 进行关联。点一下又可以玩了，是吧？ 非常的 nice， 真的 用的很丝滑，当然它有一些不好的点。那不好的点我，我其实也能够列出很多条条框啊。第一个对吧？它没有自己的这个 id， 呃，第二个就是整个这边居然没有个搜索，真的你要搜索某一个记名称搜不出来，这就很很很蠢的一个设置啊。我觉得真的最好就是有一个搜索， 嗯，我觉得会好很多，然后，呃，就大概这些核心功能吧，简单说了一下，我觉得就已经包含了所有核心功能了。那分支也是一样，你就可以切换你自己合适的分支，和之前一样吗？艾特斜杠，然后你可以去看你当前的这个，当前的这个状态，嗯，当前这个额度， 还有就是当前的这个，你回答的一个个性，嗯，就是学你自己嘛，对吧？好，我觉得现在没有什么核心功能，一般看的懂中文的都都都能学的会吧？这个这个工具没有没有啥好讲的，但是我还是想跟大家分享一下。这个工具真的很好用，很好用，我强烈推荐大家试试。

今天啊，咱们来聊个特别厉害的东西，它能彻底颠覆你的工作流， codex 技能准备好了吗？告别那些烦人的重复劳动，咱们要从一个普通的用户啊，变身成一个真正的创造者。好，我们马上开始。 来问个问题啊，你是不是也烦透了，每次就改那么一丁点代码，结果呢，就得走一遍完整的 staging commit， 还有 create， pull request， 这一套流程下来真的太磨人了。说真的，这种感觉我完全懂，但如果我告诉你，有办法能把所有这些步骤全都压缩成一个词，一个命令就搞定，怎么样？今天咱们就来揭秘这个超强的解决方案 行为了让大家都能跟上节奏不掉段，我把今天的内容拆成了五大块，你就把它当成一个心理进度条。好吧，咱们会从最简单的就是那种拿来就用的自动化开始，然后呢，一步一步往上走，到最后，我还会教你怎么打造那种能自己学习，自己变聪明的技能。好，那我们先来看第一部分。 好，第一部分，咱们先来点最酷最直接的那些你现在马上就能用的自动化技能，重点是什么都不用配，真的是开箱即用，来看看他们到底有多牛。 首先咱们来看 figma 技能，这个东西，我跟你说，绝对是前端开发者的福音。它最厉害的地方在哪呢？就是 ai， 它不是在看一张扁平的图片，它是在读你整个设计文件， 你想想，它能理解你设计里所有的底层逻辑，什么间距呀，字体样式呀，还有那些设计变量，它都懂。然后呢，它就能生成跟你设计稿几乎一模一样的高保真代码，这效率，简直了！ 接下来的这个技能，嗯，我个人是超爱的，因为它用起来真的就一个字儿，爽！它叫 it， 你 想象一下这个场景啊，你刚改完代码，接下来呢，不用再敲那一长串烦人的 get 命令了，你只需要对着 ai 说一个词， it 就 这一下，它就自动帮你把赞存提交，创建 pr， 所有事儿全给办了，一个字儿就搞定所有，多酷！ 当然了，刚才说的这些还只是冰山一角。这个技能浏览器里啊，简直就是个宝库。我跟你随便举几个例子，比如说你临时需要个图片素材，用 image 站 要处理 bug 和工单， linear 和 sentry 在 这儿等着你。想一键不熟你的应用， cloud blur 技能直接帮你搞定。甚至还有一个叫 adlas 的 技能，它能让 ai 直接看透你的浏览器，帮你做实时化调试，所以你看这里的可能性真的是无限的。 好了，听起来是不是很厉害？这么多强大的技能摆在面前，那下一个问题自然就是到底该怎么用呢？别担心，其实要把它们无缝地整合到你的日常工作里，方法特别简单，主要呢，就两种， 其实就两步，非常简单。第一步叫自然调用，意思就是你完全不用去记那些复杂的命令，你就跟平常和同事说话一样，用大白话告诉 ai 你 想干嘛就行。 codex 内部有个叫 m c p 的 东西，你可以把它想象成一个超级聪明的总机或者调度员，它会自动分析你的话，然后帮你找到最合适的技能去执行。 那第二步呢，就是当你玩的溜了之后，你就可以设置自动化了，让这些技能变成你七乘二十四小时线上的助理，在后台默默帮你清理警报啊，找 bug 啊，这样一来，你就能彻底解放双手，去专心做那些真正有创造性的工作了。 好，到目前为止，我们说的都是怎么用别人做好的技能，现在咱们来玩点更高级的，创建你自己的技能。要知道，很多时候，那些现成的工具总有那么点不合心意对吧？当他没法满足你团队那种特别具体，特别独特的需求时，就是你该升级的时候了。从一个技能的使用者变成一个创造者， 这种转变的价值有多大呢？我们来做个对比，你马上就明白了。你看左边，这是老办法，那些只有你懂的，每天都在重复的手动操作，不仅烦人，还特别容易出错。再看看右边，这是技能之道，你只需要一个自己定义的命令，一敲回车，整个流程就自动跑完了。 这中间的效率差距根本不用我多说了吧？那问题来了，具体要怎么创建呢？好消息是， codex 特别贴心，他给你准备了三条完全不同的路，你可以根据自己的需求，还有你的技术水平随便选。不管你是只想搞个简单的快捷命令，还是想做一个能处理复杂逻辑的智能体，放心，总有一条路是为你量身定做的。我们来看一下这三条路具体是什么。 第一种也是最简单的，就是用自然语言，这个真的可以说适合所有人，你要么就直接告诉 ai 你 想干什么，要么呢，你手动操作一遍，让它在旁边看着学，然后它就能帮你自动生成一个技能，很简单吗？ 好。第二种是 c l i 命令，这种就适合创建一些快速的快捷方式，你只要在 codex 文件夹里创建一个 markdown 文件，把指令写进去搞定。 最后一种叫手动创建代理技能，这个是最强大的，专门用来处理那些复杂的逻辑。你需要创建一个技能文件文件在里面用烟某别怕，它就是一种很简单的配置文件来定义规则，你甚至还能加进自己的脚本，让它的功能无限扩张。 好，当你创建完自己的第一个技能之后，你可能会觉得这就完了吗？当然不，我们还能让它变得更聪明，甚至让它自己学会进化。接下来我就要分享几个专业级的技巧，让你的自动化技能拥有真正的学习能力。 这里的核心玩法其实就是给你的技能建立一个反馈循环。你想啊，这就像训练一个小跑一样。首先你得给他树立一些好榜样，让他知道一个漂亮的完美的输出应该长什么样。然后呢，最关键的一步来了，开启他的自我改进模式，你告诉他，以后每次做的好的结果都要自己存下来，当成新的学习范例。 你甚至可以要求他，哎，给我多想几个方案，然后你来挑选最好的那个，这么一来一回，你的技能就会在你手上越用越聪明，自己不断的迭代进化。 所以你看，咱们今天聊了这么多，其实所有东西都能总结成一个特别简单的自动化公式。这个核心的旅程是什么呢？就是第一步，找到你工作流理那个最让你头疼的痛点，第二步一步一步的把它打造成一个自动化的解决方案。 而且你要记住啊，这个思路可不仅仅是针对编程的，它是一个可以复制的框架，能用到你工作里遇到的任何挑战上。好了，听了这么多理论和方法，咱们都讲完了，现在球传给你了，我想听听你的想法，在你自己的工作流程里，你第一个最想最迫不及待想用一个自定义 codex 技能去解决的是哪个重复性的任务？ 是什么让你最头疼？在下面留言告诉我吧，我真的非常期待看到大家都有哪些好玩的有创意的想法。

为什么我说现在就是你开始 vaping 的 最佳时机？因为现在开始的成本真的很低。 openai 的 创始人 sam ottoman 在 推向上宣布，他家旗下的 codex 能免费用了，而且免费的不是什么渣渣模型，而是 openai 最新的 gpt 五点三。 codex 速度更快，逻辑更强，完全不输隔壁添加了 cloud ops 四点六，那我已经深度使用一个月了，并且已经手搓上线了自己的产品。那么这期视频我们一起来学习一下如何正确使用 codex， 开启你的 web coding 旅程。 给还不了解 codex 的 同学简单介绍一下， codex 是 open ai 旗下的编程智能体，而隔壁 cloud code 是 同一种产品，有了 codex， 再加上 gpt 五点三的模型，就可以愉快的编程了。 一般人看到黑底白字的命令行界面估计就被劝退了。别担心， codex 不是 硬核的即刻工具，它有正儿八经的图形界面，官网下载、安装、登录一气呵成，没有什么要你做的复杂配置， 接下来的内容很关键，你要搞清楚两个概念，工作区和 thread 工作区。你可以理解为你的项目文件夹，比如你想做一个网站， 先建立好文件夹之后，所有的代码文件都会保存在这里。而 thread 就是 一个个的聊天窗，这些聊天窗就是 一个个的任务线。这里有个黄金法则，大家一定要记住，不同的任务要开不同的 thread， 千万别在一个窗口，一会让它改 bug， 一 会让它写新功能。另外你也不用傻，等任务完成，你可以同时开多个 thread， 同时处理多个任务，效率直接起飞。前段时间爆火的 skills 在 codex 里直接格式化了，内置了几十种的 skills， 鼠标点点就能安装了。这些 skills 能让你的 agent 如虎添翼，关键省去了繁琐的搜索和安装过程。 最后分享一点个人使用心得。上一个视频里我推荐了谷歌的 anti gravity， 其实这两个产品你可以一起用，把 codex 的 插件装在了 anti gravity 里面，这样你可以同 同时要用多个模型，比如让 g p t 五点三改 back， 让 jammer 做前端，让 cloud 出方案，不用切屏，不用复制粘贴，一个界面汇集世界上最好的三种模型帮你干活。这套 web coding 的 形态， 你值得拥有。以上就是本期视频的所有内容，欢迎关注艾伦，二零二六年，我会持续创作更多 web coding 和 ai 工作流的相关内容，我们下期再见。

我用酷币做了一个非常好玩的选股神器啊，没想到他做出来的效果这么好啊，等一下给大家演示一下，这是整个软件的界面，假如我们要找什么股票在这里六零一他就会出来了，对吧？ 嗯，然后双击一下，他就这里就会有贴现图啊，那些饼图啊之类的，这里是有五千多只可以选的哈， 我给大家介绍一下我这个软件的一个逻辑啊，非常感谢一个二十多年古灵的一个粉丝啊，给我提了很多意见。 ok， 选股，这里就是我选好的股票，按照我的条件选好了的股票呢，我可以放到选股池这里，那这里呢是实时更新的选股池这里 就是符合我条件的股票，他会全部放到这里来，一旦这里的股票不符合我的条件呢，他又会把它移走，所以选股池这里留下的所有的股票都是符合我最新条件的 股票。我这里设置了一个经验选股，因为每个人买股票他可能都不一样的经验思维，所以每个人都会不一样，这个属于自定义的了。这里呢，我也会放到一些我需要监测的股票，放在这里，重点关注的会放到这里来， 实时去跟进他的一些信息啊，这里可以新建的啊，新建把规则定好了就可以新建 事件。这里呢，就是我还没有想好要放什么东西，可能就是放一些新闻呢，就是你想要看这只股票啊，他有什么新闻呢？可能会放这些东西。这个问答呢，就是说我们有什么疑问呢，就可以在这里去问他啊， ai 会给出一些答案，然后设置这里呢，我是用了 dipstick 的 api kit， 然后数据提供方呢，是用 a， k， c， r 的， 所以整个软件的逻辑就是这样子的，如果大家有更好的一些建议呢啊，也欢迎大家提出来啊，我看一下是怎么样去把它加上去啊， 后面呢，我可能会增加一个短信通知，假如啊，我们在这里的一些股票，它有一些符合你可以购入的条件，才会发信息给你。 现在的 ai 真的 是太强大了，像 codex 这样子的工具呢，以后呢，肯定是会越来越多的，像以前我们要做一个这样子的一个软件的话，你没个几万块钱估计就搞不定，或者是说你的程序员要写好久，那现在很简单啊，只需要一句话就能搞定了。那像这种 ai 工具呢，它适用范围是非常广的， 像很多电商行业啊，你要做数据分析啊，你要靠人力去堆的那些工作啊，其实都可以让 ai 做，因为 ai 最擅长就是数据分析，做报表啊，做什么各种各样的分析，不管你是公司的运营啊，或者要做财务的数据分析啊， 或者是你业务部门呢，要做一些调查报告啊，各种各样的东西，其实都可以用 ai 来去解决，一句话非常简单。

这才是 a i a 智能使用的后端数据库，在 codex 中通过这样的一个提示词呢，它就把整个的一个 c r m 系统帮我开发出来了，这套 c r m 系统呢，里边有新建公司啊，联系人啊，商机啊等这些信息。那它最新奇的地方呢，是通过这样的一个 codex， 结合 m c p 操作一个这样的数据库呢，它把整个的表都 帮我创建好了，并且呢里边呢包括权限管理啊，还有一些存储啊，包括 function 啊，它都帮我做好了，所以它不只是能给我们写一个前端页面，它更能帮我们把整个数据库层封装起来， 让我们写前端页面，或者说写完前端页面之后，同步帮我们开发出一套数据库表，带有表结构，带有权限管理和方式的这些 成熟的一个系统架构。之前我给大家讲过了关于 level level 的 话，在进去页面之后呢，在右侧呢有一个这个云，我们点击这个小云朵，然后把它的 enable cloud 开放出来，开放出来之后呢，它就会把数据库表啊，然后包括权限的管理啊，也都开通起来。然后你在使用 level 的 时候，其实你也发现整个 level 在 运行和完成项目的时候，其实它对后端的连接服务是做的非常好的，原因呢就是它自己也封装成了一个 superbase， 然后这个 superbase 它直接面向于 love bot， 帮我们把底层东西 封装好了，那 is fork， 其实它做的是一样的东西，这是它的一张架构图啊，它相当于在这边呢做了一个 m c p， 那 这个 m c p 它叫语层啊，它把下边的权限数据库存储，还有编码函数等等这些东西，所有后端东西 以前我们说一次性做起来非常复杂，或者说一次性做不一定能对的的这些东西呢，它都把它们一个一个编排起来了，并且形成了一个语域层，变成了一个 m c p， 给到了 ai coding。 它和传统 superbase 最大的区别就是 superbase 是 面向开发人员的，它每一步的话操作起来的话都是偏底层的，所以这样的话 ai 一 次性做起来成功概率就相对就低一些。那 innisfog， 那 innisfog 呢？它其实是面向 ai agent 呢？它把这些 所有需要操作的东西都一一个一个原子性给你封装好了。那直接呢？我就是想给 ai a 阵去用，那当 ai a 阵去用这些原子已经编排好的这些方式的时候，那它的成功概率就变得非常高了。这部分呢应该是 ai 抠定的一个未来，就是我们我们尽量 让这些有经验的可以原子化的东西，我们先给它包装起来，然后让 ai 去调用的时候，它的减少它的犯错误的这种概率。 那这样呢？ ai 一 次性把任务给我们做对的可能性就变大了。那之前我给大家讲的 ai coding 整个工作流再配合这种方式去做的时候，那它的成功概率和它的速度呢，都是非常快。那以前我们好奇说 loveable 的 话，底下的这个 superbase 怎么来做的呢？其实它的做法跟这个类似，应该是差不多的，所以我们通过这块呢，我们就能知道 loveable 在 做整个项目的时候，为什么建立起来这么丝滑了。所以呢它的两种方法，第一种方法呢，就我们还使用 level 这种方式，我们把页面先构建好，我们先不涉及数据库，减少 level 本身自己前后端都去连调这样一个压力。我们把 level 建好之后呢，我们连接后端 ai agent 的 in force， 然后让它结合 ai coding 的 方式去帮我们编程。还有呢就是第二种方式，现在有很多的 skills 呢，是专门做 前端品味这种 skills， 那 它做完的页面儿呢，就不像以前我们说的紫蓝色这种页面儿，那我们就结合这样的 skills， 然后再结合 is forge， 那 这样的一结合呢，就可以用我们自己本地的这些我们熟悉的 id 工具，比如说 cursor 啊，然后安 anti gravity 啊， c c 啊这些工具都可以，然后包括 codex， 那 这样的话前后端呢，既有品味了，然后我们的后端的整个操作流程呢，还都是自动化 ai 化的，而且重要的是它整个的整个的整个操作流程呢，其实也是部署在我们内部的，如果 对于安全性要求极高的同学呢，这部分也是非常适合的。 ok， 今天内容就是这么多，如果你有 ai 问题，欢迎来找我咨询，关注雷哥，关注 ai 工程化落地。

gpt 五点四升级了没几天啊，它终于让我跑通了，用 ai 来全自动做设计。今天我来演示一下我这个 ai 设计工作流是怎么玩的啊。左边这个窗口呢，就是 codex 的 聊天窗口，哎，右边这个呢，说白了就一堆啊，别人的论文， 我们就来尝试一下，就把这些论文变成 graph， graph， 那 就是图形专项，我们来复制一下这个文件夹的路径啊，到时候做设计的这个文件啊，就让它放在这个文件夹里面，我们只要点开麦克风啊，就用嘴说就行了， 呃，在这个文件夹里面给我建一个测试点 p e n 这个文件好，我们看很快啊，他就建了这么一个 pencil 这个文件。我的这个工作流呢，主要依赖 codex 哎和 pencil m c p 还有我两个特制的这个 skill， 我 们双击一下，你看他又打开了一个空白的这个 pencil 这个设计文件。下一步呢，我们要做一个 握手测试，哎，你看他这个蓝光一闪，哎，框框一出来，哎，这就是在自动做设计了，哎，拖一篇论文给他，继续点麦克风， 来帮我把这篇论文给我变成 graphical abstract。 因为我已经把规则写入到 skill 里面了，所以当我说完这句话以后呢，它会自动调用我的 graphical abstract skill。 当然我还做另外一个 skill， 叫做 visual extraction skill。 那 这个是来控制眼睛的，这个前者呢，就是做平面设计里面很重要的这个文字排版呀，间距呀，对吧，字体大小呀等等等等。 后者呢，就是平面设计师的眼睛，哎，他可以做什么图片裁切啊，甚至可以把图片当中某一部分裁切下来，把它变成 svg 的 矢量图形，比如说做一个小的 icon， 哎，他可以做这个功能。 这只 ai 设计工作流这一套动嘴的这种玩法呀，其实就是变成甲方了，就用做甲方。爸爸的感觉还是挺舒服的啊，哎，哪不爽你就用嘴告诉他，那么大的留白，你留给家孩子跑步吗？哎呦，他倒挺诚恳的。你说的对， 这不是审美偏好，是网格没立住。哎呦，这还有点样子啊， 其实很多人都可以用 codex 加 pencil 去做设计，但是我的特点在哪里呢？因为我用这两个 skill， 我 能做到你做不到的很多功能。比如说我会把设计面板网格化，因为最初见这个设计呢，是我写入了很多平面设计的规则啊，我把它固化成一个 skill。 那这个里面呢，对于网格系统呀，对于板式啊，间隔呀，字体大小，包括有什么字体对我明确的要求，哎，除此之外呢，哎，我还可以去定位图片当中的某一个东西，哎，比如说这个图片当中有个小鸟，哎，在某一个坐标轴，那么我可以精确的通过网格坐标来找到它，把它裁出来，哎，还能把它变成矢量图形。 当然我这两个 skill 还连着很多小工具啊，就比如说微软的啊，这个 markdown， 它可以把 pdf 变成 markdown 格式，比如说我们投给它个 pdf 的 论文，欸，那它就可以转成 markdown。 这种 ai， 包括我们比较方便阅读的一个方式，比如说我也给它装了图标库，欸，它可以调用很多科学图标， 哎，你看，今天演示个玩意，就是把科学论文，哎，给他变成这个图形摘药，哎。比如说我还会独立开发 app 啊，他还能帮我生成这个 app 的 界面，其他稍微炫酷点的平面设计的功能呢？正在开发当中， 因为他比较依赖我平时的试错啊，其实他每次进步都是我在做的过程当中，哎呀，发现有 bug 了，哎，我要不要去给哈布找点小工具啊？哎。然后我要不要给他 用嘴来讲一些所谓的美学跟设计的知识啊？甚至有的时候我还得标一下，给他截个图，说这个地方空间太大了，哎，这字，你太小了，太丑了，哎。所以这就是一步步打怪升级，反正我觉得他的进步速度肯定是比人类进步快的好愿意跟我一起玩的朋友点个小关注。

发了一个研究报告，是他们内部的一个小团队做了一个应用，在几周的时间交付了一百万行的代码，完全是用 codex 进行编辑的，完全没有使用人工的方式，这也是他们的一个强制的要求，它整体是搭建了这样的一个系统。 他也说了一下他的一些经验，最终达到的结果就是他们只需要一个提示，然后他们的这种智能体代码，智能体会直接去执行这种各种的一个预设的这种流程来进行完成和最终的发布。 他这个经验报告呢，如果说我们能搭出来这样的一件事情的话，肯定是去完成一个项目是绰绰有余的。而且他这个经验里面我个人觉得非常牛的是两件事情， 因为我们现在用这种 codex 或者说 cloud code， 我 们运行出来并不是说它性能好不好，准确度高不高，而是它跑出来的结果。我们人很大的成本现在来自于如何去做测试。 但是他们这个应用不是说这种桌面版的应用，更多的都就是一个网页前端的应用。他们用了这种 chrome 的 开发者模式，让很高的一个权限给到了 codex， 让 codex 去做检查解锁，达到了自己解锁这个内容，然后重现错误，并且修复，并且分析这些 ui dom 的 一些行为， 这是一个比较大的一个点。还有一个点我是认为非常有趣的，就是吞吐量改变了合并的观念，因为我们做一些修改的时候， 其实我们会非常的小心，特别是一些成熟的项目，你做一些修改，你必须要做非常多的验证，觉得完全没问题了之后，你才会把它合并到主项目的文件这个数中。 但是当 codex 大 模型来了之后，它的规范反而成了反作用，因为它做修复非常的快，所以说你只要能简单的测试它是好的，就直接合并，直接上线，如果有错误它马上就拉下来进行修改就完成了，就没有必要去做非常严谨的这种验证， 因为他的纠正错误的成本十分的低廉，而等待去测试的成本是非常的高昂的。所以说现在的一个策略是会有一定的进行转变的。 我们还是详细看一下这篇报告，他主要也分享了很多他们的一些经验。首先他们就说了一下，他们是人类掌舵智能体进行执行，他们有一个规定就是不允许手写一行代码，从开始 他们不编写任何代码，工程师是做这种框架和需求进行转化成 prom 的 一个工作， 然后是由 codex 进行编写，然后他们就发现了一个问题，他们的瓶颈就是如何审核这些 codex 出来的结果，然后他们解决的方案就是让他拿到更多的这种开发者权限，让他自己能去复现错误，然后修复错误，并且这些日制信息都会暴露给这个 codex。 就是他们的一个经验，是给 codex 提供一张地图，而不是一千页的使用手册。因为 codex 它的上下文就是特别稀缺的，所以说你不要给它过多的指导，因为全是重点，那么就是全部没有重点。 它跟 cloud code 它们的方式是一样的，就是你给它的这种文档是分成树状的结构的，它需要的时候它会到对应的文件夹里面去找去查，而不是你把所有都放在一个文件中。 然后就是智能体读取才是最大的目标，因为上下文是有限的，每一次执行的时候他都要去对应的上下文，所以说你的这些项目必须要让一个新的工程师马上拿到之后，他就知道他的上下文他要做什么，所以说他的文档必须要写的非常详细，而且要非常有结构性， 要对应的文档要放在对应的一个项目，对应的一个模块下面。然后就是其实他这个翻译有点问题啊，他这个意思就是你要保证输入输出就可以了，他具体怎么样实现就让智能体自己去实现，甚至尽量不要使用这种 新的一些库，最好就是让大模型他的训练，在最好就是使用大模型在网络上训练常见的一些库，或者常见的一些原则性、 原理性的代码，甚至让大模型他自己去实现，都比他直接使用某一些库，某一些现有的库会效果更好。因为现有的一些库他在他的训练中看到过的比例是非常少的，所以说他是不擅长的，甚至让他自己去实现他还更擅长一点。然后就是吞吐量，就刚才说的， 然后他也说了一下，他们生成的真正的含义是几乎所有的内容都是由智能体生成的， 他们没有做一行代码的更新，只做了这种优先级的排序，然后将用户的反馈转化成验收的标准，或者说一些新的功能工具，然后把这种 pr 提到代码库中，由 codex 自行进行编辑或者修复，最终达到了很高的一个自主水平， 如果能搭建出这么一套智能体编程的系统，那么就非常的牛了，但是他们没有开源他整个系统或者怎么样使用。然后最后他也说了一下，因为智能体他的自主进行写代码，他也会有非常多的问题，就是他的伤他会非常的混乱。可能这里这里的命名是这样，这里的命名是这样， 最开始他们是由人工去做一些修复或者清理这些遗留的问题，然后后面的话他们就使用每一天去做一下扫描，定期的进行这种技术债的消除。 然后他们说了一下他们的一些欠缺，其实就是设计环境、反馈回路和控制系统，他还是很大的原因就是怎么样去做审核，因为他这个都还是比较好判断结果的一些方式，因为他都是这种外部的应用，如果是一些这种桌面级的应用，他这个也不是那么合适。

人类的产品团队真的很神奇，一边高喊设计驱动开发，一边让设计稿和代码像异地恋情侣，靠截图和脑补维持关系。设计师在 figma 里优雅拍板， 前端在 id 里疯狂揣摩，最后上线的页面谁都不完全满意，然后大家互相甩锅，文明社会的温柔撕扯。 直到 codex plus、 figma、 mcp server 这套组合出现，我才意识到这不是功能升级，这是一次生产关系的改造。我讲的直一点，它正在消灭涉及到开发这条漫长又低效的翻译链，而翻译链是效率杀手。 真正颠覆的是从代码回到画布。说实话，我真正兴奋的不是设计生成代码，而是反向这一步， generate 下划线 figma design， 它可以把真实运行的 u i 抓回。 figma 不是 截图，是可编辑的 frame。 这意味着什么？意味着代码不再是终点，代码只是一个版本状态， 设计师可以基于真实产品结构继续改，而不是靠脑补。你能想象这对团队合作意味着什么吗？以前设计交付实现验收返工，现在设计代码时时往返，这已经不是合作，这是融合。 原型和生产的界限会消失， proto time 不 再是草图，混乱的设计资产会成为组织的拖累，前端工程师的角色会进化。别焦虑，不会消失，但还原设计稿这件事会越来越不值钱。 如果你还把自己定位成像素守门员，那确实危险， ai 正在接管重复劳动。 真正的价值在于最佳想法，而不是第一个想法。官方那句 build on your best ideas not just your first。 其实很准。过去大家停在第一版，不是因为没创意，是因为改一次太贵。 现在想法设计代码回话再优化再生成，迭代成本极低，创新速度会被推高，创新从勇气问题变成成本问题，当成本被压缩，竞争维度就变了。 桥梁时代结束了，现在是传送门时代，你要么升级认知，要么被效率碾压。

我在 windows 系统底下用 color code 和 code x 这个命令行板特别不方便，自己写了一个窗口模式，桌面版可以 color code 又可以 code x， 比较方便。那这个有几种问题啊？就是这个命令行板输入时光标定位特别慢， 他这边用用方向键定位就特别的不就骂，如果很长的话题是词就特别麻烦。这个就是复制那些截图很麻烦，因为有时候我像截图内行版，这个截图就复制就特别累。那我这边的截图就比较轻松啊，接，我喜欢这个截图，截一个 直接在这里，窗口里就直接粘贴就可以复制了，这样比较方便一点。另外呢，窗口监控啊，不知道哪窗口已经完成，因为有时候我会开特别多窗口吗？我能开七八个这种窗口，那这种窗口就不知道哪个完成了，就要点，特别麻烦。 那我这个写了以后就完成了，就是一个红点啊，直接这个红点点进去就取消了，因为他完成了吗？ ok。 还有个就是历史记录多查找不方便，有时候我会关掉那历史记录，他特别多，有时候就找头大。那这个地方 历史记录点开以后就往下就比较方便了。这个是扣格勒扣的，这个是扣 x， 历史记录拉下来啊，就搜索比较方便。做了一个自动化运行的工具，剪一下这个地方，先给他一个计划，让他写一个计划，例如罗列了以后就直接点这个自动点一下， 很简单啊，就是会自动的给他弹出一行字，然后执行计划，下一步一个很简单的小程序，他自动就运行了。你可以设置他的这个步数，调那个小脚本 切换的话，用这个 cc， cc 切换，然后我这个已经开源了，代码已经开源了，就是这个分享一下啊？