vibecoding能做ppt吗

最近 web coding 的 概念还蛮火的，我只学习了一周的时间，现在十分钟我就可以做出来一个完整的 ios app， 它是真的可以运行并且上架 app store 的。 你先把基本的功能拆解清楚，让 chat ppt 帮你写个产品的需求， prompt 给到 cloud， 它会帮你生成一个文件夹结构和代码，你复制粘贴进去 xcode 就 可以了。 然后你只需要做三件事情，运行后报错，报错后截图，截图后修改，用 codex， 甚至可以直接修改 xcode 的 文件，这样子的话，几轮之后你的 app 就 已经做出来了。那， 那这个 app 很 简单，它是一个用来借出东西的 app， 借给了谁，哪天借了，价值多少钱，多久还回来，要不要提醒，后面可以看下效果。重点不是这个 app 有 多么的复杂， 重点是一个产品经理的试错成本在现在几乎为零。以前一个长想法，要排气，要评估，要开发，现在十分钟你就可以验证这个产品的特性。如果你本来就有产品认知，加上你还有代码的基础，那这不是效率提升，这彻底改变了开发者的定位和身份。不用纠结，你做出来再说。

嗨嗨，这里是小壮。如果你用 webcoding 做出来的页面，总感觉死板像个 ppt， 这条视频教你把动态美学直接拉满，让你的产品充满高级感的动起来。 今天推荐三个顶级动效组件库和两个保姆级技巧，虽然我也不是技术出身，但也能做出这样这样， 还有这样的丝滑动效。第一，动效外挂库首推的是 u n c 管理 studio， 它最强的地方在于不需要任何的设计和代码基础，就能打造出这种顶级视觉创意的质感网站。它内置了无数现成的 webgl 动画和高级交互元素， 你可以直接一键复制整个项目。最棒的是，它不仅给代码，还支持你上传自己的项目图片，自定义参数，甚至直接导出视频或图像。你只需要把选中的效果和参数作为提示词，喂给你的 webcoding 工具， ai 就 会自动处理所有的技术细节，将这些丝滑组建完美缝合到你的网站里。 第二个， react bits， 它简直是 webcoding 的 动效全家桶，收入了全网几乎所有的开源动效。 无论是动态的背景组建动效，还是酷炫的文本效果，它都有设烈。对小白来说，它最香的地方在于支持高度定制化，你可以直接在网页上修改你的文字内容，调整具体的参数。 最硬核的是，它支持小白直接把代码喂给你的 webc 定工具。想用哪个这些效果让 ai 直接伸手进呢？真正实现一比一的视觉复刻。第三个， design spells， 这是一个专门收入全球顶级产品微动效的灵感库， 它不是对器那些大动画，而是专门研究那些让人心动的细节交互魔法，比如一个按钮被按下的弹性反馈，或者一个输入框聚焦时的优雅律动。它的核心价值在于帮你解决 webcointing 里的生硬感， 它能帮你把产品的精致度直接提升十倍，让用户在每一个交互瞬间都能感受到那种你很懂行的设计高级感。第二篇， ai 投喂小技巧方法一，代码加文档喂养法 当你选中一个动效后，连带着具体的代码和实现文档一起发给你的 web 控件工具，然后输入这段提示词。请参考一下 reactbeats 的 组建代码及官方文档说明，帮我实现一个逻辑完全一致的某某动效，注意保持原有动画的曲线和延迟参数。 方法二，詹姆莱动效翻译官如果你在网上看到一个很酷的动效，但没有公开代码，直接把它们录屏发给詹姆莱，让他帮你提炼一，动画的触发时机 是悬停还是滚动？二，缓动函数类型是 spring 弹性还是 easy in out 平滑？第三，关键，真参数然后把这些细节的关键词投喂给你的 web coding 工具精准复刻，你学会了吗？

