电商设计怎么使用skills

hi， 我是 伍德，今天跟大家说的好消息啊，就是让我特登上线了一个 skill 的 功能，这个 skill 的 功能对于很多做亚马逊，做外卖电商的设计同学来说是一个非常棒的功能，它可以帮我们一键去做亚马逊或者其他平台的一些 那个电商的设计图，就一整套你的主图，半截图，包括你的 a 酱全部可以。 那我又给大家看一下，这两年啊，之前话你们进入到这个拉萨网站之后呢，在这边行邮政啊，在这里你就可以看到这里有个叫做的拉萨 style 这边，然后这边的话呢，他可以把我们设计 logo 和平台，然后还有就是这个社交媒体 这个分页故事版宣传画册，包括这个亚马逊套图，这个就是最值得推荐的。那我使用这个新的功能来做了这个测试，我给大家看一下， 首先是这个耳机的这个啊，那耳机这个呢，我就给了它这样的一个 test， 我 给大家看一下，这样的话我就给了一个先雕用它的这个拱门来，然后这边的话呢，我就给了一个是用样样熏的这种套出的技巧，就技能嘛，就这个这个是翻译过来是样样熏套出的一个技巧。那这边的话呢， 这里为电竞的这个耳机实际套样样熏的 这种上品 a 段图卖点的话，我提供给他了几个，你看这有见过的一些卖点，然后这边然后出了高数量，然后高清的，然后呢他就帮我出了一个这个，我给大家看一下他的一个质量哈， 这个是他自己生成的一个耳机，我没有给他任何农家，然后这个是他生成的一些主图， 然后这边的话就是他生成的一些 a 加这些，你看他其实帮我们生成的这些还是生成的非常好的，然后包括我让他生成一个这种商务的一个包装，他也能帮我去生成这些。那除了这个之外呢？ 这个是直接让他凭空去生成一个产品啊。那假设我自己说我自己公司产品，你看总不能让他生成一个就是没有的产品吧？所以呢，我今天又测试一个这个呢是 跟个电竞椅一样，这个电竞椅呢，我是在京东上面，嗯，找了一个这个，然后我就往下拉，从地上找一个产品嘛，因为我没有那个产品，所以我就随便找一个这个图我给你们看一下， 在下面这里，因为这个椅子它可以看到它的正面跟背面嘛，所以我就直接把这个图截下来，之后呢，我就丢给了这个 laot， 我可以给大家看一下。可我错了， 这边的话也是一样的，对，用亚马逊这个套头这个功能到这边呢，他还是使用这个技能去帮我设计套电精灵的。这个亚马逊的卖点这个图，那这边的话这一它是一个套头嘛，对吧？现在是我去做的一些卖点，那这些卖点的话，其实大家 可以自己去根据你公司的产品自己去写这里哈，那你也可以使用另外一种就是投巧的方式，就你把这个链接复制给豆包，就说这个图是我的产品，然后呢根据详情帮我把卖点提取出来， 正好他就帮你把这个卖点提取出来，接下来的话呢，你就拿过来直接喂给这个 dog， 然后他就帮我生成了，你看 这个是我的这个他生成的产品，我给大家看一下，我只是仅仅给了他一张这图，还是我直接从那个上面截下来的，截下来的还不是很清楚，我给大家给他写在前面， 你看啊，他生成的这个后面这个结构跟我这个结构也是记得他保持一致的，看见没有？他生成的非常好， 有时候你自己渲染都不一定不一定能渲染的太好，我说老实话，很多同学其实刚去渲染的话，你要渲染到重程度，以及这种有点偏灰的数量，很多同学是这样的做好的一个效果的，这个只是我随便截了个图啊，平台他这边还帮我生成了 我们其他的几张作图，对吧？看这里一二三四五六六张到这边还有你看这个是他生成这个跟这个其实 你没有实物，你看的其实也基本上是一致的，你看包括这个上面看到没有？你看这个跟这个是不是很像，对吧？那除了这些之后呢？我们的后面还有一些 a 加的这个图，看了一下这个因为这些全都是碳生成，你看包括这些使用说明， 这个是调节的说明了，对吧？怎么调节它的高低，调节它的扶摇，包括后面这些，你看这个它的承重啊这些，你看这里腰椎的这些，那包括这里后面的这些 全都是帮我们生成好了的。看没有，包括这个款式，一个这个颜色，一个这个颜色，你看它是直接给我生成的，跟这个 效果就是它保持一致的一个效果了，对吧？以前你们可能会觉得，哎呀做东西你的产量上去之后到四年之后可能会变样了，对吧？跟你原来的产品可能不太一样了，所以这个它就就它保持了百分之九十九的一致， 你可以细看这里的这些按钮跟它这些按钮，对，它也能帮你去生成，那包括我们下面的这个小托，这个地方，对吧？ 看见没有？就他基本上给你设计的非常非常好这些，那这样的话，其实你在后期自己做详情的时候，假设你们有的那个外包公司，他可能在某段时间铺货铺的特别快， 那我们是不是就可以使用这个方式来去做你的产品？你做的时候你其实只需要把你那个产品拿过来，前后左右上下多拍几张图，然后你丢给这个地方，丢给这个赵雅克， 然后呢我们就可以使用它的这个样卷套图的功能啊，配合我们的香蕉布袋呢，就可以去做这种图。然后做好之后，像 现在你在这个上面做图，我们是可以不用 ps 的， 这个上面你可以编辑文字，编辑元素，你可以把这个图层里面拆出来详详的背景做背景，包括文字这些你都可以去编辑，对吧？这些我在我那个 i g c 课程里面都会有讲别的东西， 对吧？如果你有爆料，那可能的话你是有看得到的。这些东西怎么去弄非常非常方便啊？现在不止这个，我还用它来去做了其他的一些东西，比如说这边我还根据这个， 嗯，就是电脑这个椅子啊，我做了这种三折页的这种宣传的，你看这些都是它生成的， 包括他的这种，你看以前我们做这种上帝可能还要去找一些像样机来去贴上去给他客户去看，对不对？现在不一样，你直接靠他来完成，这上面可以生成非常非常多的东西，而且他生成的质量也非常棒，你可以直接拿去打印的。 这个就是我觉得这次这个拉特他更新之后，对于做外挂的同学来说是非常棒的一个功能， 其他的东西还可以自己去延展啊，我相信你的发挥，你们的想象，根据你们不断的行业都可以找到适合你们的一种玩法。好，七号的视频呢，记得一键三连，有机会呢我再给大家分享更多的一些有用的知识，这个视频我们就到这里。

