一文搞懂skill安装命令的区别

@

概要

因为之前一直使用gemini做相关skills的学习没有细致的体验claude的,这两天深度体验了claude的skills使用,但是被它安装命令搞得一头晕,跟ai对话n轮终于理清了为什么会有那么多种安装命令,特整理如下。

skills简单安装

首先claude会引导你执行/plugin marketplace add anthropics/skills,该命令意思是在插件市场里面安装skills这个插件。
为什么要安装这个插件,这个相当于添加了个市场源,可以后期用来找你想要的skills直接安装。上面安装好了后,需要重启claude

接着执行

/plugin install frontend-design

安装frontend-design这个skills,这时候你会与疑问,为什么安装skills也是用/plugin开头来安装,对话了下就是:Anthropic官方故意模糊了skills和plugin这两者的区别,统一使用/plugin来安装。
同时安装好了这个skills后,文件夹会自动安装在~/.claude/skills/frontend-design/,这样当你使用claude写前端时候,会自动调用加载frontend-design这个skills

安装位置

Windows: C:\Users\<你的用户名>\.claude\skills\
macOS / Linux: ~/.claude/skills/

skills其他安装

一开始ai还给我另一个安装命令如下
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices @anthropic-ai/skills
这个其实就是使用npx安装agent-skills下的vercel-react-best-practices这个skills像.exe安装到了你的电脑系统里面,存放在.claude里面。

这时候我就会想这个npx是什么,他怎么也能安装skills,却不需要再claude界面里面就可以了,查询了一番,总结如下

npx介绍

npx:允许安装Node.js包的可执行文件,且无需全局安装。
1、它首先检查 node_modules/.bin 中是否有该命令的可执行文件。如果有,直接运行。
2、如果没有,它会去 npm registry 查找该包,临时下载到一个缓存目录。
3、运行该包中的可执行文件。
4、(可选)根据配置,运行结束后可能会保留缓存以便下次加速,但不会像 npm install -g 那样永久链接到全局命令。
【只要安装了nodejs5.2以上就自带了npx,检查命令:npx --version】

npx安装命令对比分析

接着在安装其他skills执行了命令
npx agent-skills add vercel-react-best-practices
我发现怎么跟之前的npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices @anthropic-ai/skills还不一样,再一轮对话了解到,
npx后面命令是跟不同的厂商推出的产品有关,现在知名厂商简单罗列了一下
image

附claude相关命令

按两次 Esc:撤销刚才的修改
【/命令】
/status 确认模型状态
/config 来切换模型
/init 在项目根目录生成 CLAUDE.md 文件,用于定义项目级指令和上下文(重要规则写进 CLAUDE.md)
/clear 清除对话历史,开始全新对话
/plan 进入规划模式,仅分析和讨论方案,不修改代码

@文件目录
!终端命令 (如:! ls -la)

小结

还是前端基础不够扎实,遇到一些名词不进行一番研究直接用到最后还是会一团浆糊,所以没事把你不能理解的命令留下来,有空就研究下,后面知道是干嘛的,有清晰的思路了ai给的教程才有把握的做。

posted @ 2026-03-19 16:50  蜗牛使劲冲  阅读(3)  评论(0)    收藏  举报