怎么用 ai 做出这样的 ppt？ 上一期呢，我的吉他怎么用的视频被很多人喜欢，有很多人问我我的 ppt 是 怎么做的，所以这一期呢，我就来讲一讲我是怎么用 ai 做出 html 版的 ppt 的。 那我的核心方法论有三步，第一步呢是你要先搞懂 html 究竟能做什么，只有你清楚的知道它什么能做，它什么不能做，你才不会花非常长的时间一直去调试一个它确实本身就实现不了的功能。 那你了解了它的功能边界之后，我就希望教你怎么来写一个文档，让这个文档一次性呢，就能描述好 ppt 里所有的要素。那你让 ai 根据这个文档去生成 html， 大 概率就能在一到两个回合里就生成你满意的 ppt。 第三呢是我会给大家推荐两个 skill， 这两个 skill 呢，能帮助你，至少一开始生成你生成的页面就不会太丑。但是呢，每个人的审美是有不同的，而且呢，可能大家也希望能沉淀下来一些自己的个人风格或者是模板。那最后呢，我就会教大家，大家在不断的尝试过程中，如果找到了一版你很满意的模板，要怎么把这个模板固化下来，变成自己的固定配色或者固定风格，甚至是一些固定的小组件。 未来呢，你在写 ppt 的 过程中，你只要让 ai 说，根据我已经保存了的风格，帮我生成一本 ppt， 那 你可能就能一次性生成既体现你个人特色，内容也非常丰富，让你非常满意的 ppt。 那 接下来就是给大家展示一下 html 能生成怎样的东西。首先呢， html 非常擅长的就是复刻别的网站的设计，因为别的网站的设计本身也就是一些前端语言实现的，所以呢，同样都是编程语言实现的东西，它就非常擅长，比如说这里尝试复刻了，比如说苹果的界面， top 的 界面， cloud 的 界面，微信聊天的界面，终端的界面，还有 vs code 的 界面，这些都是它非常容易就能复刻出来，而且复刻出来也有八九成像，所以说看起来就很美观。 第二种，它能呃完成的非常好的呢，就是数据格式化，如果你想用这个 ppt 来展现一些你的统计数据的格式化展现，那就非常适合用 html 来做，因为呢，对于各种各样的这个数据格式化的图像， html 都能非常美观清晰的呈现。 那第三种呢？是啊，一些比较简单或者基础的交互和动效，那在 html 版本里面，你就不需要自己再去，比如说手动的去调一些参数，调它的变化轨迹，那通过 html 的 版本呢，它就能自动化的帮你实现一个比较美观的变化。比如说第一种呢，你可以告诉他说数字从零滚到目标值，它就自动会形成一个数字滚动的动效。 第二个呢，比如说啊，进度条动画，比如说它能自动形成一柱状图生长的这个过程，那这样子可能就能让这个视觉冲突更明显。第三种呢，就是一般是用来用于对比的，比如说呢，你可以说啊，帮我生成一个前后对比的拖动滑块，那它自动就会生成一个这样的类型，让你能前后对比。 那第三种呢，可能也是大家日常做汇报的时候比较容易，想要用到的就是逐步监视数据，比如说如果你希望 ppt 上面的内容说一步一步出现的，那你就可以使用这个 prompts 来让它逐步的展现出数据。 那以上呢，就是我探索出来的 html 很 擅长能做的，那有一些有什么是它不能做的呢？就是流动的线条，复杂的图案，因为这个其实是需要 svg 逐个画图的，那你可能就需要用到比如说像 fig 码一些更高端的前端工具才能来实现。 还有一种呢，就是一些卡通的角色绘画、手绘风这些呢，你可能就得用更多的 ai 生图软件，你才能更快捷的生成。单纯靠 html 的 语言你是很难生成的。比如说举个例子，我曾经试图想要给自己做一个这个江饼人的小 icon 放在旁边，结果呢，就是非常的丑陋啊，它确实是没有办法拼接出非常可爱的，非常流动的江饼人的图案。 第二步呢，就是怎么来写这个文档，其实继续前三步，我们已经能很清楚的知道 html 能做成什么了。那有了这些呢，我们就可以对 ppt 每一页包含什么有一个很清晰的认知。那这个文档里面我一般就会写清楚，比如说每一页我需要包含什么样的内容，它的标题是什么， 然后每一个部分可能要写哪些文字。这里很清晰的把所有的内容都写出来的原因是 html 有 一个缺点，就是它的修改非常的困难，它不像我们平常的 office 的 套组 想要修改，比如说其中画面中的这个文字，没有办法在这里直接想要把它删除就删除，我要一不断的跟 ai 交互，比如说我得告诉他说帮我把第几页的哪一个字换成哪一个字，这样才能去交互。那如果说你一开始不把这个文档敲定好的话，你后来的修改就会非常的麻烦，很耗费时间。所以最好的方法呢，就是你在这个文档里面写清楚你要每一页的标题，每一页的文字，包括每一页的图案， 让它能尽可能一次性生成好。那第三个方法呢？积累风格，然后形成一套自己的固定配色。首先呢，先推荐两个 skill， 这两个 skill 是 非常必要的。第一个呢，就是 from and slice 的 skill， 这个 skill 呢，就是帮你把 html 形成一个固定的， 比如说画框，每一页的这个 ppt 的 跳转其实是按空格，它就会自动跳转的，那这个也是被写在这个 skill 的 方法论里的。然后包括右边的这个 ppt 跳转的小组件，这都是在这个 skill 里面内置的，它通过这个 skill 固定了一些 html 版的 ppt 的 一些界面尺寸和跳转方式。 然后第二个呢，是 test skill， 而这个 test skill 呢，本质上是一个呃，内置了一些比较好看的前端设计的配色呀，或者是模板呀的一个 skill。 那 如果我们用上这两个 skill 呢，大概率你生成的 ppt 至少 不一定符合你喜欢，但是它至少不会太丑，通常来说已经是相对美观整洁的了。我我自己已经形成了一个这个棕色系的风格嘛。一开始 ai 自动帮我生成的可能就是右边这个界面的样子，但是因为我的 ip 是 将米人整个视频是棕色系的， 所以呢，我最后就设定了我现在这个固定的模板。那大家也看到了，我每一次 ppt 都是固定的配方，固定的配色就形成了一个我自己的个人特色。那如果呢，你终于积累了好看的配色和组件之后，有两种方法来把它固化下来。 第一种呢，就是直接内化到 skill 里，如果呢，你最后只想保存一组可用的模板的话，就比如说我，我其实就是直接把这套 slice 里的配色字体常用组件都加到了这个 skill 里面。 那未来呢，我就不需要额外的提示词，每次呢，它只要帮我生成 html 版的 ppt， 它就会自动关联到这个 skill， 那 它生成的这个 ppt 就是 我想要的这个风格的。那你就可以用这个这个 prompt 来把你的这个 slide 的 配色和字体常用的组建追加到那个 from and slice 的 skill 里面，那未来它生成的时候就会自动实现。 还有一种方法呢，就是把配色字体和常用组建整理到一个 markdown 文档里面，这种可能对应需要保留多个模板。那你可能未来取用的时候，你希望我在根据我的使用使用场景去匹配对应的模板的时候，那你就可以要求它把配色字体和常用组建整理成一个 markdown 文档，当然你可以根据你的使用场景去命名它。那最后你要附用你使用整理的这个 markdown 文档的时候，你 就可以用右边右边这个提示词来生成一版最终的 html slice， 只要你就能一次性生成你很满意的这个 html 的 ppt 上呢，就是，呃，我的三个方法论，而现在你看到这套 ppt 也是使用这个方法来做的，所以你赶紧去开始尝试起来。我觉得它非常适合在一些你需要，比如说你每周一次的组会，你可能对它 ppt 的 质量并没有特别高的要求，你希望能快速生成一个还不错的 ppt 的 时候，就非常适合用这套方法，快来尝试吧。

有朋友问我怎么去把以妹之二生成的图片拆成可以编辑的 ppt 形式，那就直接放干货一样的逻辑，最简单的方式，直接截图发给你的 agents， 让他去帮你配置用户级的 skills， 实现逻辑呢，可以去看我最新教程里的解释。然后呢，可以直接看一下效果， 左边这边就是 emoji 生成的图片，学术汇报集的图片，然后右边是 word 跑一次跑出来的效果啊，每每个元素啊，都是可以直接编辑的。 我又复现了一张图，这个是 emoji 生成的图片，这个是我做的 skill 啊，做的一个效果，同样的它这个每个元素都是啊，可以编辑的。需要注意的几个点啊，第一，需要用 codex 配合 gpt 五点五 e x high 的 模式，五点五的这个多模态能力比较强，其他模型我测了一下，达不到五点五的效果。 第二呢，不要一次性塞一堆图片，一张一张的把图位给格式啊，去用 skus 去做。第三，还原度能打个八十到九十分，做不到一百分，也做不到一比一还原，少不了自己要去手动为调，或者多个一两轮的 a 帧为调。 还有一个方法啊，就是用 kimi k 二点六啊， kimi 他的前端能力很强，同时他这个桌面端有一个专门做 ppt 的 这样的一个功能，把你的图片放上去，然后用我这个贴纸的模板直接 复制粘贴进去，让他帮你生成。但是 kimi q 二点六有个问题，就是免费版的话，很大程度上你用不了的，它老是显示这个服务器，服务器有问题，聊天的人太多了，不让你用 这个可以在某鱼上面找人做一下吧？用什么 p、 n、 g 转 svg， 或者你直接用里面 g、 r 的 图片把它拉大也是可以的。但它存在一些问题，就是你拉大以后一些组建字体边缘它的清晰程度是不够的。同时， 呃，你转成形状以后，他的排版有大概率也会出现一些问题，如果有一些更好的方案，也可以自己研究一下。

大家真的可以试试用 html 做 ppt， 它足够清亮的同时又能装下丰富的前端，比如 css 动效，可塑化图标，甚至是交互逻辑。我给大家找来了三个 skills， 这些都输入了一千多个视觉规范，动效啥的。 可以让你的 agent 跑出来的 ppt 没有那么丑，也没有那么有 ai 味儿。第一个是这个，你只需要扔给他你的资料，或者是你想做的 ppt 主题，它会自动地提供一些风格给你，比如像包豪斯、极简呢，杂志感排版呢，很适合那些不知道想要什么风格的朋友。如果你有很多数据，也可以试试这个， 它内置了一整套 svg 的 图标，组建折线图、雷达图、仪表盘等等。你的 agent 会根据你的数据类型自动地匹配生成合适的图标。那你再想给 ppt 加一点动效的话，可以用这个，它能用丰富的 react 组建去给你的 ppt 加各种动效，像常见的翻页过度的呼吸感呢， 图标从画面里长出来呀，数据的跳动啊，这些用好以后，能让你的 ppt 变得跟网页一样高级。配置方面的话我说过很多次了，直接把这些 skills 的 名字发给你的 agent， 让它自己去配置就好了，拜拜。