你是小阿八，正在用 ai 开发网站，为了让 ai 生成的效果更好，你告诉 ai 界面不要使用蓝紫渐变色，不要生成一大堆没用的文档，你要遵循公司的代码规范。阿八阿八，洋洋洒洒几百字 之后，每次开发网站时，你都要写这么一段又臭又长的提示词，太麻烦了。于是聪明的你开始想办法， 先把常用的提示词保存到单独的文件，每次手动投喂给 ai。 然后创建了资源文件夹，把公司的代码、规范、设计素材都塞进去，告诉 ai 参考这些去写。 接着你还写了一些脚本，让 ai 生成代码后自动执行格式化运行测试，提交代码到 get 仓库。最后再写着 agent 点 m d 文件，把所有规范和工作流程都写进去，让 ai 自动读取，你沾沾自喜， 嘿嘿，俺这套工作流堪称完美。但很快你发现了问题，随着规范越写越多，文档越来越臃肿，每次对话都要占用很多 ai 上下文空间，浪费 tokens。 于是你找到号称没有人比他更不懂 ai 的 鱼皮，求助阿爸阿爸，俺还能咋办啊？不是有 agent skills 吗？为啥不直接用呢？ 呃，啥玩意儿？这可是最近 a h r 爆火的技术，下面我来带你玩转 agent skills， 让你知道它是什么，怎么用，有什么魔力，怎么自己开发。点着收藏，我们开始。 agent skills 是 astropic 推出的一套开放标准，目的是让 ai 能够学习使用各种专业技能，而不用每次都重复输入提示词。简单来说，它就是给 ai 装备的技能包，技能包里有精心设计的提示词、代码、脚本，还有各种资源文件， 把 ai 想象成一个职场小白，给他装上文档处理技能，他就立刻知道怎么生成 ppt 处理 excel 表格。装上代码规范技能，他就知道怎么按照公司的标准写代码。 你挠挠头，呃，等等，这不就是俺在做的事吗？把教 ai 做事的文档和 ai 要用到的文件打包成文件夹差不多，但 osropet 把它做成了一个通用标准，而且在实现原理上有一些新花样。 可恶啊，俺差点就改变世界了，这能有什么新花样？下面我先来带你用一下 agent skills， 再跟你说说其中的奥秘。 目前对 agent skills 支持最完善的工具是 asteroid 官方的 cloud code， 我 们就以此为例，安装并使用 skills， 先打开 cloud code， 并输入命令，添加官方技能市场。这就像是在你的 ai 助手里开通了一个技能商店，接下来你就可以从商店中获取技能了。 然后在 toloud code 中输入命令，安装官方提供的技能包。这着 example skills 包含了一堆官方势力技能，包括前端设计、网页测试、动图制作等等。 装完之后，你就可以直接让 ai 使用这些技能了。比如你要做一个网站，以前没装技能的时候， ai 生成的代码又是那个熟悉的蓝紫渐变色，千篇一律的 ai 审美。 现在安装了 front design 这个教 ai 生成专业设计版网站的技能后，你输入提示词，帮我开发个人作品及网站。 ai 会主动问你，我发现你安装了前端设计技能，需要用它来生成证据设计版的页面吗？ 确认之后， ai 会利用技能生成代码，告别篮子渐变，生成独特风格的精美页面。我们不用每次都给 ai 输入一大堆相同的提示词，装一次技能就行了。 除了代码相关的技能，官方还提供了文档处理技能包，同样在 cmd code 中输入一行命令安装。 这只技能包里有 ppt 制作、 word 文档生成、 excel 数据分析、 pdf 解析等技能。接下来，如果你让 ai 做着 ppt， 它会自动调用 ppt 制作技能，直接生成排版好的 ppt 文件，帮你节省几个小时。 你好奇道，咦，为什么 stills 能做到安装即用？技能包里面到底有啥？ ai 又是怎么知道该用哪个技能的？ 好问题技能其实就是一个包含 still 点 m d 技能说明文件的文件夹，还可以包含可执行脚本资源和参考文档。 由于每个技能的复杂度不同，结构也会存在区别，我们可以在本地目录中找到已安装的技能文件夹。以官方的 ppt 制作技能为例，它的结构是这样的，包含一个核心的技能说明文档， still 点 m d， 还有脚本参考文档和各种资源文件。 而 front and design 前端设计技能只有一个， still 点 m d 文件。 still 点 m d 文件是每个技能的核心，它包含两个关键部分，第一部分是原数据，用 yam 格式写在文档开头， 其中 name 是 技能的名字， description 是 技能的描述，告诉 ai 什么时候应该使用这个技能。 描述写得越清晰， ai 就 越容易在合适的时机调用它。第二部分是指令内容，就是一套经过精心设计的提示词，指导 ai 具体怎么做。以前端设计技能为例，它的指令内容包括设计思考、前端美学指南和必称指南。 你挠了挠头，如果有多着 stux， ai 怎么知道该用哪个技能呢？如果把每个技能说明文的都塞给 ai， 不是 很占用上下文吗？ 这就要说到渐进式批漏这个核心机制了。当你让 ai 执行任务时，它会先扫描技能目录，但不会把所有内容都加载到上下文中，而是只读取每个技能的原数据， 发现描述和任务相关，就知道该用这个技能了。然后才把完整的技能说明文档读进来，按照里面的指令执行，并根据需要加载技能包中的其他资源，用到哪个查哪个，既精准匹配又节省上下文，这就是渐进式纰漏的精髓。 所以 agent skills 的 本质就是把专业知识打包成一个文件夹，让 ai 按需读取并使用。呃，那除了 cloud code 之外，其他 ai 工具支持 agent skills 吗？俺平时用 curser 比较多， 当然能， agent skills 已经成为通用标准， curser、 west code code、 dex 等工具都支持。 skills 的 社区也非常活跃，你可以在 cloud skills、 hub 市场开源的 awesome、 cloud skills 等地方找到很多现成的技能， 比如有着叫 uiu 叉 pro max 的 技能特别火，专门用于提升 ai 的 设计能力。用法很简单，首先按照开源仓库文档的指引，安装官方提供的命令行工具， 然后进入到你的项目目录下，根据使用的 ai 工具执行对应的命令。比如我这里用 cursor， 它会自动把技能安装到 cursor 的 配置目录里，安装完成后，可以看到它的文件结构。接下来当你让 ai 开发一个网站时，可以使用斜杠命令手动触发技能，或者让 ai 自动识别技能。 ai 会根据你的需求识别出产品类型和需要的页面类型，然后调用设置点 p y 搜索脚本，在 data 目录里进行多维度搜索，找到适合的配色、字体、布局风格。接下来综合搜索结果，生成完整的设计方案。最后 ai 再按照设计方案生成代码， 这样一来，生成的界面既专业又有设计感。 ai 不 需要把所有规则都背下来，而是用到哪个查哪个，这就是 agent skills 的 精髓。 用了很多别人的技能后，你产生了一个大胆的想法，哎，能不能把公司的周报折式封装成一个技能，以后推荐给新来的同事，还能卖几个钱，嘿嘿嘿。嗯，有点东西，那你打算怎么做呢？当然是发挥程序员最擅长的事情。复制粘贴。 俺先复制一个官方的技能包，修改目录名称为自己的，然后修改技能说明文的 still， 点 m d 的 原数据指令内容这些关键部分。最后把公司的 logo、 ppt 模板爆照样例放在子文件夹里就行了。妈妈再也不用担心我的周报了。 不错不错，但其实有更简单规范的方法。在前面安装的 example stills 官方势力技能包里有一个叫 still creator 的 技能，专门用来帮你创建新技能。你只需要跟 ai 说，帮我创建一个专门生成公司周报的技能。接下来 ai 会问你几个问题， 你希望周报包含哪些主要部分，以什么格式输出？你通常会如何使用这个周报技能？希望周报的语言风格是什么？很快，一个完整的技能包就生成了，你会看到一个点 scale 为后缀的文件，本质上是一个压缩包，你可以把它解压到你的个人技能目录下，你的所有项目都能用。 如果你想让技能只在某个项目生效，可以把它放到项目的 cloud， 同步给项目组其他成员 测试。没问题后，你还可以把它开源到 github， 或者上传到 chaleo 的 stokes hub 这样的社区平台，让所有用户都能用，你开心极了。原来开发一个 stokes 这么简单，但是这玩意儿跟之前火爆的 mcp 和邪道命令有啥区别？ 好问题， m c p 就 像给 ai 装上了手和眼睛，让 ai 能够连接外部工具和数据源，比如搜索网页、读取代码、仓库、查询数据库，适合需要获取数据或操作外部系统的场景。 而 agent skills 正像是给 ai 发了一本工作手册，把专业知识和工作流程打包起来，教 ai 在 特定领域该怎么做。 至于斜杠命令，它就像是快捷键，是需要你手动输入常按的命令来触发的固定操作。而 steils 的 特点是， ai 可以 自动识别该用什么技能，不需要你显示调用。对了，其实 mcp 和 steils 是 可以结合起来的。 举个例子，如果你想让 ai 帮你发周报， m c p 负责获取数据，从任务管理数据库拉取这周的任务列表。 skills 负责加工数据，把获取到的原始数据整理成老板爱看的格式，一个提供食材，一个提供配方， 你看这技能文件夹的结构，突然怪叫一声，阿爸，哈！等等，俺突然意识到一个问题，这不就是我们程序员玩烂的封装附用、模块化懒加载那一套吗？写几个代码文件，打着包发到网上，让其他程序员下载下来用 不是一回事吗？为什么 agent stux 能突然让整个 ai 圈为之疯狂？好问题，从技术的角度来看，它并没有发明什么惊天动地的算法。在我看来，它能火主要是两个原因。第一，它是开放标准，封装一次技能包后就能在各种 ai 工具里附用，还能通过社区共享。 更重要的是， stux 能立刻让 ai 的 工作更专业可靠，让普通人无感地享受到技术带来的价值。以前想让 ai 变聪明，你得学提示词、工程配置各种工具链。现在只需要像装 app 一 样安装技能包， ai 就 立刻变专业了。 一项技术的成功不在于它有多复杂，而在于它能让普通用户在不关注技术细节的情况下感受到技术的价值。 你点点头，学会了，学废了。降低门槛才是技术走向大众的钥匙。没错， agent skills 不 仅仅是个技术概念，更是一种新的工作方式。 你可以把它融入到自己的日常工作中，比如把重复的任务封装成技能，把团队的最佳实践固化成技能，让 ai 真正成为你的得力助手。 在这个 webtopod 盛行的年代，技术的门槛正在崩塌，而想象力的边界正在无限扩张。你可以在我免费开源的 ai 编程零基础入门教程中学到更多 ai 编程技巧，也欢迎关注鱼皮，学习更多 ai 和编程的技巧。那么问题来了，你最想让 ai 学会什么技能呢？

