ingFang SC", system-ui, -apple-system, "system-ui", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-align: justify;text-indent: 0px;text-transform: none;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;white-space: normal;background-color: rgb(255, 255, 255);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;visibility: visible;">之前分享了紫色渐变UI看吐了?用Claude Skills轻松解决,后来我就收到大家的一些留言和私信,基本都是在问Cursor、Trae能不能用Claude Skills的,所以这篇文章做个集中解答。 ingFang SC", system-ui, -apple-system, "system-ui", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-align: justify;text-indent: 0px;text-transform: none;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;white-space: normal;background-color: rgb(255, 255, 255);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;visibility: visible;"> ingFang SC", system-ui, -apple-system, "system-ui", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;font-size: 17px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-weight: 400;letter-spacing: 0.544px;orphans: 2;text-align: justify;text-indent: 0px;text-transform: none;widows: 2;word-spacing: 0px;-webkit-text-stroke-width: 0px;white-space: normal;background-color: rgb(255, 255, 255);text-decoration-thickness: initial;text-decoration-style: initial;text-decoration-color: initial;visibility: visible;">视频版:
在Cursor、Trae、Qoder 等非 Claude Code项目使用 Skills,需要用到 OpenSkills 这个开源项目。🔗:https://github.com/numman-ali/openskills这就将 OpenSkills 安装到系统全局位置了,只需要做一次。 步骤二:安装 Anthropic 官方 Skills这一步可以选择将官方 Skills 安装到当前项目还是全局。如果选择将官方 Skills 安装到当前项目,就在终端输入这条命令:openskillsinstallanthropics/skills openskillsinstallanthropics/skills--global 这里以当前项目生效为例,当运行指令后,OpenSkills 就会将 Anthropic 官方 Skills 项目给克隆下来。默认全选,你也可以通过 Space 键自主选择自己想要安装的 Skills。安装成功后,你就会在Cursor、Trae等工具的文件管理区看到 .claude/skills 的文件夹。当然,如果你想安装其它非官方 Skills ,也是可以的,只需要将安装的仓库地址替换成对应仓库地址:openskillsinstallyour-org/custom-skills 步骤三:创建 AGENTS.md 文件并写入 Skills前两步只是将 Skills 安装到本地,如果想要让 Cursor、Trae 这些 Coding Agent都能发现和使用这些 Skills,那就必须运行第三步,否则前面都是在做无用功。先在项目根目录创建一个 AGENTS.md 文件,然后运行再次选择你要将哪些 Skills 写进这个 AGENTS.md 文档中。 确认后按回车键,你选择的 Skills 就会写进之前空白的 AGENTS.md 文档中。它将作为 Cursor、Trae 等 Coding Agent 接下来使用 Skills 的指导文件。 步骤四:在 Cursor、Trae 中调用 Skills 项目Skills 是可以被自动调用的,如果你想手动调用,可以直接在提示词中指定要调用的具体 Skills,比如:调用frontend-designskills,用HTML开发一个视频剪辑软件的SaaS介绍页 调用fronten-designskills用HTML创建一个现代化的个人博客网站原型,包含首页、文章详情页、关于页面的完整博客 其它的过程就和在 Claude Code 中调用 Skills 类似,这里就不赘述了。这段时间,因为各种原因在频繁创建Claude Skill,这里分享我创建 Claude Skills 的阶段性心得: 1、让 Claude Code 或其他 AI 编程工具迅速知道怎么创建一个规范的 skill,最便捷的方法就是把官方 skills 仓库克隆到本地,然后让它先阅读。这样无论它最开始懂不懂创建,都会通过官方仓库的 skill-creator 这个 Skill 快速学会; 2、创建 Skills 的原因一定是你想要将某个工作流给标准化,那么你需要提前将这个工作流给梳理出来,这个只有你自己最清楚,所以没法偷懒。但你可以借助 AI 来拓展自己思路或提前规避一些问题; 3、对于工作流的梳理,我们可能没法一次性梳理到位(因为你最开始梳理时也不一定清楚地知道自己想要的成品长怎样),没关系,先做个 MVP Skills 出来跑一遍,你就知道哪里有问题,然后就可以针对性地调优,这个过程可以像管理工程文件那样多用 Git; 4、对于稍微复杂点的 Skills,即使我们梳理到位,但试图用官方的 Skill-creator 一次性生成的方法可能会出现一些问题;更稳妥的方法,就是每个步骤都可以单独拆开出来。比如我前几天分享了 PPT Skills 的创建,就是用倒推法,先出创建PPT的脚本,测试没问题后,就往前倒推,每一步都完成测试后,最后再用官方的 skill-creator 一次性串联起来,定格为 SKILL.md 和相应目录文件。 |