今天的目标是手把手教大家安装 skills， 零基础小白友好，同样的 agent， 搭配同样的模型，为什么人家做出来的效果就是不一样？差距其实就在一个东西上， 人家装了 skills 做行业调研报告，没有安装 skill 的 时候， agent 无法搜索网络上的公开信息，只能依靠过时的训练数据来写报告。而安装了 skills， agent 不 仅能举出近期的真实案例，还能列举出来所有的真实信息来源。再比如，做 ppt， 没有安装 skill 的 时候， agent 的 配色一如既往的蓝紫色渐变，而安装了 之后， agent 的 设计的 ppt 瞬间变得更高级了，切换的动效也很丝滑。那 skill 到底是什么？为什么能让 agent 一下子变得这么强？ 我用一个类比讲清楚，先想象我们的 agent 是 一个特别能干，什么都愿意帮我做的通才助理。通才的优点是什么都能做，缺点是每一件事都不够专业。而 skill 就是 我给这个助理喊来的一个领域专家，可能是一个 ppt 设计师，也可能是一个调研分析师。这个专家手里揣的那本书，是他在这个领域多年经验沉淀的 s o p， 踩过哪些坑，什么做法好，什么 细节不能漏，全都写在里面。我交代任务的时候， agent 会先翻这本书，再照着专家的方法去做。这就是为什么有的人做出来的东西就是不一样，表面看是同一个 agent， 背后其实站着一整排的领域专家。今天第一个要给大家推荐的 skill 就是 这个叫 agent reach， 它在开元社区上已经有超过两万的 star。 简单来说，这个 skill 就是 能够给 ai agent 们一键装上互联网的能力，有了这个 skill， agent 们就可以去解锁最新的网络上的一些公开信息。我们尝试用 npx 的 命令去安装这个 skill。 skill 已经安装成功了，我们需要重启让它生效。斜杠输入 agent， 用上下箭头去找到要用的 skill， 找到了之后不要急着按回车，因为回车会直接把消息发送出去，这个时候应该要直接按 tab 键， tab 键是把这个 skill 的 名称补充到输入框，复制作调研报告的 prompt 发送给 agent， 它已经在读取 agent reach 这个 skill 的 文件了。这里提示 agent reach 安装完成， excel 搜索已可用。现在开始正式的调研了。 pdf 文件已经保存成功了，我们可以打开看一下。但是这样的一个 pdf 文档还不是很利于阅读，那我下一步我想要把它转成一个 ppt 文档。今天要给大家推荐的第二个 是归藏老师的一个 ppt skill。 这个 skill 在 开源社区上已经有超过一万的 star 了，它主要是能够让 agent 们去做出来非常好看的 ppt。 这里有电子杂志风，瑞士国际主义风。我们同样是通过这个 n p 叉的命令去安装 skill， 复制 n p 叉命令可以新开一个终端 发送出去。这里中间有一个问题是你希望安装给哪一些 agent？ 然后有一些通用的 agent 都在这边已经默认勾选上了，还可以去选择一些其他的 agent。 空格键是选择回车就是确认。这里是问我们 安装的范围是仅在当前这一个项目内可用还是全区可用，那我这里选择的是 global 全区可用上下切换，然后回车，推荐 simlink 的 方式回车是否确认安装？ yes， 这里是问我们是否要安装这个，帮你查找 skill skill 强烈建议大家去安装上这个的，这样的话以后 agent 就 可以自动帮你去查找 skill 了。到这一步的时候，我们已经把这个 skill 给安装好了，这时候我们可以启动 agent， 斜杠 ppt 就 已经可以找到我们刚刚安装的规范 ppt， 然后 tab 键输入这个 skill， 再把我们之前准备好的这一段做 ppt 的 prompt 同样的复制过来。 因为有 skill 的 缘故，这里 agent 呢会先问我视觉的风格，他推荐我选择瑞士国际主义，那我们就 follow 他的推荐选哪套主题色克拉英兰。 agent 呢？开始读 skill 文档了， agent 呢，已经写好了一个 ppt 的 html 文件。哇，这个背景居然是会动的耶！这是没有 skill 的 时候，这是有 skill 的 时候。 不多说了，赶紧去安装这个 skill。 第三个要推荐的 skill 是 花书的这个 design skill， 很多人在 webcoding 的 时候会觉得 agent 做出来的网站前端设计太丑了，花书的设计 skill 就是 来解决这个问题。这是 webcoding 从零到实战系列的第三期，我们下期见。