自从我开始用 ai 帮我干活之后，我发现一个人做独立站真的轻松太多了。因为我想给自己偷懒，所以我就直接用 cloud code 去给自己做了几个 skills， 专门用来干掉一些重复劳动的工作。 一个人做独立站呢，本质上就是要当六边形战士，就要上品、修图、采购呃，投放、 打包、发货之后，全部都要自己来，所以我就干脆把整个流程拆了一遍，把一些能够自动化的部分全部做成了可以附用的 skills。 我现在在用的呢，主要是有四个 skills。 第一个 skills 呢，是出单后的订单验证，每出一单呢，我的订单都会收到邮箱通知，所以我就做了一个 skills 去每分钟监控我的邮件， 我识别到订单的邮件呢，就会对我的邮件里面去检查客户的地址是否存在问题，接着会生成一封验证的报告，直接发到我的邮箱。如果说客户的地址填错了，就能够及时发现问题。因为之前呢就吃过一个亏，客户的地址填错了以后又联系不上，导致我的配送失败了， 所以就有了这个 skills 的 诞生。第二个 skills 呢，是语音通知功能，这个呢是因为之前的一个事故啊，客户的邮件我发了好几封都联系不上，所以我只能打电话给客户，我就做了这个 skills， 最终去顺利联系上了客户，并且传达了我的一个信息给到他， 给到客户的电话号码，名字以及我需要发给他的一个内容，系统就会转换成英文给我去确认，确认没问题之后，他就会自动拨打电话给客户通知，然后同时呢还能去录下客户的声音，像我这样的爱人，或者说像我这样呃，口语不是特别好的朋友呢，特别好用，非常建议使用。 不过这是需要去连接一个叫做 twilio 的 一个插件可能去调用的 nice skills 就是 产品上架，我们自己做独立站呢，避免不了最多的问题就是重复劳动去产品上架，包括我以前最开始转行的时候做过上品助理，想要上品， 呃，所以说为了偷懒呢，我又做了一个 use， 需要去给他产品的图片尺寸，材质，呃 s k u 以及一些现有的一些基础的信息，就有啥给啥，然后让他帮我上传产品的详情，并且通过 s k u 去命名，放在我的这个文件夹里面， 这样子它会帮我生成标题、卖点以及产品的规格表格，直接生成，我直接复制进去后台，然后再粘贴进去就可以使用。而真的是平时需要上品的朋友的福音呢，现在想想以前怎么没有这个好东西。第四个 skills 呢，就是产品评论， 做独立站的前期呢，为了提升我们网站的信任度对吧？肯定还要需要去上一些产品的评论，但是一个人去写评论的工作量啊，可以累死人，那简直是。所以我就做了这样一个 skills， 需要丢我上好品的产品的链接给到他，告诉他我需要的产品数量，他就会直接帮我去生成。 呃，能够导入我的评论插件的评论，然后我导入到后台去就完成了。我上面这些呢，其实都是根据我的网站和需求去定制的一些 skills， 主要去给大家提供一些思路。如果说你想自己去制作 skills， 其实也很简单的，你只需要去先把 calco 装好， 然后在里面去用 skill creator 这个插件的这种创建 skill， 这个是用来创建 skill 的 skills， 也就是，呃，你想把你用来自自动化的流程写清楚，比如说你输入需要什么，你想要它输出什么？呃，按照什么样的规则，它会 用这个 skills 去把你你的需求打包成一个完整的 skills。 以后你每次再遇到同样的工作呢，你就直接调用它就行了，它会自动识别你的需求去调用的。所以说如果你平时有需要反复劳动，重复劳动的工作，一定要记得去试一试，真的非常非常方便，非常推荐。

哈喽，今天一分钟学会搭建一个可以帮我们自动干活的 skill， 直接上实抄。我们来到扣子编程，选择技能，在多框直接说我们的需求。注意这里的需求描述本质上是让 skill 理解我们的工作逻辑，做成 skill 就 相当于给 ai 装了一个固定的大脑，可以让 ai 根据具体的框架来输出。接着我会说十五个已经验证过的行业案例作为 skill 的 知 识库，对我来说，以前手动调 plm 的 会受限于上下文的长度，可能要几个小时，但是现在把案例打包进 skill， 就可以把我们的经验做成一套标准的 s o p。 ok！ 在 安装完之后，从右上角的部署进来，选择开始部署，稍等一会就 ok 了。现在我们回到主页来测试一下，点第一个艾特按钮，选择技能，找到刚刚部署好的 skill， 再到宽恕我们的行业和具体需求，然后 skill 就 会去解锁我刚才未给他的十五个文件，从案例库里匹配最合适的框架规则，然后生成一套特定行业的贴纸。 总结来说就是我们未得案例越好，它深层的下限就越高，而且这个 skill 是 可以不断迭代的，后续我们只需要通过优化案例库就能实现我们个人经验的资产化，基本的思路就将好赖上本期视频六九九，有用的话比如点赞关注，咱们下期见，拜拜！

每天认识一款高质量开源项目第二百一十八期，最近 skills 特别火，但很多人搞不清楚它到底能干啥。给你举个例子， 做 ppt 的 时候，你可以把公司 logo、 品牌色、设计模板、产品图这些东西放进一个文件夹。然后呢，以后 cloud 做 ppt 时，可以自动使用你的 logo， 自动按你的配色来，模板也会参考你提供的图片，也会自动插入， 这就是 ansorepic 官方 skills 能做的事。问题来了，这些素材具体怎么配，自己的技能又该怎么写？今天就给大家分享三个开源项目， 帮你把 skills 这个东西搞明白。第一个项目，全中文的学习指南，把 skills 是 啥，怎么用，跟提示词有啥区别，讲得挺清楚，还把 ansorepic 官方那些英文博课整理成中文了，看着不累。 第二个更实用，四十来个真实案例，文档处理、数据分析多， ai 写作，这些场景基本都有 代码和注示比较清楚，我就是从里头找了几个例子改的。第三个 skillkit， 解决重复写的问题。 claude， cursor， copilot， 每个格式不太一样，同一个技能可能得写好几遍。 skillkit 写一次能转三十二种格式，我在用，挺省事。 学习路线可以这样，先看中文指南，了解个大概，再找几个案例，动手跑一跑，实践出真知。 skill kit 看情况，用多个工具的话可以试试，能省不少时间。

为什么大家现在不去研究工作流，而都去学习 skills 了？最近 skills 太火了，我自己亲身体验之后也有些感悟，自从 cloud 发布 skill 之后，谷歌和字节也都陆续支持 skills 了。首先我们先来看一下什么是 skills。 简单来说， skills 就 像一个专业的技能包，比如一个前端的设计工程师，可以把自己设计的流程方法和经验包装成一个 skills， 这样任何一个人拿来用这个 skills 设计的页面风格都和这个前端工程师是类似的。然后我们再来看一下 skills 的 优点，第一点就是节省 token， token 是 非常昂贵的一个资源， 而 skills 呢，是按照设定的一个流程和标准来做事，可以减少 ai 的 一个随机发挥。然后呢，就是使用起来非常简单。为什么简单呢？我们就根据 skills 的 具体形态和运行机制来看一下。一个 skills 就是 一个文件夹，它包含了 skill 的 md 文件， md 文件前部分是原数据，后半部分是正文。我们结合它的运行机制一起来了解一下。当 cloud 启动时，只加载所有 skills 的 原数据， 也就是它的一个名称和简单描述。然后当判断到具体需要使用到某个 skills 时，它会加载对应 skill 的 论文内容，也就是它详细的一个执行步骤。这样做的一个好处呢，就是 skills 的 原数据是非常少的，然后就可以节省很多的资源。 呃，我们再回来可以看，这个文件夹中还可以放一些可以调用的脚本，支持你的一些操作，也可以用来放比对的一些优秀案例，然后当这个 ai 出结果之后，它可以跟这个案例做一个对比， 看看自己是否能够达到预期的一个目标。呃，目前的使用方式呢？ scripts 需要结合 cloud code、 open code tree 等工具来使用。 cloud code 呢，现在是是一直都是收费的。然后 tree 也是在 solo 模式下可以使用。 open code 这个工具非常强大，而且它是免费的啊。我这里也安装了 open code， 我 们来看一下怎么使用。首先我们打开一个终端，然后直接在这里输入 open code， 我们可以看到 open code 已经启动了，我们可以看到这里我已经安装了很多 skills， 包括 skill creator， 是 一个创建 skill 的 skill， 它可以帮助你创建一些你想想创建的 skill。 下期视频我可以跟大家演示一下如何使用这些 skill， 包括如何安装 open code 的 这个工具。那我们本期的分享就到这里结束啦。

