之前分享了紫色渐变UI看吐了?用Claude Skills轻松解决,后来我就收到大家的一些留言和私信,基本都是在问Cursor、Trae能不能用Claude Skills的,所以这篇文章做个集中解答。

视频版:
npm i -g openskills

这就将 OpenSkills 安装到系统全局位置了,只需要做一次。
openskills install anthropics/skills
openskills install anthropics/skills --global



openskills install your-org/custom-skills
openskills sync
再次选择你要将哪些 Skills 写进这个 AGENTS.md 文档中。

确认后按回车键,你选择的 Skills 就会写进之前空白的 AGENTS.md 文档中。它将作为 Cursor、Trae 等 Coding Agent 接下来使用 Skills 的指导文件。

调用 frontend-design skills,用HTML开发一个视频剪辑软件的SaaS介绍页

调用 fronten-design skills 用HTML创建一个现代化的个人博客网站原型,包含首页、文章详情页、关于页面的完整博客

这段时间,因为各种原因在频繁创建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 和相应目录文件。