从这一期视频开始进入了我们一个 web coding 的 内容系列，因为我最近在做产品，我会发现当我用 web coding 的 时候，作为一个纯新手会遇到非常非常多的坑。如果你跟我一样完全不懂 web coding， 你 可以跟着我们的视频一期一期的跟练，直到你做出一个属于你自己的产品。 那我们今天呢，就先去为珍妮诊断一下她现在碰到哪些问题，以及如何系统性的开始第一步。然后你现在碰到最大问题是什么？ 那我现在做的这个产品就是很简单，帮我选择我的粉底色号和口红色号的，就是我一个，对，你的肤色，对，因为每次都要去线下店嘛，所以我想说，那我自己做一个吗？大家可以看到我的屏幕上啊，我的这个产品的设计图 贼美观对不对？对，你告诉我，我们要用用户旅程的这件事情跟 ai 沟通，所以我就沟通完了，然后 ai 就 开始基于我的这个用户旅程开始给我出图，他一开始出了低保证，我说低保证我看不出东西来，没有想象力，我说你给我出的就高保证，我我想要的风格你给我看我就知道怎么改，然后他就给我出图，他出一张，我确认一张，我就觉得 就不知道后面该怎么进行下去了，然后你就不知道该如何推进到具体的项目开发这一步。对，而且图越出越细，现在高保真设计这件事情里头了。然后现在先看一下你的文档的结构，看看你这些东西都输出到哪边了，就是所有东西全糊到一块。 然后你之前应该在沟通过程中产生了很多很多的文档，但你这些文档全放在了一个文件夹里头，而且你也没有考虑到后续的代码到底放哪个文件夹。所以第一个点呢，就是你要把你的项目结构给梳理清楚。这就很简单，一个文件夹存放代码项目，一个文件夹存放产品相关的文档， 还有一个文件夹如果有需要，你可以用来存放产品设计。如果你不太纠结于这点的话，你可以不需要这个文件夹，只需要两个就够了。 ok， 好， 我们现在梳理一下你的这个文件结构， 我把你的参数下面区分成了三个文件夹，就是对应我刚才说的这三大块。嗯，然后正好可以让大家看一下，就是我们产品相关的文件夹需要到底有哪些。一个叫 spec 文档，还有一个叫里程碑。 spec 什么意思啊？ spec 文档的话，其实跟我们之前以前以前常听说的需求文档 prd 文档 很像，但它不完全是 p r d 文档呢，是用来描述你对于这个产品的需求和设想构思局限于就是需求层面，并不会考虑到具体的实现。而 spec 文档呢，它叫需求规格说明书， 这包括了你的需求以及这个需求落地的方法。一般这个文档是由系统架构师来输出的， p r d 是 由产品经理来输出的，但是我们 web coding 你 不会去区分你的角色，因为你是一个人，你所有的事情都要你做， 所以你要去输出 spec 文档。你其实跟 ai 去描述你的需求，就相当于在输出 prd 了。嗯，这时候呢， ai 会根据你的需求输出 spec 文档，嗯，然后再根据 spec 文档去做开发， 这时候呢才是有所依据的，而不是一个无限扩散的一个需求， ok， 嗯，了解。在 spec 文档之上有一个很重要的东西，就是里程碑。里程碑定义了你这个产品迭代步骤，一个节点做到什么程度， 验收标准是什么样子的。第二个节点做到什么程度，要达到什么效果，验收标准是什什么样子的，这就是我们一般传统的互联网公司做的时候都会要确定项目里程碑，嗯，之前我们的一期视频有人挑战我们说啊，这是老玩法啊，传统的那一套说当前 bugcoin 不 需要这些东西， 那就肯定不会因为做自己的产品了，那你肯定要把这件事做的有条理，除非你想做的是一个一次性的工具，那种东西一般都叫做脚本，你开发出来，然后跑一下子，以后再也不去管它了，这种东西你可以不用考虑它的迭代。而你里程碑还有很重要的点就是 mvp， mvp 就是 最小验证版本，通过 mvp 你 可以去验证。最重要的一点就是你的这个产品到底能不能实现一些复杂的功能，所以它里面可能很会有一些意想不到的卡点，嗯，这个卡点可能是你的整个产品的致命点，这卡点点解决不了，你的这个产品都不成立， 那么这个 m v t 版本就是要去解决这些致命卡点，验证成功了，那表示你的这个产品是可以成立的，那后续再可以再逐步的迭代它的美观，它的交互，这才是啊，一个产品首先要验证它的功能是否可行。对，是的，对，是的，因为有可能很多很多产品你 点子很好，因为技术的限制或者一些生态的限制，导致你根本就做不出来。所以呢，我们首先要输出一个产品的里程碑，确定一个最小的 mvp 版本，根据每一个里程碑和第一个那个版本，我们去输出一个 spec 文档，然后再让 ai 根据这个 spec 文档进行开发，这就是一个系统性的一个开发过程， 并不是大家想的那么简单说乓就出来了。嗯，应该说是对于你的系统性的，工程性的思维是很重要的，而不是你今天拍脑袋说要加一个这个功能，明天拍脑袋说加那个功能，这样子的话，你的这个产品是会乱糟糟的。这就是为什么很多人说 web coding 都是十三代码， 对，是吧？对，是的，越叠越高，越来越屎。然后呢，我们可以让他现在让他输出给你定义好你的里程碑 m v t 版本之后呢，就可以准备开始开发了。 不过在这个开发之前呢，我们还要再讲一个，就是很重要的一个点，就是 get 仓库的管理，因为你涉及到了代码开发，你就涉及到了版本的管理，尤其是你要刚才我们说了你要多个版本进行迭代的话，这个版本的管理是非常重要的。如果你下一个版本开发出来了，有很大的问题，你还可以去回退。 如果你想要去验证一些你不确定性的功能，那你还可以拉分支或者是 walk 这种方式， 就是我觉得有点复杂，甚至未来你想要把这个产品开源出去分享给别人。嗯，现在很多很多的大 v， 现在很多很多的公共开发者，他们都把他们的项目分布出分发出来了，那就是因为他们首先要有 get， 然后再上传到 getapp 上 去。你要讲一个面对于我小白来说最最低的要求，你，你讲你什么？我确定这个太复杂了，就最低的要求，至少你要做到什么就可以了，至少你要把你的这个仓库 代码仓库提交为一个叫 get 仓库。只需要跟 ai 说把你的现在这个代码仓库提交为一个 get 仓库。后续呢， ai 因为非常了解 get 的 用法，所以它自行呢，会根据它的一个节点 去询问你是否要提交。提交就是一个保存档的工作，大家理解这个就行了，其他的都不需要现在去理解。现在我们 get 仓库准备好了。以后呢，我们现在最后一步就是把你的绘画角色给定义好， 团队关起来。对，是的，招人。嗯，我个人建议的就是你可以把你的绘画按照它的职位定义， 可以把它区分成至少两个，一个叫产品，一个叫研发。嗯，产品呢就负责我刚才说的输出里程碑规划，产品的迭代节奏，输出 stack 文档，然后呢，由研发来具体执行开发。对，为什么要分成两规划呢？有两个重要的原因。嗯，第一个呢就是上下文的污染， 因为如果一个绘画下，他自己既负责输出需求文档，又负责开发，那相当于是自己既踢球又当裁判，那他没有办法去系统性的发现很多问题。了解。对，因为你可以在研发完了以后，你再回到这个产品的 a 帧下，让他去验收这个功能， 这样子他没有那个上下文的影响，他可以更加独立性的发现独立的是这样子用绘画的。是的，我以为他就是聊天聊天窗口啊。不光讲他有，他有很多的用法，比如说你可以这边绘画，他能继续研发着你这个绘画就产品的，你可以 agent 你 跟他继续讨论下一个版本的规划，两个可以一步的执行迭代，这个就可以完全不受影响。 然后还可以第三部分，你还可以甚至可以单独拆分出个 ui 来跟你讨论视觉包相关的设计，然后包括了一些你的 logo 怎么样子都可以独立去进行。哦，原来这个是按部门来分的。对，是的，这就是把你的绘画也去按照它的角色定义去把它给区分开来，这样子的话你去执行更加有条理，有点东西。对， 好。然后呢，这现在就是我们的初步的动作都已经准备好了，你的 mvp 的 stock 滚刀也已经准备好了，我们下一期就可以进入开发工作了。刚刚前面都是在要 web coding 正式开发前的所有的准备所要做好。对，然后我们总结一下今天有哪些工作。嗯，第一个，首先是把你的文件夹结构梳理清楚，至少要区分出来两个文件， 一个是专门存放 dog 相关的，嗯，一个是专门存放代码相关的，嗯，第二个呢，是把你的项目仓库可以做更好的做版本管理。 第三个呢，就是不要一上来做代码开发，而是要先定义好你的产品的里程碑， mvp 以及每一个版本都记得要先说出 spec 文档，那个研发的 agent 根据 spec 文档进行开发， ok， 很多人对于 web coding 的 一个误解就是认为 web coding 降低了开发的难度，嗯，但其实它降低的是开发难度，但是它对于人的能力的要求其实更加的高了。是的，因为你不但需要去扮演一个研发的角色， 你还需要去扮演一个产品经理的角色，还需要去扮演一个系统架构师的角色，同时你还需要去懂一点点代码，避免这个研发 a 键的去糊弄你。这就是现在 bug coding， 大家小瞧了它的 一个很大的问题，以前是人人都可以做产品经理，但现在你不光要做产品经理，你还得做一个系统架构师， ok， 所以 本期视频有跟练的环节，刚刚那三点直接跟练开一个自己的产品项，下一期视频就这样，拜拜。