ai 设计圈真的炸了！ lower agent 居然上线了！ skills 我 实测完大为震撼！五大技能全覆盖，从电商到分镜小白也能秒出专业稿，三分钟带你看完所有功能，看完直接省掉半个设计团队！第一个必是亚马逊商品列表套件，拿敦煌飞天主题丝巾举例， 输入桑蚕丝材质、敦煌壁画文稿、轻奢礼盒、包装、送礼自用皆宜等卖点，一键生成十五张电商套图、主图、副图、 a 加页面全搞定！实物图、背景、佩戴场景、细节特写，一个不落小字，还能直接编辑修改 生成的图直接上架亚马逊都没问题，以前要花一天的活，现在十秒搞定！接着是营销手册还是这款敦煌丝巾？输入需求直接出三折页，内外页全配齐，还有手持平铺堆叠、礼盒展示等各种效果图 都是可直接印刷的专业版式，展会宣传用完全够用，再也不用找设计师改来改去！ 运营党狂喜的社媒视觉素材，指定主流社交平台常用尺寸，输入新年主题加国风参考风格，直接批量出多比例素材，甚至还能做出三 d 层次感，全平台各方面完全适配，新媒体人再也不用熬夜作图了！最后重磅 narrative storyboards！ 用敦煌飞天元素做思路，华章分镜先出脚本再画画面，有瑕疵直接用 touch edit 修改， ctrl 点选就能加元素，一整套分镜拿去做绘本， ai 动漫短片都没问题，故事感直接拉满！ 别忘了还有 logo 与品牌设计，输入国风轻奢思路、文化简约、高级等需求，直接出多款品牌标识，国潮、极简、艺术风都能 hold 住！ 实测下来， loft skills 真的 把设计门槛焊死在地板上！电商、设媒、分镜手册、 logo 全覆盖，点点点就能出专业稿，编辑功能还超可控！不管是设计师还是小白都能直接封神！赶紧去 loft ai 试试评论区告诉我你最想用哪个 skill！

听说 love it 新更新了 love it scales， 让我来试试水。首先试试这个营销宣传册，输入这段提示词模板提交，等待看一下文字嘣不嘣。 很好，文字正常。还有社交媒体视觉素材，输入这段提示词， 使用同一个产品发布的平台，改为自己要发的， 确认没问题就提交。只能说还可以吧。最后是这个亚马逊产品列表工具包，再输入这段提示词。嗯嗯，不错， 它还有一个这个 logo 与品牌设计，来试一试。输入我们的提示词模板，这里主播已经更改过了，这个模板会让它分部分阶段来给我们生成内容，按照它的提示来进行回复。 最后一个视觉效果拉满的品牌设计就做好了。当然我们也可以用这个来制作一个可以直接发小红书的图片素材，只要输入这段提示词，它就会自己生成了，来看效果。 嗯嗯，这很小红书下课。

给你们看一下 scuse 到底有多恐怖？这个是提取工具，它支持某书、某音、 pk 避战等各大媒体平台提取，这个主要做分析来用， 它可以从关键词手段敏感、内容风险、商业化程度、互动出发，潜力和内容结构这六大方面逐一分析。而这个可以根据你的要求来生成不同平台的视频脚本，算是 某书、某音、电商和门户网站的都可以。而最后这个就是运营发布了，它可以发布到某书、某音等各大主流平台。刚才所看到的这些工具， scuse 完全可以把它们结合成一个工具，可想而知这样的风格怪到底有多恐怖。找不到和那些不会用的小伙伴，主页踢我。

最近 ai 圈爆火的 agent skills 到底是个啥？今天用三分钟给你讲，看完直接上手用。我们先上结论， agent skills 呢，就是给 ai agent 配了一个工具箱，里面呢全是你常用的工具和操作流程， 关键是这个工具箱它是你自己设计的。我们先来看一下这张图，以前呢， agent 它只有单技能的这个 mcp 可以用，它没有操作手册，我们呢，就只能自己手把手地去指挥 ai， 去调工具干活。在这种情况下呢，遇见相同的任务，就会经常地给 ai 发送重复的指令， 你说一句他动一下，而且每次都得重复说。现在呢，我们有了 agent skills 这样一个组合技能以后，我们就可以直接把那些常用的重复的操作写进这个 skills 里面，我们就像给 ai 做 sop 的 手册一样，下次呢，再遇到同样的活， ai 呢，它就会自动帮你干了， 你也就再也不用重复的折腾了。比如我这里列了三个技能，第一个技能，你看我们每日的热点筛选， 以前呢，我们都是逐个的让 ai 去做，或者自己搭一个工作流去弄，那这样的话门槛就高了。现在呢，直接可以把搜索分析、写报告、发邮件这样的步骤给他按照步骤执行就搞定了。 还有第二个技能，财报分析，找数据分析，评估预判风险，用代码生成报表。还有第三个技能，海报设计，你把你的公司的品牌规范设计要求都放进去，然后让 ai 按照要求去设计海报，我们呢，就可以把这些常规的动作都给他 打包进这个 skills 里面。如果这个不太好理解呢，我这里再举了一个游戏的例子，这张图呢，玩过王者荣耀的应该都比较熟悉了，你看王者呢，每一个英雄都会给他三到四个技能， skills 呢，相当于就是把这些技能给他配了一个固定的连招，比如三一二 a。 编好以后呢，我们再给他绑定一个咒语，下次呢，只要你一念这个咒语，他就会自动释放这个技能的。当然啊，现在的王者是没有这个功能的，我这里呢，就举个例子，方便大家理解。接下来呢，我们再来看一下这个 skills 他 具体长什么样子。 一个完整的 skills 呢，它主要包含以上四个文件，其中它的核心文件就是这个 skill md 了，我们来看一下它具体长什么样。那一个 skill md 呢，它主要有两部分构成，这个以上部分呢，是它的第一部分，也就是它的核心，然后第二部分呢，就是这一块， 就是他的内容。像第一部分这里呢，主要我们就要描述他的技能名称，还有这个技能的功能有哪些，以及什么时候去调用他。那下面这个部分呢，我们就描述指令使用场景，具体执行步骤，还有以什么格式输出，然后给他一个 demo 例子作为参考。 这里呢，我们就不详细的去聊了，感兴趣的小伙伴可以截个图。这里呢，我再补充一点，看，我这里提到了热点，需要根据我的人设进行匹配分析，那这个人设呢，我们就可以把它写进这个参考文档当中，那 ai 呢，就会从这个参考文档去读取人设内容去进行分析了。 如果你想对 skill 进行深入的了解，我们还可以打开这个 cloud 官方开源的 skill 的 仓库，自己进去看一下，它提供了很多模板，大家可以看一下它具体是怎么写的。那最后呢，我们说一下如何使用啊？ 像现在除了 cloud code 以外呢，像 coser 去 open code 还有 codebody， 它们都已经把 skill 集成进去了，而且呢官方都有说这个东西具体怎么用，今天呢，你就可以把这个工具下载下来， 然后把你反复使用的那些操作写进 skills 里面来解放你的生产力。如果你用的是确的话，你看用这个就很简单了，你可以直接通过提示词告诉他，帮我去创建一份能审查我的代码效果问题的 skills， 然后呢 他就会去给你生成一个 skills 的 模板文件，看这里面的内容都写了，你遇到不符合的你自己修改就可以了。如果你觉得用代码来处理比较麻烦呢？他也提供了这种直接新建文件的方式， 就按照他的要求去填写就 ok 了。好了，我们今天的分享就到这里了，你也可以在评论区把你想写进 sketch 的 东西在这里分享出来，我们大家一起讨论，我们下期再见，拜拜。

