之前我发过一篇关于紫色渐变UI的文章，结果收到了很多朋友的留言，大家都在问Cursor和Trae能不能使用Claude Skills。今天我就来集中解答一下这个问题。
其实，想在Cursor、Trae、Qoder等不是Claude Code的项目中使用Skills，你需要依赖一个叫做OpenSkills的开源项目。
🔗：https://github.com/numman-ali/openskills
安装和使用这个项目非常简单，整件事分为四个步骤：
第一步：安装OpenSkills项目
首先，打开终端，输入以下命令：
npm i -g openskills
这一步就把OpenSkills安装到系统的全局环境里，之后只需要做一次就OK了。
第二步：安装Anthropic官方Skills
接下来，你可以选择把官方的Skills安装在当前项目里，还是全局使用。
如果你选择当前项目，就在终端输入这条命令：
openskills install anthropics/skills如果想要全局使用，就用这条命令：
openskills install anthropics/skills --global这里我们以当前项目为例。运行指令后，OpenSkills会把Anthropic的官方Skills克隆下来，默认是全选，你也可以用空格键选择你想要安装的Skills。
安装成功后，在Cursor、Trae等工具的文件管理区，你会看到一个叫做.claude/skills的文件夹。
当然，如果你想要安装其他非官方的Skills，直接把仓库地址替换成对应的就行：
openskills install your-org/custom-skills第三步：创建AGENTS.md文件并写入Skills
前面的两步只是把Skills安装到了本地，但如果你希望Cursor、Trae这些Coding Agent能够使用这些Skills，就必须进行第三步，要不然前面的努力就白费了。
在项目根目录下创建一个AGENTS.md文件，然后运行：
openskills sync接着，选择你要写入AGENTS.md文档中的Skills。
确认后按回车键，你选择的Skills就会写进刚创建的AGENTS.md文档里，这个文档会指导Cursor、Trae等Coding Agent如何使用这些Skills。
第四步：在Cursor、Trae中调用Skills项目
Skills是可以被自动调用的，但如果你想手动调用，可以在提示词中直接指定要用到的Skills，比如：
调用 frontend-design skills，用HTML开发一个视频剪辑软件的SaaS介绍页
另外一个例子是：
调用 fronten-design skills 用HTML创建一个现代化的个人博客网站原型，包含首页、文章详情页、关于页面的完整博客
其余的步骤与在Claude Code中调用Skills差不多，具体的我就不再重复了。
总结一下：
最近我频繁在创建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和相应的目录文件。
以上就是今天的全部内容，感谢你一直看到这里。
我是蔡蔡，期待继续分享关于AI编程、AI Agent和我的AI学习心得。下次见！
