前言

介绍 Trae、Claude Code 安装skills的方法。

---

一、Trae 安装

方法一、命令行方式安装，以安装 frontend-design skill为例

第一步先查找技能的官方仓库，npx skills find frontend

会提示如下信息：

PS C:\Users\XXX> npx skills find frontend

Need to install the following packages:

skills@1.5.9

Ok to proceed? (y)

解释如下：需要安装「skills 工具」才能继续，是否同意安装？

为什么会出现？

npx skills 是 Trae 专用的技能包管理工具，第一次用，电脑上还没装，所以系统问你：要不要装？

你只需要做这一步：直接输入 y 然后按回车

安装完成后会显示frontend的搜索结果，

找到正确地址后，再执行安装

npx skills add fcakyon/claude-codex-settings@anthropic-frontend-design  --agent  trae-cn

安装完成后，可以在本地查看到，

总结安装命令：npx skills add <owner/repo@skill>

方法二、压缩包方式安装

到skills平台网站找到对应skill并下载压缩包，在Trae的设置-技能与命令-技能-创建中，可以全局或者按项目创建技能，上传skill的zip压缩包，

安装完成后在skills目录下生成对应目录，Trae上也能同步查看到。

二、Claude Code安装

npx skills add https://github.com/obra/superpowers --skill systematic-debugging --agent claude-code

安装完成后在.claude\skills目录下生成对应目录，重启VS Code后可以看到该skill，

---