三个 vibe coding 设计工具，直接把 ui 审美提升一个档次。第一个手推 html anything open design 团队开源的设计工具， 整合了墨水、 ppt、 饱和色彩、故障、艺术、报纸风等七十五个模板 skill， 直接导出杂志、简历、社交卡片等九种形态，并且兼容 hyperframes 等视频工作流，还能一键发布到各大平台，非常全能。第二个 front and slide 博主 zara 站开源的 cloud code 插件，内置了十几种视觉精美、动画丰富的 skill 模板，可以在网页和 ppt 之间自由转换。注重高级感和创意感的视觉交互网站，可以直接抄第三个 design extract， 一条地址就能从任意网站提取完整的设计系统，可以对网站的布局、交互响应、动效组建等内容进行像素级分析，并一次输出十七种品牌基因文件，还附带重绘和风格融合等多种专业能力，没有设计背景也能成为高阶玩家。

我有自己的 ai coding 管理工具啦，玩 web coding 久了之后，发现用 clock code 生成前端的 html 文件和后端啊数据库这些完全不一样。 想要一个小想法能真正地去商业化落地，还是需要挺复杂的流程的。所以我们做了这样一个 ai coding 管理工具。这个 dashboard 界面呢，可以记录你不同项目的 prompts， 并进行数据分析。 planning 界面负责把简单不清晰的想法通过多轮访谈和问答的形式，生成详细的可商业化落地的具体任务。 coding 界面可以接入 planning 生成的任务，具体的一个一个帮你逐步实现， 还可以同时最多接入六个不同的 c l i 进行 ai coding 工作。所以你就可以在一个界面同时使用你的 cloud code 和 codex， 甚至还能部署 docker， 还能在下班后远程操作 bash 命令，在下班前设置一个定时任务，在 docker 里让 ai 自动跑完了，明早上班了再检查 这个 exploring 页面，可以实时反馈 clock code 在 生成代码的过程中有哪些新建的分支，有哪些 branch 被 merge 进了主分支里面？有哪些需要 debug？ flow timeline 不 仅清晰地按照时间线展示了 ai coding 过程中的进展，还能提醒你有哪些 coding 任务一直回滚，一直在重试。有哪些任务在 clock code 里面因为一直循环卡顿导致严重消耗了你的 token？ 它能实时总结你的项目概要和进程发展。最后，因为本质上现在和 ai 的 交互结果还是大多取决于用户提示词的质量，所以它还能帮你 ai 分 析你提示词的优缺点以及改进意见。 比如我这个小项目的提示词中，清晰度、上下文案例和 a 阵结构限制条件、逻辑推理和迭代演算都没有太大的问题。那么我唯一需要改进的就是给 clark co 的 角色约束太少了，那么下次我就需要给每一个 sub agent 做更多的角色规划。 例如有一个 subagency 是 ai architect， 那 我就需要说你是一个顶级的 ai 架构分析师，性格是 i n t j 严谨，逻辑清晰，具备极强的系统化思维，擅长从复杂问题中快速拆解核心结构，并输出高质量可落地的解决方案。在分析过程中，你要注意逻辑闭环架构稳定性， 不能输出情绪化或模糊化的内容。感谢观看，我们下次见！

很多小伙伴问怎么让 cloud code 接上 deep seek？ 这条流程我从头到尾给你讲一遍，照着走就行。 视频稍微有点长，建议先点个收藏，耐心看完，按步骤动手。先说清楚， cloud 是 anforepic 的 网页和 app 聊天助手，你打开浏览器就能用。而 cloud code 是 跑在你电脑终端里的编程搭子， 它能直接读你的项目代码，改文件、跑命令，相当于把 ar 装进了你的工程目录。更狠的是，凭借社区里那一大批开源 skills， 它还能调度你电脑里的一切浏览器表格、邮件、设计稿，几乎想自动化什么都可以。 为什么要接 deep seek？ 两个原因，在国内访问稳定，不挂代理，按 token 计费，也比海外接口便宜不少。而 deep seek v 四 pro 的 能力，应付日常写代码、改 bug、 做重构绰绰有余。 开始之前先准备两样东西，第一， node js 十八以上版本提前装好，长期支持版就行。第二， get for windows， windows 用户必装，不装后面依赖会报错。 第一步，安装 cloud code， 在 开始菜单里搜 power shell， 右键以管理员身份运行。打开窗口后复制官方的 m p m 命令，粘上去回车，等它装完。 装完输入 cloud， 加上版本参数，看到版本号就说明装好了。第二步，获取密钥， 进入 api 开放平台，进入控制台后，在左边的侧边栏找到 api keys 这一项，点进去， 页面下方有一个创建 api key 的 按钮，点一下弹出小窗，给这把密钥起个名字，比如就叫 demo， 然后点创建， 创建成功之后会弹出一个密钥字符串，立刻点复制保存到记事本或者密码管理器里。特别提醒，关掉这个窗口之后，密钥就会变成密文，再也看不见。 如果你不小心丢了，只能删掉，重新创建一把。第三步，配置 cloud code， 打开文件资源管理器，进入 c 盘用户目录，再进入点 cloud 这个文件夹。 如果看不到点 cloud， 要先在查看里把隐藏项目和文件扩展名都打开， 然后新建一个文件，名字叫 settings jason 把这段配置直接复制进去，把 api key 行换成你刚才复制的密钥保存即可。第四步，验证打开终端或者 power shell， 输入 cloud， 回车 看到红色边框的欢迎界面，模型型显示 deep seek v 四 pro， 就 说明已经成功接上 deep seek。 最后再送一个加分项。如果你平时在 vs code 里写代码，配好 antropic 官方的 cloud code 插件， 装完进入侧边栏的 cloud code chat， 它会自动识别你刚才配置好的账号，直接就能在编辑器里聊天和改代码。 整个流程下来，你就拥有了一个本地终端加编辑器，双端可用的用 deep seek 驱动的 cloud coat。 你 学会了吗？欢迎评论区聊聊。