hello， 大家好，我是迪迪，今天想跟大家分享一下如何用 cloud skills 能够把乱七八糟的 word 文档一键把排版给美化好。首先我们来看一下这个 skill 的 markdown file， 它是相当于前面的一些 meta information， 当用户把一堆乱七八糟的 word 的 文档， 或者一些比较凌乱的一些文字，它们需要比较有结构化的去给它美化，给排版好。这个时候可能是需要花费很长的时间，那么这个 skills 能够轻松的一分钟就把整个 word 文档给排版排好。并且如果说你有作图的需求，它也可以一并根据文字的内容形形成相对应的一些图片。 我们来看一下这个 word 文档比较的乱或者一些 plain text， 说需要它做一些 format 上或者 reorganized 的 一些工作。之后呢，它也可以去根据文字本身的内容去做一些 visual 或者 charts， 再把这些内容生成一些 word 或者 pdf。 根据用户最后的一个需要，它整个 flow 呢分成了五步，第一步它会自动地去分析整个文档。第二步，根据用户的一个需求，对于内容的要求， 它可以做内容上的编辑，内容不变，只是排版格式，或者说内容做一些补充。第三步它可以调整它的格式。第四步，去生成一些 images 照片，但这一步如果说不需要的话，也可以跟 agent 去说，那第五步的话就会产出一个 output， 我们来看一下。首先在第一步里面有 analyze document， 相当于我们给了它不同的一个 content type， 内容不同的格式，包括会议，报告，笔记或者方案等等。那在第二步里面呢，用户可以选择不同级别的处理文档的方式，比如说警排版，或者轻度的重组，或者深度的重构， 那相对应的它有不同的一个说明。第三步就是对这个文档做相应的一个 style 的 一个 definition 的 排版，比如说商务模式、简约现代、学术风格，我这边是写了三个模式，还有一些 document 的 一些 structure。 第四步呢， 我是让它深沉一些 images 图画，但如果不需要，我们也可以跟它说，我们不需要这个图画的一个深沉啊。 第五步就是整个 output， 最后你也可以形成这个 pdf 等等，所以在整个文档里面，我们会把它写成了这些 arrow handing dependency tips。 我 们来看一下最后的一个效果。首先这个是我给他的一个最初的 word， 我 们可能有些时候在记笔记的时候，随手把一些内容复制粘贴，但这些复制粘贴好的一些内容它是不一致的。 有一些文字它会出现这样的形状，或者说有非粗体的整个格式，它其实是非常的不一致。从阅读的观赏感来说，其实非常的不适合阅读。 在这样的一个情况下，我把这份文档直接投喂给了 cloud skills， 之后，它最后给我生成的这个文档是长成这样的。首先从标题的级别来说，它分成了， 呃，六个大块，每一个大块呢，里面分成了不同的小的一些 bullet points， 甚至里面有一些重复的一些内容，它也帮我进行了一个删除。那在这个基础上，我是没有让它生成图片的，但这个 skills 是 可以根据你所提供的这个内容，你想生成什么样形式的图片，都可以再让它进一步地去进化。 所以我觉得这个非常简单快捷的 cloud skills， 能够把一些杂乱无章、乱七八糟的 word 文档快速地变成一份可用、可递交、可展示的一个 word， 推荐大家都可以去玩一玩。

朋友们用 cloud skills 做出来的前端页面真的很好看，这是我花十分钟做了三个页面，第一个，写作工具。 第二个， ai 简历助手。 第三个， cloud skills 社区， 不用画设计稿，不用写一行代码。接下来告诉你我怎么用同一套 skills 做出不同风格的高质量前端页面。这个 skill 是 在两个神级 skill 的 基础上改造出来的。 第一个神级 skill 叫 flow and design， 它是 called 官方出品的 skill， 它的特点是没有 ai 位，创造力比较强。第二个 skill 叫 ui ux pro max， 它是 github 上的一个神级开源 skill， 它提供了一套规范的 ui 库，让你可以精准复刻某个产品的 ui 规范。 在这样的基础上，我改造出了这个 skill， 它同时具备设计的创造力，还能精准的贴合我要求的 ui 规范。我们先来看一下这个 skill 的 架构。首先有一个主控 skill， 它通过和我对话，理解我的需求，然后判断对应的设计场景，最后再确定调用的方案。 调用方案确定后，执行层的 skill 就 会开始工作。接下来我们看一下完整的工作流程。第一步， ai 会向用户了解设计需求。第二步，主控 skill 会基于需求判断设计场景和确定最终的设计路线。 如果用户想做一个风格独特的网站，但它的规范性没有要求，我们就走路线。一、纯创意的方式把这个网站做出来。 如果用户强调规范性，但他不太在意设计感，那我们就走路线。二，纯参考，但用 u i u x pro max 的 数据库找到一个案例，把它复刻出来。 如果用户既需要有风格，又需要有规范性，那我们就走路线三，先通过 u i u x pro max 提供参考的规范，然后 form and design， 再去主导整个设计语言，给出最终的规范。库数量有限，所以我做了一个 u i u x pro max 提取的 skill， 它的工作方式是输入一个 url， 它就调用 playwrite 进行页面的捕获，同时拿到网站的截图和 css 代码。 拿到代码的截图后，它就会开始进行分析，分析完成后会在 url 叉 pro max 数据库里面新增一条规范，然后把对应的参数全都填进去，这样我们就能快速复刻某个网站的设计规范。有了这套 skill 后，想做出好看有品味的前端页面真的太简单了。 今天的分享就到这里了，你还想用 close skill 帮你解决什么问题？欢迎在评论区跟我留言，我们下期继续。

哈喽，朋友们，好久不见。最近这段时间比较忙，没有发新视频，最近在做一些新东西，也是针对于 呃电商这方面的，呃，就可以先预告一下。然后我前段时间发了一个流程，大家比较感兴趣，有好多朋友问我，然后包括我这边服务的商家应用的比较多，大概内容就是可以上传一个模特的面部，上传一件衣服，上传一个场景，然后上传几个姿势，参考得到六张 这样的套图。大概内容就是同一个模特在同一个场景中，穿着同一件衣服，以不同的姿势去展示得到六张这样的套图。但是这个流程这么多，这么长时间，好多商家包括我这边的用户应用下来，有一个小小的不足，大概就是这六张图。在 大概就是这六张图的模特都是在场景中的同一个位置，只是微微变了一下姿势，这样的话就稍微显得有点呆板。因为我们在正常摄影过程中，不会在同一个场景中，同一个机位拍六张图， 这样能显得就。呃，怎么说呢？整个六张图的变化性多样化没有那么多。然后我对这个问题做了一些优化， 呃，这个是我优化之后的一个效果。呃，整个六张图下来，他 在场景中的位置有了很大的一个变化，比如说第一个是夕阳，把这种逆光场景都有发生一些变化，比如这个是倚靠在这个墙上，然后这手扶着墙，这个是行走，然后这个 又是另外一个角度，要以不同的姿势，在场景中的不同位置去展示这件衣服，这样的话就更加的贴近于我们正常摄影中 拍的一套图，呃，因为这六张图的不同姿势，他肯定是会受到你上传的姿势参考图的一个影响，就是在不同的，在这个场景中不同的位置去做你姿势参考的动作，得到这样六张图，整个来说还是非常不错的，多案性又 得到了增强。呃，说到这个问题，其实这个视频一方面是给大家去展示一下我这个流程做了一些，呃，更新迭代，呃，还有就是最近我也在做一些新东西嘛，基于 agent 和 flow 做一个结合去做一些， 呃，去做一个工具。其实达到这样的效果，本质上来说都是对体式词的修改，我们可以抽象的在宏观角度去观看一下这个问题，其实本质上就是我们人和拿着本来的 pro 这个模型的一个交流， 对吧？本质上就是一个，呃， image edit 的 模型对这个图片去做修改。只是你如果体式词写的好，那么模型理解的也就更好，它能发挥出更好的效果。如果你体式词写的不好，那么出来的图就比较简单平庸， 那么这个关键点就在于写体式词，然后再给到 banana pro 的 这个模型。 但是呢，就我而言，对吧，我没有那么高的语言修养，我在服装这个行业也没有很深的造诣，所以我对这个行业是不太懂的。有些服装行业的一些呃词汇啊，包括一些专业的技能我是 没办法了解的。所以说最近有一个词比较火，叫 skill， skill 这个词它翻译过来中文就是技能的意思，它可以把每个行业一些专业的技能给包装成一个 体式词，一个体式库，可以这么去理解，就是根据这个体式库去写成更加专业的体式词，然后给到 banana pro 的 模型，这样的话他就能呃做出更加专业的 图片，其实本质上就是一个体制词的问题。然后有一个平台给大家分享一下，我前面视频也有说到就是 liveart 这个平台， liveart 最近也是上了一些 skill 的 功能，它不光是在服装行业，就是整个设计，服装设计，品牌设计，各个设计领域，它都有 专门的 skill 去帮你写体式词，然后然后给到 banana pro 这个模型，以实现智能化的图像的生成。 然后同样的应用场景，我在拉布拉特上也测试了他的 skill， 呃产生的提示词，最终出来的图的一些测试。然后同样的是一组图， 就刚刚我们展示的这组图，同样的模特，同样的衣服，同样的场景，只不过是在拉布拉特上我没给到他的这个姿势的参考，大概他铲除了一系列的图，我让他直接产生了十张，我提示写的非常的简单，就是参考这个人的面部， 这个人物穿着这件衣服。在这个场景里，我让他输出十张图片，要不同的姿势，在场景中的不同的位置，然后不同的构图，然后二 k 的 画质， 其实这样的词是非常的简短的，也没有专业的名词，然后他生成的这十套图让我非常的震惊， 我们可以挨个看一下，你看第一张图就是在这个场景中行走，第二个是在海边依靠着，第三张图是一个人物的特写，就是这张图让我非常的震惊，是因为，呃，因为我平常也比较玩摄影嘛，他竟然能知道这种人物的特写用大光圈背景虚化， 哇，这个是非常的真的是非常的让我意想不到的，你看整个背景虚化做的非常的好，然后人物的一些特写，回眸的一种感觉，包括这张图人物坐在这个台阶上，非常悠闲的一个姿势， 这张图也非常棒，然后包括背景，呃，人物远看远方，眺望远方，然后仰视的角度去拍，然后这是一个俯视人物在一个空旷的背景下，一个俯视的机位去拍，然后包括这张人物半身的一个特写，这张图明显就是大光圈， 呃，大概是七零两百这样的镜头去拍出来的大光圈，然后远距离远焦，然后背景虚化的这种感觉，啊，这个也非常非常非常的棒，然后这个是一个背景没有那么虚化的一个效果，整个这十张图在摄影角度来讲，我觉得 真的非常的棒，而且就非常简单的体式词就能出到这样一组套图，这就是因为他体式词优化做的非常的好，他把有很多的 skill 就是 体式词库，他会根据不同行业的一些专业的词汇技能， 然后去帮你写成专业化的体式词，给到 banana pro 的 模型，然后生成这样一组套图，呃，而且不光是在服装这个行业，我 给我朋友也做了一个这个 logo logo 的 设计，因为它是一个咖啡的品牌，做一些咖啡的 logo， 其实我交流也是非常简单，我只是告诉他了我咖啡的名字，然后他就巴拉巴拉帮我设计出了很多很多风格的一些 logo， 然后最终选了这几版， 把一这个非常优美的这种弧线的 logo， 但最终印在这个咖啡杯上，不同的风格，这个，然后最终应用的是这个， 对吧？它不光是在服装行业，然后包括 logo 的 设计，室内建、室内设计、建筑设计，就是在整个设计行业，它 含它有很多个 skill， 去帮你写出更加专业化的体式词，然后通过 banana pro 的 模型生成符合你的 需求的专业化的图片。这个是 skill 的 一个强大之处，就是它能帮你写出更加专业化的体式词，给到 banana pro 的 模型，实现专业化的图片的效果。呃，大概就是这样给大家分享的一个。呃， 我觉得这也是明年来说图片生成的一个方向，就是利用 skill 去预设一些体式词，也就是可以理解为一个体式库，去用它 让大语言模型生成更加专业垂直的体式词，然后生成呃专业化的图片，然后包括后面的延伸，根据这个图片去生成视频，各种各样的一些应用。 呃，大概就是这样给大家分享一下我最近的一些呃更新迭代和成果，我觉得非常有意思，然后包括未来年前吧，我应该还会出，我应该会出一个本地化的软件，呃，大概就这样，这期视频就这些。