带零基础小白入门 web coding 这期视频我将会手把手教你如何从实战中真正学习 web coding， 了解整个流程，从零开始做一个网页，贪吃蛇怎么讲清楚需求，遇到 bug 怎么描述问题，最后还会把普通贪吃蛇升级 一个 ai 原声小游戏。哎，大家千万别担心，这样可人称曹吕重师傅包教包会的，我也把所有用到的资料包都整理好了，想要的朋友直接去评论区打贪吃蛇，那么点好收藏关注再直接开始吧。 为什么选贪吃蛇作为入门项目，主要是因为它简单，适合零基础，而且足够经典。大家对贪吃蛇的规则都很清楚，简单来说就是操纵一条会动的蛇去吃 屏幕中间随机出现的食物，吃到了舌就会变长，同时得分增加，撞墙或者咬到自己则会 game over。 那 这几个规则哪怕是小朋友也可以轻松的理解。 考虑到小白对一些工具不太熟悉，本节内容主要就以安装最方便的吹 ide 来进行操作， 后续进阶本地特定工具会单独做一些安装使用教程，安装 tree 只需要打开这个网址，找到 tree ide， 点击对应的版本下载即可。安装好后，打开 tree， 登录自己的账号，然后我们需要创建一个文件夹，作为这个项目的项目文件夹， 在 tree 中打开这个文件夹就可以了。那左侧这里是文件目录区域，中间是文件内容编辑区域，右侧是 ai 对 话区域。 简单熟一下这个编辑器之后，咱们就可以正式进入开发了。我们需要把刚才说到的贪吃蛇规则转换成给 ai 的 清晰的表达，哎，这时候就有人说了，写这么详细，这么复杂，要是换另外一个项目，我就不知道该怎么描述了，哎，别担心，咱们可以将自己想象成一个正在使用这个项目的用户，从打开这个游戏会看到什么， 一点一点写下来就可以。比如刚打开游戏，我们需要有一个开始游戏的按钮，对应第一条，游戏开始了，用户需要操作什么，会有什么样的规则和响应。对应二到四条，如果你对视觉审美有自己的要求，还可以继续加上其他要求，对应第五条，那我们写好了直接发送就可以。 注意，整个白 cody 不是 简单的单次问答，而是多轮次的调整优化。他的第一轮生成已经结束了，直接在文件夹中双击这个文件就可以打开，试着玩一下看怎么样。哎，他的所有的基础操作和功能都没有出错，完成的非常棒。 我们最终要做的是让蛇吃掉文字字符，当吃到五个词的时候，就深沉一首诗，再画一幅画。不过这个实践案例让你了解整个产品开发如何构思，如何让 ai 进入你的产品中，并实现一些功能， 以及整个 web coding 的 详细流程。刚开始开发，我们不知道具体怎么实现，就先让 ai 出方案。注意，不要让他一上来就修改文件，而是只给方案。这里你需要大致告诉他你想要的最终效果，并询问他这个方案中你需要提供什么，这样他就会根据原来的代码和你的需求来制作这个方案。 你不用看他的具体细节，只要看他给出的方案是不是符合你的预期，这里有点需要注意， ai 给出的方案并不是万能的， 他推荐的方向也不一定是你需要的方向，具体实现路径还是需要人来主导， ai 只是辅助实现。这里我觉得他给我的方案不符合我的需求，我就直接说明我想通过什么实现，最好能附上相关的开发文档， 这里我直接附上 deepsix 的 文档和纹身图接口的文档， ai 和人一样，只有知道信息的全貌才能更好的执行生成。然后他又根据这些东西新出了一个方案，并且还主动询问其中的细节问题，我们根据情况回答就可以了，他现在开始进行下一步开发了。 开发完成，咱们打开文件，注意这里，我们直接右键点击检查就可以看到页面控制台，方便后续报错检查，然后填写 api k 开始游戏，这里发生错误了，同时右侧的控制台有红色报错，我们直接右击复制控制台网址，让他帮我们看看是出了什么问题， 他这里说看到是跨域错误，然后他自己打开了一个本地服务器来规避这个问题。然后咱们再次测试一下，这里他可以正常生成诗词了，但是图片还是报错了 依旧，我们直接将错误日期丢给 ai， 让 ai 自己判断，但是这里他修了几次还是一样的错误修不好，这个时候就需要人工介入排查问题了， 哎。这个大家不用担心，本期视频主要让大家了解 webkit 的 这个流程，大家知道就可以，在其中的每一个步骤后续我都会详细拆解如何做，我们需要在浏览器打开他新给的本地服务器的网址，同样打开检查控制台，这里有一个网络。然后跑一次测试， 发现这里的一个请求和刚才第三方文档里描述不一致，文档中说明了图片已被四六十四格式返回，但这里是使用 url 来展示的， 所以我们把这个信息同步给 ai， 它也是恍然大悟了，然后重新修改。最后我们再跑一次测试，发现图片终于是可以正常生成了。这就是整个 web coding 的 全细节流程了，从让 ai 出方案，到自己决策用什么方案， 到清晰完整的提供所需文档信息，让 ai 进行实现，然后根据测试效果进行替换，反馈给 ai， ai 执行修复。整个视频的相关资料和概念我都治理到文档里了，有问题也可以直接抛在评论区。那本期视频就到这里，记得点赞、关注、收藏。我是 jack， 咱们下期再见！

就是说，代码这个东西，你可以不写，但是你不能不会。潮水退去了才知道谁在挪用。今天在做一个视觉项目的时候呢，在 linux 环境里面出了一个典型的问题， python 找不到它，只找到 python 3。 程序员一看就知道这就是一个 alex 的 问题，于是我就打开了 g p t， 我 跟他说解决这个 alex 问题，然后这就把怎么解决的方法给我弄出来了， 甚至我鼠标单机一下，复制粘贴运行一遍解决。但是我后来想了一下，这件事有意思的点呢，不在于 gpt 给我的答案，而是在于我知道我在问什么。我知道这里不是任何的其他问题，比如说代码写错了，模型坏了。我知道这是一个典型的 linux 环境问题，没有程序员可以记住所有的 linux 指令，也不可能记住所有的 c 加加、 python 库大语法。 所有程序员一定都是现用现查的。 但最重要的区别在于呢，程序员知道该查。有了一个老掉牙的故事啊，工厂机器坏了，老板请了一个工程师来修，工程师来了，看了几眼，在机器上画了一个圈，问题就解决了。 老板说，你画了一个圈，凭什么收这么多钱？工程师最后写了一个账单，说，画个圈一美元，知道圈该画在哪，九千九百九十九美元。现在的 web coding 也是一模一样。你就看互联网上天天充斥着我不是程序员，但是我一天能让 ai 写四五个软件，以后代码能力不重要，只要会和 ai 对 话就行。所以 你们快来关注我吧，快来买我的课吧！再不跟上我们这个 webc 里的潮流，你就被时代抛弃了，把你每天要焦虑的事情从一百件变成一百零一件，最后你买一大堆课，烧一大堆头喷，然后什么都没做出来。但是真正做工程不是这样，真实工程里边你会碰到一大堆这种问题。什么啊，派生命令找不到啊，虚拟 环境没激活什么扩大版本不对啊，依赖冲突啊，端口被占用啊，路径写错啊，这些问题啊，单看都不难。但是如果你完全不懂代码，不懂 种环境，你连它属于哪一个问题都不知道，你只能继续的问 ai， ai 它是烧 token 的 呀，尤其 a 阵的环境啊，它要先扫描文件解释环境，然后猜疑，赖工具调用，然后再处事。这个就是 exact reason why？ 你 在 open call 里面可能打一个你好，然后它可能花了二十分钟，然后烧了五块钱 token， 然后回了一句你好， 最后钱花了，偷人烧了，时间没了，问题也不一定解决，但是工程师看到这个问题可能十秒钟就知道，包括你最正确的理解绝对不是。我不会写代码，但是我能写软件，可能一个 problem 给下去了，我做了个网页，我做了个计算器，我今天 帮帮他，一旦这个项目稍微变大，稍微变复杂，需要维护，那后果将会是灾难性。你可以让 ai 帮你生存，但是你必须有能力判断 ai 在 干啥，不然你不是在指挥 ai， 而是在被 ai 拖着走。 ai 是 一个放大镜，它会放大你原本的能力， 但是他不能替你长出新的能力。就是说代码这个东西，你可以不写，但是你不能不会。潮水退去了才知道谁在挪用， ok， 我是 十六 ai 人力方向博士生和一个独兵开发者，欢迎大家关注我，提高效率，不踩坑， peace out， 拜拜，关注一下吧！

我一行代码都不会写，但我用 ai 做的 app 在 上线华为应用商店的第三天，就拿到了七千多下载量，干到了领奖榜的第六名啊，在我前面呢，是美图秀秀的美颜相机，后面还有其他的大厂 app 都被我赶超了。而在口碑榜呢，这个 app 也做到了第四名，网上还有大量的好评涌来，让我受宠若惊， 我是怎么做的，怎么思考的呢？今天我会毫无保留的分享给各位，所以先求大家一个免费的赞。其实啊，到最后你会发现，整件事情最重要的反而不是会用 ai 这件事情。 先介绍一下这个 app 啊，它的名字叫做真实胶片啊，是一个鸿蒙的 app， 用来模拟胶片的效果，那么它的整个 ui 创意其实来自于我的一个幻想， 那就是如果我们在一个平行世界当中啊，胶片相机没有被淘汰掉，而是一直发展到今天，那会是什么样的呢？哦，那我觉得他或许呢，可以做到同时装载多个不同风格的胶卷，并且能够随时切换。所以呢，我把我这个想法就做到了 app 当中去。 你可以看到啊，在相机的面板上有一个透明小窗，你可以通过小窗看到现在的相机加载的什么胶卷啊，就像以前的胶片相机一样，而且呢，当你滑动小窗的时候啊，就可以切换胶卷了。 那怎么决定给这个相机装哪些胶卷呢？哎，我们只需要点击按钮，你就拆开了相机面板，你只需要把左边的胶卷啊拖到右边去，就是把它装载进相机了。 那在这里啊，你可以根据你的使用习惯，随意的增减排列你所喜欢的胶卷，与此同时呢，面板上的胶卷窗，它的切换逻辑也会随之变化。 整个 app 啊，没有复杂的设置，我的理念是呢，尽可能的做到简单直观，让用户一按快门就能够得到胶片质感的照片，还能从你物化的界面里得到拍摄的乐趣，这就足够了。 好，那么这个项目呢，我前后做了差不多两周的时间吧，整个项目做下来，我对于在 ai 时代，人的哪些素养能力是最重要的有了新的理解。第一点，也是最最重要的一点，那就是呢，随着 ai 不 停的发展，我们实现想法的技术门槛会越来越低， 那么与此同时呢，我们作为人类，洞察需求的能力就会变得越来越重要。我为什么会在 ios、 安卓和鸿蒙之间选择鸿蒙呢？因为呢，鸿蒙是一个全新的生态，它的正式版发布呢，才不到两年时间， 但是与此同时啊，它有着非常庞大的用户群体，现在已经差不多有七千万用户了吧，那我们想这里面它必然就有着巨大的需求和机会。 而且啊，华为把它的整个硬件生态做的是很统一的啊，手机、平板、折叠屏、电脑这些啊，他很统一，他不像安卓那么的碎片化，所以呢，你做华为的多设备适配会很容易啊，对于我这种单人开发者就非常的友好。 另外呢，就是人们啊，对于拍照和胶片展的需求是一直一直存在的。而且另一点我不知道你发现没有啊，就是在当下，年轻人是越来越喜欢具有玩具属性的产品的， 这个功能的多少其实并不是那么的重要了啊，简单有趣，好看好玩才是核心。所以呢，这也就成了我设计这个 app 的 核心思想。那现在的结果呢，也能够印证我的想法是相对靠谱的了。 所以说啊，在这整个事件里面，用 ai 写程序，它其实不是最最重要的一环，最重要的一定是发现需求，解决需求。你可以想一想啊，如果我只是用 ai 做了一个普普通通的记账软件，那估计也没多少人会下载。 那第二点相对次要，但你也一定要会，那就是掌控 ai 的 能力啊。刚才我也说到了，我说 ai 其实很多时候挺傻的，对吧？比如说上下文一长啊，这 ai 的 能力就会急剧衰减。 比如说呢， ai 在 面对他不熟悉的项目的时候，就是这次的鸿蒙项目，他就很不熟悉，他就会经常性的胡写乱写代码，所以我们就需要很多方法去掌控好 ai， 让它能够正确的帮我们干活。 今天这个视频已经很长了，就简单说一下我的思路，上下文的话，你可以尝试用 openstack 去控制啊，让你随时随地能够开心的对话，去完成任务。那面对不熟悉的项目的时候呢，你可以去抓一些官方的开发者文档在本地，然后每次写项目之前都要求 ai 去看文档再去做。 那还有很多其他的细节啊，我这里时间所限，就不说了，可以持续关注我，后面我会有更加详细的分享。 呃，做完整个项目啊，我的感受是， ai 确实很强，而且还在变得越来越强。但是呢，说到底啊，他也只是一个非常强力的工具而已，当我们所有人都可以用这些工具的时候，那其实大家就又都回到了同一条起跑线上。所以我觉得最终啊，真正的核心其实他一直都没有变过， 比如说一双能发现问题、发现需求的眼睛，比如说行动力和执行力，这些在任何时代都是非常重要的。那我自己能给的建议呢，是两条。第一条啊，在 ai 时代，我觉得不是像一些人所说的啊，我们都不用学习了，不是这样的， 反而呢，我们是需要更广泛更大量的学习啊，去了解更多的技术路线，不然 ai 是 真的会狠狠糊弄你的。 第二点，我们要多感受，多体会生活，我们不要两耳不闻天下事，毕竟大量的需求和机会它并不全在技术文档和教科书里， 而是真的在生活的各个角落里，我们要多体验，多看，多思考，或许你某个瞬间的想法就是你人生的下一个答案。好了，今天就到这里，我是大宽，我觉得有用的话请给我一个关注，我们下期再见。