兄弟们，推荐一个前端 ui 的 skill ui ux pro max， 这个在 github 上已经有超过二十四 k 的 star 了，正好我想做一个管理浏览器多账号的桌面软件，我就用这个试了下水啊，对我来说还是挺惊艳的。 先打开这个 github 仓库，为什么要用豆包打开呢？因为在这里可以直接问豆包，我想用 tree 技术架构是 tree 啊，要让 ai 知道。 好，豆包回答我了。第一步，安装 c l i 工具，我们复制命令，在命令行窗口粘贴好了，安装成功了。注意，这里的前提是要安装好 n p m。 然后第二步，执行技能安装好，复制过来。 技能安装好以后可以看到啊，在点翠的目录下生成了相关的技能。好，我们继续啊，豆包告诉我们，我们只需要用自然语言描述就可以了。那好，那我跟 ai 说，为我的 python 六加 qml 的 应用设计一个主页，要求界面是暗黑风格，有科技感，高端大气上档次。 请参考我给你的设计图，记得把图片复制给 ai。 ok， ai 已经开始做了，差不多一分多钟的样子， ai 就 完成了，看一下效果怎么样， 是不是挺是那么回事的，不过 icon 都是色块，看不出感觉。让 ai 再优化一下，这里有个小技巧啊，这个优化任务应该比较简单，所以我们用国内版的 ai 打开，用免费的 ai 来修改就好了啊。 告诉 ai， 如果 icon 没有图片的话，请用第一个字母。 ok， ai 开始工作了，也差不多是一分钟左右啊，又好了，我们看一下效果怎么样，是不是很惊艳，可以看到鼠标一上去还有交互的特效。 ok， 今天就分享到这，后面我会继续围绕这个项目分享实战干货，有兴趣的兄弟可以关注一下，拜拜了。

如何给你的 ai 装上审美外挂，瞬间秒变高级设计师？这是我用 skill 做的几个网页，比直接用 ai 生成出来的网页是更具有实际感，更重要的是你可以不断让它生成不同的风格，然后你在从中挑选出你喜欢的风格，然后进一步美化输出你的最终版。 我前两天逛 hiphop 发现了个 skill school， 因为这个 skill 本质上就是给 ai 编程装上了一个设计库 或者说审美外挂，它有一些 ui 设计大佬贡献了，让你 webcoder 设计出来的设计美感瞬间提升 n 个档次，甚至 crowd 官方也在场。简单来说就是把五十七种的主流风格，几十套的专业配色以及几十种字体全部打包成一套 ai 能读懂的技能包， 底层还依赖一个拍成去做工作流的搜索。当然 ai 本质上还是一个概率机，所以我更推荐你去多生成几套，找出一个自己比较喜欢的一个风格。一开始 skill 出的时候，我看网上很多人把它说的神乎其神， 一开始我都有时候有点懵的，但其实它本质上就是一个规范包，或者说是一个工作流包，所以我觉得有好的 skill 包才是关键，并且能符合你的使用场景。 现在也各大厂家也跟进了，像我就是用 qs 来用 skills 的， 我觉得效果也挺好的。现在 skill 的 出现确实是方便了不少。然后有之前有一些可能要流程化或者说 m 八 m 化的东西， 在 skill 的 情况下仅仅是批录的去执行，我觉得这个还是挺有意思的。最后这个 skills 当然可以自己去 give up so， 我 也会把它整理起来，有兴趣的话留个言。