五月十五号，微软已经开始取消大部分员工的 cloud code 的 内部许可，截止日期六月三十日就到。六月三十号之后，大家都没法使用 cloud code 了。六月三十日呢，也是微软团年的最后一天，什么概念呢？就是微软现在已经 不愿意为员工的 vip 定价买单了。仅仅在六个月前呢，微软还在做一个完全相反的事情，二零二五年的十二月，他把 cloud code 开放给数千名员工，包括了工程师、产品经理、设计师，鼓励所有人用 vip coding 的 方式来重塑 工作流，员工呢，也非常的喜欢这个工作，当然了，可能消耗透支量呢，也指数型的上升。六个月之后呢，微软自己是服输了，因为这个透支量，一句话说的话就是烧 token 已经比员工更贵了。 y c 的 合伙人 tom blumfield 在 一次 bash talk 就是 分享会上说一句话，如果你的 a p i 账单不让你心痛，说明你烧的不够。类似的话，詹曾皇也说过， 希望每招一个员工的费用，其中他的薪资的一半会匹配对应的 ai a p i 的 使用 token。 那 为什么微软会取消 web coding 呢？其中一个原因呢，就是微软自己在推自己内部产品叫 coopart， 这产品呢，目前看呢，其实是有点受冷的，原因呢，就是 color code 的 使用量太大了。实际上微软呢，并不是孤立这一段时间呢，很多的公司呢，都为透看的销量犯愁，比如说 uber 的 cto privin 就 曾经透露，公司二零二六年全年的 ai 编程的预算在前四个月就烧光了。因为呢，应用深度学习的副总裁 brian 曾经在采访中说过一句，对我的团队来说，算力的成本远远超过员工的成本。那为什么这么多公司，特别小公司还在用 web coding 呢？因 这里面的一个核心逻辑是， web coding 对 于大部分的初创公司来说，是在替代人力成本，而不是增加人力成本。比如说 yc 的 合伙人达恩达湖曾经就说过一句话，一个人配上 ai 工具，就等于过去一支大工程师团队。这里面的核心逻辑呢，是替代而不是增加。微软呢？作为一个大公司，他不可能裁员百分之八十 全替换成 ai coding。 而目前的团队增加了这部分的 ai coding 之后，也没法快速的让自己的业务以两倍、三倍甚至五到十倍的做增长。所以微软也好，我 y c 说的初创公司也好，他们烧的本质上不是一种价值的 token， 微软的 token 呢，是给原班人马副驾加油，相当于增加了额外支出。而 y c 说的初创公司的 token 是 替代原本的驾驶员。另外，前段时间有个新闻就是 meta 裁员，那裁员之前呢？ zacabark 的 团队呢，是一直用自己的 vip coding 的 方式呢，去蒸馏员工的能力，所以呢，让整个裁员变得更加的丝滑，让很多的技巧跟技能呢，是沉淀在团队里面。那这个事情你应该怎么理解呢？我觉得对于很多的 ai 创业者来说呢，其实是一个颠覆性的机会，因为很多大厂，因为 因为它的结构性的原因，因为传统业务，因为 incumbent 就是 既有业务团大难掉头，导致它的成本结构并没法做大幅度的变化，没法自我革命，反而呢，对于创业公司来说，没有这样的压力，可以用一个更小的团队，更多 white coding 的 实力来实现大公司的能力。那另外方面呢，对于很多大公司来说，他要想改革呢，就没有那么容易， 因为他的业务呢，是相对来说比较稳定的，裁员呢，又会造成很多的社会恐慌。对他们来说，选择更低成本的构建模型以及 coding harness， 反而是更好的选择。 像 s 账号上面的一个网红 sick dot dev 说的， my company's cloud account got exhausted now my legendary manager is asking if we can build our own l l m like cloud to reduce costs。 就是 类似他们一样的，很多公司的 cloud 的 账户已经用完了，公司的管理层呢，在思考如何寻找更低成本的大模型的方案。这个呢，就对于无论是 deep sea 还是像我们这样的高性价比的模型公司的一波新的市场奇迹。

codex 加飞书 c i 简直就是王炸组合，如果你的工作场景里面经常要用到飞书，那我真心建议你一定要把飞书接入 codex， 因为我自己本身就是在做自媒体和内容电商，所以我对竞品内容分析有非常大的需求， 但是市面上很多软件和系统都非常的难用，以及我在用 codex 之前，我自己也搭过一个，只不过是用扣子去搭的一个工作流， 非常的困难，拖拖拽拽搞了我非常久的时间，但这一次用 codex 加飞速 c l i 一个小时不到就帮我全部搞定了，给大家看一下，从提需求到他帮我规划只用了两分钟，然后到确定他帮我搭建这一个系统，只用了二十三分钟。 这个是我让 codex 直接用飞速 c l i 搭建好的一个表格，这个程序它是已经写好了，只要我复制小红书链接，它就可以自动帮我拆解标题，还有正文，还有 视频口播的这个脚本。我觉得视频口播的脚本是对我来说最重要的一个部分。 ok， 那 我们现在复制一个链接，让它试试跑着看， 它现在已经自动在跑了，然后已经在处理中，大家可以看一下。好，它不到两分钟就帮我已经拆解出来了， 对，我们来看一下啊，还是非常非常牛逼的。那其实在我搭建完这一个表格之后，它帮我拆解完视频口播脚本这一部分，其实我没有用到任何的 token， 只是一开始让 codex 帮我开发的时候需要消耗一定的 token， 等后面我再用这一套脚本去跑的时候，已经完全不需要任何的 token， 它花费的额度基本上为零。我在扣子上面搭建这样的一个工作流，还需要我付一定的额度。但其实 codex 已经在这一个文件里面写好了，这个脚本 我在跑的时候就完全不需要消耗额度。但是如果要让 ai 基于这一个口播脚本去分析改写的话，就需要接入一定的 token。 如果你感兴趣的话，我下期也会分享我是怎么用豆包或者是 deep sync 接入到这一个程序当中，让它帮我搭建后面的分析和改写。 所以说大家一定要去接触一下 codex 和飞书 c l i。 如果你也对 ai 加电商， ai 加业务落地感兴趣的话，后续呢，我也会持续更新我的一些实际案例，欢迎大家一起交流。

如果你也想用 skill 做高级感的 ppt， 这四个做 ppt 的 skill 一定要收藏！第一个， beautiful html， 一个通过 html 做 ppt 的 skill， 一 共有三十四个模板，从简洁、商务到内容展示全都有。而且它做出来的 ppt 更加有网页感，整体会比较简洁，也更像现在很多公司都喜欢的那种比较干净、高 高级的视觉风格。如果你是做过工作汇报、内容分享、课程型的 ppt， 优先看这个。第二个，微藏 ppt， 这个适合对审美要求更高的人，它最大的特点就是设计感非常强，而且自带一些动画和页面的转场。里面有很多风格，比如 电子杂志风，也有比较现代的瑞士国际主义的风格，而且还能顺便做各个平台的封面图。如果你经常把文章转成演讲的 p 个人分享、关键表达、产品分析的呢？那这个四 q 必看。第三个，卡米，这个比较适合经常做文字内容的人，他不是那种特别强烈的商务风，而是那种非常舒服的质感的排版。他更像是一套比较干净的纸面的系统，轻安静，而且不抢内容。如果你要做读书笔记这 知识分享，或者文字比较多的那种清亮的汇报，可以用卡米。第四个，卡瓦雷达，这个严格来说它不是专门用来做 ppt 的， 但是它非常适合做 ppt， 里面的封配图等等，里面需要更好的一些视觉素材都可以用它。它可以直接输出拼音记或者 pdf， 直接放进 ppt 里边。

他叫 anything to notebook lm 是 一个 clock code skill， 已经狂揽四点五 k 星标。他做的事很直接，把微信文章、网页、 youtube 播客 pdf 这些乱七八糟的素材自动整理后丢进 no book， 再生成播客 ppt 思维导图。 它支持微信网页、 youtube pdf、 epub、 macdown、 office 文档图片音频等十五家内容源，也支持多种输出格式。做研究的，做内容的，还有经常要读资料做汇报的，赶紧蹲一下。