嘿，大家好，今天和大家聊一聊 skills 啊，就是前一段时间 ai 圈很火的一个技术吧， 嗯，也算是我自己呃， create 的 第一个 skills 啊，总是这个落后 ai 最新趋势一大截。好吧，那我的业务需求是什么呢？就是我自己首先写公众号 对吧？我一共得有个三百多篇推送。对的，然后我同时呢，嗯，最近也在做自己的这个个人网站，呃，然后刚搓出来这个， 呃这个这个 blog 的 这个系统，对吧？所以我带来的一个问题就是，我希望把我以前的资产重新也再转移到我的 web 网站上， 对不对？就像这样，把每一篇我要重新给倒腾过来，好，那可能聪明的小伙伴就会说，哎，那你就直接复制粘贴不就行了吗？哈哈哈，当然不是，好吧，呃，为什么？首先，第一，呃 这个图你可能就复制不过来。第二，你可能有些 u i 的 部分，比如像这个会有一些特殊的小组件啊，你也没有办法弄，包括我们说有这种 t o c 目录的形式，对吧？可调转目录，它也是需要你使用，无论你使用 m h t m l 语言也好还是 markdown 语言也好， 对吧？就都会很吃力很费劲了。好吧，那稍微进阶一点的选手可能觉得，哦，那你可以把他们转述成呃 markdown， 然后用 mdx 去做这样一层这个 ui 的 优化嘛，对吧？当然这就是我目前在做的这个事情，所以我目前把整体的呃 这个，呃系统给搭好了，就是整个这个库位啊，什么全都弄好了，我现在需要做的就是填充内容，也就是我需要把我微信整个，比如说我想把这个文章想靠到我的这个，呃，这个这个这个这个我的这个 web 里面去， 所以我就做了一套技能， skills 以及 skills 里面配套了很多很多个，不能说很多吧，比较多的脚本呀，或者一些要求呀等等等等。 那可能我一会过程中会跟大家继续细聊，所以我们现在就直接展示一下，那比如说我现在就是要去靠这篇，我们可以看到现在是四十篇，对吧？我们 展示一下，呃，我随便用什么，哎呀，我现在用这个国内 tree， 呃， solo 版本，因为它是免费的，哈哈哈，输入什么一下，行，我什么都不需要，输入一个命令啊，什么什么都不管，我就直邦，我就给他发过去。 然后我们就可以看一下他，首先，哦，他说 ok， 这可能是一篇微信公众号，看他是不是能掉哦，他已经开始出现了，说我要调用一个技能，叫做 wechat 二 vlog， ok， 呃，这就是，呃，在它调的过程我就和大家聊聊整体 skills， 包括我这个 skills 它本身用了什么样的， 嗯，工具手法吧。首先 skills 本身我觉得大家一定要去魅哦，大家不要觉得哎呦一诺 ai 现在出个新东西就怎么整它，它没那么高深 好不好？就其实 excuse， 他 说白了他就是 prompt， 他 就是让我们把 prompt 去规范化。有点类似于大家很早前去，不是很早，前段时间 ai 抠定的时候去遇到了 spc 这样的 范式，他让你的 prompt 极度的规范化以后，那么以后 ai 时刻接触到这样新的需求的时候，他就直接用这个规范的流程去给你跑这个业务了， 好吧，这就是整理 skills， 其实 skills 出现之前我自己就是这么做的。啊，听起来好像很牛逼的样子，因为以前我自己的业务本来就有一些很重复性的东西，那我没有说专门弄一个所谓的，那时候也没有 skills， 我 就把它写到文档里面，我就把我的命令，一，你要干什么。二，你要干什么。三，你要干什么，我就写到文档里， 然后我会在 qq 的 里面，我会直接把这个文档地址拖到这个 cci 里面，我就告诉他，哎，执行这个文档里的命令，然后他就每次啰啰啰，他就开始执行，一样的道理， 对不对？所以大家不要对他产生这个什么抗拒，或者这东西好难。一点也不难啊，你想让他干什么，你都给他写清楚就行了。唯一就是要注意，就是大家一定要了了解清楚 skills 干嘛？他是帮助你去 完成你一些重复性业务的，他没有办法很好的一直帮你去创新，去 create。 好 吧，这是我觉得他的一个一直帮你去创新，去 create。 好 吧，这是我觉得他的一个大家要好的。就是大家也可以看到 像我刚才举的例子就是我每次要 at 这个 cloud， 我 说你要把这个文件，你要开始执行这个名，但是现在我不需要，它可以识别出来，你到底想干嘛？因为我们在这个 skills 里面有一些描述会会会加进来，那么 ajax 的 能力就会去去想办法在它初识的上下文里面就给它垫进去相关的要求了。 ok， 这个 skills 比较好的地方。好，我们简单去展开我的这个。呃， skills， 就是 我如何把我的 wechat 的 微信公众号的文章转到我的 web 的 呃，这个泊客系统里面去。 那首先我泊客系统都是自建的，没有用任何 cms， 也没有用任何的无头的 cms， 没有任何 size 等等啊，就是存这个 nexgs， 加上用的一个库式 fuma docs 这样的一个。呃呃，文档系统 还是蛮好用的。呃，这大的背景，那我整体这个 skills 里面都有什么呢？首先前面是一些很基础的一些 呃，临时的很强约束的东西啊，比如说有时候他他翻译啊，或者一些文案写的不好，这个东西我需要强强定强规范它一下啊，包括有些经常会犯错，比如说我现在是用的 power shell 和 windows 这样的系统。哎，大家知道你，你只要用这个 ai coding， 真的是对 windows 很 不友好，每次都搞错， ok， 所以 我把这些很强性需要约束的规则，你可能跑几次？每一次这个 excuse 跑一遍，它都会出现一些共性的问题，你就给它前面约束。好好， 我们再往下就会出现。我刚才有讲的，我用了 figma 这个库以后，它就会帮助我们。干嘛呢？就会有一些，嗯，随便点开一篇文章， 有一些 ui 的 东西，哎，比如说这个，大家看到了吗？它是一个 steps 的 这样的一个小组件，这就是 filmado 自带的，你可以呃，即开即用， 就是你只要告诉，呃，你甚至不需要告诉，因为这个库可能在很多 ai 已经被训练过，他是知道的，那他就会，比如说这里面还有什么库？ button 的 库啊， button 是 我自己做的，不好意思。呃，什么这个各种 call out 的 一些 tips 呀， faq 呀， video 呀 啊，等等等等吧，它会有很多很多这样很现成的小组建的这个 u i 的 小东西啊，比如说这个就是个小酷狗的一个小呃呃，这个小小库，对吧？那这这个小组建也 components， 包括这个 ok， 这都算是，所以我会 ok。 这篇文章已经弄好，但我先跟大家继续讲，所以我要提前要告诉他，因为我对 u y 其实还有一点小小的修，我还是觉得，哎，我要让他看着有点花里胡哨的那种，对，还是属于那种很早期很幼稚的这种哪里我也不重要。 ok， 然后再往下 会有什么，就会可能会进入到一些呃， workflow 的 一些东西了啊，比如说前面几部就是对于内容的提取呀，然后内容的包括提取里面的图片， 这个是最要命的，很多，你看现在包括你去社群上，你去网上，你看很多人，大家也在做自动化流程，其实大家都面临一个痛点，就是我怎么把这个微信里的图 给他弄到我别的平台去让他使用呢？因为你如果要直接去 copy 这个，说这个微信人家自己的截图的话，其实这个东西它不好用的，你到别的，你用在别的地方，它会显示什么，这个什么微信的图，你什么无法访问，不了不了的，就这种 啊，你是需要把它给弄到你自己的存储桶里的，那么我就选用了这个 r 的 存出筒啊，这个我也是力推，之前也安利过好多次了， 所有个人开发者一定就要用 r 存储筒，它是免费的，然后它还 c、 d、 n， 它还有这个 image 的 transformation， 它可以让你直接自动的转格式，不需要你提前转，你只要在你的呃这个这个图片的域名之中加入各种这个参数，它就可以自动转格式等等等等，超强。 ok， 所以整个前面这两步都要做这两件事情，提取清洗，然后提取图片，存图片存到存储桶里，并且把这个图片相关的这个这个这个相关的这个 url 呀，这个 opt 啊，什么也都给提前都弄好， 好吧，那么这个时候就有一个很重要的一个东西了，大家可能会觉得，哦， skill skill， 那 他一定是这个我帮我写一个东西，这个 ai 他 就会了，一种什么东西他什么都不会，他会的只是你告诉他这个 workflow， 很多人就会觉得我我这个 skill 里面一说你帮我什么开发一个东西，他不能这样， 什么意思呢？就是比如说提取这个步骤，包括存 r 存书筒这个步骤，我还是需要很固定的给他提前写好脚本的。 明白了，这个脚本还是很重要，大家一定要把提前很基础的 workflow 里面那些基础设施给它搭好，包括像我刚才说的，你这个 figma dos 库，你得给人安装好吧，对不对？这样人家才知道你到底要用什么样的库，什么样的组建， 是吧？那下面就是我提前都把这些怎么去提取微信公众号的脚本，给他写好怎么爬，然后怎么呃，这个清洗，怎么提取里面那个原字段，比如说你的作者是谁？你的这个封面图是谁？你的摘药是什么？ 你的这个里面的图我怎么处理，对吧？这都是需要你提前的脚本去写好的，那当然这些脚本也是通过这个 ai 就 可以全都给你做好的， ok， 也不用怕。 好，然后我们就开始进入，让他，我需要让他帮我把内容的东西重新 polishing 一下，也就是帮我稍微转述呀，去除一些这个 no common 的 mistakes 呀，帮我把一些这个语法错误呀，纠正纠正， 对吧？那这个时候包括我会说，呃，你可以为了刚才这些组建啊，增添一些这个组建的效果，加一些文字啊，什么都可以，但是这是我自己的文章，所以我就会让他保持说，保持我自己的这个 writing style， ok， 那 么还有比如说我会让他说，根据你对这篇文章理解，然后你需要加三到五个这个 q a， ok， 这 就是第三步，整个整个内容上就去把它给做好了，那么其他的你会加各种各样你自定义的需求， excuse？ 它好是好在它完全只是你，只要你有需求，你就想办法把你的需求揉成这个 prom 的， 揉成一句话告诉他就可以。那我后面还有什么？ 比如说我现在我自己的账，我，我有很多自己积累的、沉淀的东西，我有，我，我可能要发三百多篇文章，我要搞内链，我想每个文章之间内链给链，好，对吧？这篇文章里面提及到另外一篇东西，我是不是就让它链接一下？我这篇文章提及到了一个什么？呃，我自己最好的插件，我是不是也能稍微链接一下？ 那比如说我给大家举个例子，我看有没有链接哦，哎，比如这个就是它就有链接，你看它会自动地帮我加一个 c t n 的 button， 他说你看我这篇文章说出来，当时也是的确就是为了安利我的这个自己做的小插件啊，所以我再跟大家介绍怎么去优化 all text， 那 么最后，哎哎，大家，不不不，你可以去看一下这个文章，对吧？这也是他自动帮我去加的，你也可以去来使用这个 这个这个，呃，这个我的 app 插件，他就帮我内练到我自己做的这个 app 已经用上了，就是这样， 呃，对吧？这就是你可能有一些自己的需求了，你的自己的业务里面到底有什么真实的需求，你都要去写出来，他什么都能给你做出来啊，包括我可能有一些 affiliate 的 一些 link 想去插入，我也会告诉他怎么插，吧啦吧啦的，就是这样。好，那么后面还有一些个性化的需求是什么呢？ 就是我自己所有的教程，所有的文章，我都会拍一些视频出来啊，证明这个视频可能没有任何形象，没有什么东西，就是个录屏，那我也会把它弄出来，我会发到 youtube 全网上。好，那这个时候我想要做一件什么事情？我想让他帮我， 就是把每一篇文章里面吧，你看这视频帮我给插进来啊，这个时候也要了命了，对吧你？否则你得一个一个去你的 youtube 上去找，然后 copy 怎么怎么样，我以前都是这么做的，太傻了， 现在。 excuse？ 直接帮我搞定，我也是给他写个脚本，你可以把你的，呃，我不知道你你正常用什么技术，你可以让他直接搜索也好，直接让他用 youtube data 的， 呃， a p i 也好，用你的 youtube m c p 也好，都可以，你让他直接帮你找你像我就是规定他屡扫频道，然后找到和这个主题一模一样的这个 youtube 问，呃内容， 然后插进来，然后插的这格式我都给它规范好了，对吧？这些东西都是 ai， 它不是我自己写的，家人们整个 skills 没有，我一句话是我自己往那咣咣咣写的，我全是，我直接给他口嗨，我说你要这个，你要加一个这个需求，这个需求不能这样，吧啦吧啦，我就一直给他口嗨，他自己改自己写出来这个 skills ok， 然后最后后面就都是些很标准正常的，你比如说你加入各种的原子弹呀， s u 的 mate 它呀等等等等啊，我要让他帮我选一个 cad 啊，我自己本来就有六七个，呃，这个， 呃呃呃。合集，对吧？我自己可能有七个合集，我要让他根据我这篇文章内容去帮我选到这个合集里面去啊，比如说这是个人创业分享的，然后怎么怎么样的，然后包括可能会有一些 text 的 东西也需要让他帮我选。 就这样最终还要做的事情什么？就是帮我翻译，因为我的是中文的，那么我会弄成双语的东西，那他就是需要帮我翻译成英文， 好吧，这对于 ai 来说更是不在话下了。最后 build 一下，检查下有没有 bug， 然后就发布推送好，这就整个流程。那刚才就是演示的时候这个已经做好了嘛？我们看一下它的效果，好了，然后回过来， 啊，可以看到已经是四十一片了，它应该在最后一页，呃？在哪里？ 好，在这里对不对？因为我们刚才想分享的这篇文章嘛就是这个嘛，对吧，我们看一下，点进去看一下它怎么样 好呃封面截图也有，摘药也有呃视频也帮我插了好这些小的小这种呃小组件吧，一个小组件也可以哎。加了一个 cta 的 一个 button 也有对不对？好，这些整个外链的东西都很不错 很棒。然后这些小排版也很不错套了一个子子步骤。其实这里他如果稍微聪明他应该要用 steps 的 对吧？他没有没有用 step， 但这种形式我觉得也 ok 的， 也还蛮好的。好哦，他用了 card 的 这个形式好强呀对不对？这个还蛮让我意外的然后 faq 的 这个东西也有 哇很完美对吧这就是 excuse 嗯， excuse 本身就是为了哎 怎么说呢， excuse 的 出现就是直接取代 n 八 n 八 n 就 等于说直接着凉了。你看我都没有更新 n 八 n 了，因为当时我看到 excuse 我 就觉得完了 n 八 n 就 没了。 n 八 n 最大痛点是什么？就是用户他这个学习成本维护成本太高了， 而且他没有办法自然语言的灵活变动，这个 excuse 就是 不一样，那 steps 是 完全你我自己想怎么改怎么改 然后他的执行程度也很高灵活度也很高当然也有可能有的人会觉得我就是希望他不要那么灵活度的，我就是想在某一个地方就出现这种组建我不要你什么自由发挥，那可能那种情况下你更适合 nba 的 那种对吧但我觉得这种就是哎呀就也算是很好用了。 好吧，那么，呃，我们展开讲讲，我们回到快讯厅讲讲这套东西怎么用，真的太好用了，那这个 shopify 的 a p i 是 多么的开放啊？家人们，你 shopify 什么接口都给你开了，你这个上传产品，这个上传 articles 什么 什么，你读取你的数据，哎，就是整个 agent 能力随便你用 skills， shopify skills 也是很有的玩的。好吧，以后可能我可以做做一些开源的 shopify skills， 然后可能大家去去体验一下，但 所有东西我话说回来就是你会发现，嗯，就劝他一下，不要一弄就是，哎，求模板，求那个，求这个，乖乖，就是你每个人的业务都不一样，你怎么求呀？这个东西我给你，你有什么用呀？你自己说给你有什么用？就你有 r 存储，你自己弄好了吗？那你你有这个公众号吗？ 对吧？你公众号里面它的这个结构和我这个是一样的吗？它都不一样吧，它不一样，然后你你你，你怎么弄呢？对不对？所以就是没有你想的那么难，你就在那跟他聊一会，聊一会，你大概自己就搓出来一套 skills 了。 你这个真正你自己搓出来 skills 才是真正符合你自己需求的，而不是说求模板，求完了你会发现怎么不好用，哎，避坑这个垃圾博主，避坑这个 skill ok， 就 这样。哈哈哈，好，本期内容到这里，拜拜。

这是我没用 agent skills 时 ai 生成的页面效果，而这是我用了 agent skills 后 ai 生成的效果。 这两张图对比非常明显，上图是清一色的蓝色渐变，堆积着各种 emoji， 让人看着想吐。而下图的页面是不是让人眼前一亮， 不仅没有了俗套的蓝底渐变，也没有了过度的 emoji 装饰。本期视频我将讲解如何在 cloud code 中使用 agent skills 制作出这种设计精良的页面。什么是 agent skill？ 用最通俗的话来讲， agent skill 就是 一个大模型可以随时翻阅的说明文档。以官方提供的前端设计 skill 为例，它的文档结构是这样的， 文档的最上方是原数据层 metadata， 包含 skill 的 名称和描述。大模型运行时，只会将所有 skill 的 名称和描述作为上下文，而不会把整个文档都发送给大模型。只有当大模型判断需要使用某个 skill 时，才会读取该 skill 的 完整文档。 skill 的 名字和描述始终对模型可见， 但具体的指令内容只有在 skill 被选中后才会被加载，这样可以最大程度降低 token 消耗。在 cloud code 中， skill 是 以文件夹的形式存放的， 路径是在 c 盘 users 用户名点 cloud skills 目录下。以安装官方的 frontend design skill 为例，第一步，从 github 官方仓库获取 skill 文档，在 github 中找到 cloudy code， 在 plugins 文件夹中找到 frontend 底站，然后找到 skills 文件夹。第二步，在 skills 目录中新建文件夹，命名为 frontend 底站， 然后把刚才下载的 skill gmd 放到文件夹 frontend 底站中就完成安装了。第三步，验证安装。打开 cloud code， 可以 通过以下方式查看已安装的 skills， 输入 skills 命令， 或者直接询问你有哪些 agent skill。 安装好之后应该如何进行使用呢？第一步，说明需求，给 cloud code 描述你的需求， 比如视频开头的事例。为了能让 ai 更准确地使用 skill， 可以 在后面强调一下要使用 skill 进行开发。第二步，确认使用 skill。 cloud code 意识到需要使用前端设计 skill 后会请求确认，回车同意后，他才会将文档的完整内容加载进去。第三步，生成结果。 cloud code 根据 skill 中的指令进行规划和代码编辑，最终生成符合要求的页面。 agent skill 还有一些高级用法，可以为 skill 添加辅助类型的文件，比如 scribes 脚本、参考文档、 assets 资源文件图片样式表等静态资源。这些高级功能可以实现更复杂的自动化任务。 github 上有很多开源的优质 skill 可供探索，你也可以根据自己的需求编辑定制化的 skill。 如果有兴趣，欢迎关注后续的视频。