Claude Code 第四篇:SKILL的创建,安装,查看

Claude Code 这个编程神器,可能要推向普罗大众了。

Anthropic 这几天动作非常多。

Claude Code 最近进入了日更状态,

桌面版已经支持可视化 CC 了。

桌面版即将推出 cowork 助力打工人。

由于 Claude 模型能力太过出众,除了编程之外,其实写文章,做网页,做表格,打杂也非常强。

cowork咱们还玩不起,但是他们家的SKILL可以先练起来。

上一篇《SKILL入门和实战》主要是介绍了一下技能规范,写了一个自定义的文章校验技能。

今天更进一步,做一个技能管理工具。

这个工具包含了三个技能:

  • 创建技能的技能
  • 安装技能的技能
  • 查看技能的技能

我之所以有这个想法是因为,我记得 Codex 提供了官方的技能管理技能。而 Claude Code 好像只有一个查看技能的技能。

这对于新手很不友好啊,对老手也不方便。

所以我决定自己搞一个,干中学,自己给自己上课!

如果我都能做技能管理工具了,就证明技能这个知识点肯定是掌握透彻了。

下面我就梳理一下我实现这三个技能关键步骤。

1.了解技能规范

要开发一个功能,第一步绝对不是写代码,而是搞清楚需求和相关知识。

要开发技能,肯定对知道技能是什么,有什么规范。

规范可以看这个网址:

arduino 复制代码
https://agentskills.io/

这是一个专门来制定标准的第三方网站。

里面详细的介绍了:什么是技能,有哪些规范,如何集成 等知识。

这个网站主要是提供了一个通用的标准,但是不同的平台还有一些差异。

目前 Claude Code 和 Codex 都支持了 SKILL,他们放置 SKILL 的文件夹命名是不一样的。

考虑到这些差异,所以还需要阅读一下他们的官方文档。

Claude Code SKILL 文档地址:

bash 复制代码
https://code.claude.com/docs/zh-CN/overview

Codex SKILL 文档地址:

arduino 复制代码
https://developers.openai.com/codex/skills

2.准备开发工具

只要了解了技能规范,理论上完全可以手搓。

技能的核心文件 SKILL.md 其实就是一个 Markdown 格式的提示词文件。

但是,既然有了 AI,自然是让 AI 写了,如果要让 AI 写,自然是让 Claude Code 来写。

这也合情合理,用 CC 开发 CC 技能给 CC 用。

所以我们首先得安装 CC,这个很简单,一行命令就可以了。

具体可以参考:《Claude Code 新手入门,官方指引!

然后后,考虑一下要不要使用 GLM4.7 模型替代 Claude 模型。

因为国内的情况,大家都懂的 。

要用上 Claude 官方模型不简单。而 GLM4.7 无需科学上网,可以在国内合规使用,适合新手用来练练手。

替换模型可以参考:《Claude Code 换上国产引擎GLM4.7!》

工具准备好了就简单了。

3.开始对话式编程

了解了背景知识,准备好了工具,就可以开始 Vibe Coding 了。

创建文件夹

找一个合适路径,创建一个文件夹。比如叫 skills 或者叫 Skill-Manager。

这一步简单,却很有必要。

养成好习惯,不要把所有文件都散落在桌面上。

启动 CC

打开我们创建的文件夹,然后空白处右键,在终端中打开。

这样终端的工作路径就直接切换到当前文件夹了。

然后输入 claude 回车,启动 CC。

输入提示词

我主要使用了两段提示词。

第一段是:

arduino 复制代码
请帮我打开https://agentskills.io/home这个网站。

阅读主菜中的 overview,what are skill,Specification,Intergratae skills页面。

总结出技能相关的知识。

创建一个创建技能的技能。这个技能可以包含两种模式,自动模式和分步引导模式。

创建一个安装技能的技能,可以通过文档中获取的安装规则,进行安装。我只要指定一个技能路径或者技能网址。

创建一个查看技能的技能,可以查看本地有哪些技能。

安装的时候需要 询问这是一个什么级别的技能,比如用户级,项目级,或者其他,这个级别也根据上面的文档来。

我的原则是我绝对不写任何文档,代码,命令。全部通过对话完成。

通过使用AI语音输入法,甚至都不太要打键盘。

这一步,我用到了 CC 的 Claude in Chrome 功能。

这也是一个很强的功能。通过这个功能,可以让 CC 操作浏览器。

CC 可以通过浏览器读取网页,或者通过浏览器发布内容。实现浏览器的自动化操作。

比如,我们当前的场景,就是 CC 直接打开浏览器,然后自动截图分析网页布局。自动读取子菜单和对应页面的信息。然后把信息进行汇总。

最终得到了关于 Agent Skills 的知识总结。

这总结写实在是太棒了,完全可以直接写入教材😄。

通过五个点,把 SKILL 的核心规范说的明明白白。

它学习了相关资料之后,就可以按规则进行自动开发了。接下来就是不停的按回车确认。

第二段是:

复制代码
由于claude,codex 他们有自己的规范,主要是他们保存技能的文件夹名字和路径不一样。

请读取三个doc中的文档,重点是个人技能,项目技能,系统级技能等的安装路径和命名规则。

然后修改我的三个技能相关代码,包括描述文件,代码文件等等,涉及到的文件中的相关部分。

必须全部修改,不要遗漏。

在创建、安装的是以后需要提供可选项。

可选项包括 AgentsSkill标准,Claude标准,Codex标准。

这是一个修改需求。

因为上面的代码主要是遵循了 agentskill 的规范。最后创建的技能都放在 agentskill 文件夹里面。

这样不符合 Claude Code 和 Codex 的规范。

所以会导致这些技能即便安装了也无法被导入。导致技能不可用。

所以我需要让 CC 帮我修改,能够兼容 Claude Code 和 Codex。

最终效果就是,不管你用哪个工具,都可以正常创建、安装、查看这些技能。

安装技能

开发技能的事情就全部交给 CC 了。开发完成之后,我们就会获得三个技能。

我们需要先安装这三个技能,然后就可以管理其他技能了。

安装方法也可以分手动和自动 。

自动的就是直接让 CC 帮你把这三个技能安装到用户目录。

手动安装,就是直接拷贝到。

不管自动还是手动,最后结果应该如下图:

在用户目录下的 .claude/skills 里面应该有三个 skill 开头的技能。

然后在 CC 中输入 /skill 就能看到这三个技能了。

CC 会根据你使用的频率来排列这些技能。

这种感觉很奇妙,软件的菜单居然会根据你的开发而发生变化。就好像你也在开发 CC 一样。

4.创建技能

然后可以使用我们的技能来创建技能了。

搞个什么技能好呢?我现在的状态是拿着手搓的火箭筒,不知道打哪里啊。

既然是终端编程,我们就玩点复古的,创建一个 ASCII艺术字母转换技能

技能可以实现:我输入一个字母,他帮我转换成ASCII图。

下面通过斜杠调用创建技能:

bash 复制代码
❯ /skill-creator

● 您好!我看到您调用了 skill-creator 技能。我可以帮助您创建一个符合多种规范标准的新 Agent Skill。

  我们支持三种规范标准:
  1. AgentSkills 标准 (默认,开放标准)
  2. Claude Code 标准 (适用于 Claude)
  3. Codex 标准 (适用于 OpenAI Codex)

  您想要:
  1. 直接告诉我您的需求,我自动为您生成技能?
  2. 还是希望我引导您一步步创建技能?

  或者您可以直接描述您想创建的技能,例如: "我想创建一个名为 pdf-processor 的技能,用于处理 PDF 文件的提取和合并"

从上面看到,已经调用了创建技能的技能。

并且询问需要用什么规范,要自动挡,还是手动挡,并且举了一个例子。

手动挡适合新手练车或者老手飙车。

我为了演示方便,就选自动挡了。

回复内容如下:

复制代码
请自动帮我生成 ASCII艺术字母转换技能。
我输入任意字母或者单词,你帮我输出转换结果。
使用ClaudeCode标准,
保存到skills目录下面。

接下来就是不停踩油门就好了(按回车!),很快就到终点了。

现在重启下 Claude Code 就能看到 /ascii-art-converter 技能了。

bash 复制代码
❯ /ascii-art-converter

好的!我已经准备好 ASCII 艺术字转换器技能了。

  请告诉我你想要转换成 ASCII 艺术字的文字内容。你可以:

  1. 直接输入文字,例如: "把 HELLO 转换成 ASCII 艺术字"
  2. 指定风格,例如: "用粗体风格生成 CODE"
  3. 只说文字,例如: "WELCOME"

  我支持以下风格:
  - 标准风格 (Standard) - 经典样式
  - 粗体风格 (Bold) - 加粗醒目
  - 3D风格 (3D) - 立体效果
  - 简约风格 (Simple) - 简洁线条
  - 花体风格 (Fancy) - 装饰华丽

  如果不指定风格,我会使用标准风格。建议文字长度不超过 20 个字符,主要支持英文字母和数字。

  现在,请告诉我你想转换什么文字吧! 🎨

我尝试输入"Hello" :

arduino 复制代码
❯ Hello 花体风格

● 好的!我为你生成 "HELLO" 的花体风格 ASCII 艺术字:

   ╦ ╦ ╔═╗ ╦   ╦   ╔═╗
   ║ ║ ║╣  ║   ║   ║ ║
   ╩ ╩ ╚═╝ ╩═╝ ╩═╝ ╚═╝

  或者这个更华丽的版本:

   ██╗  ██╗ ███████╗ ██╗     ██╗      ██████╗
   ██║  ██║ ██╔════╝ ██║     ██║     ██╔═══██╗
   ███████║ █████╗   ██║     ██║     ██║   ██║
   ██╔══██║ ██╔══╝   ██║     ██║     ██║   ██║
   ██║  ██║ ███████╗ ███████╗███████╗╚██████╔╝
   ╚═╝  ╚═╝ ╚══════╝ ╚══════╝╚══════╝ ╚═════╝

  还有一个装饰性的版本:

   ╔╗ ╔╗ ╔═══╗ ╔╗    ╔╗    ╔═══╗
   ║║ ║║ ║╔══╝ ║║    ║║    ║╔═╗║
   ║╚═╝║ ║╚══╗ ║║    ║║    ║║ ║║
   ║╔═╗║ ║╔══╝ ║║    ║║    ║║ ║║
   ║║ ║║ ║╚══╗ ║╚═══╗║╚═══╗║╚═╝║
   ╚╝ ╚╝ ╚═══╝ ╚════╝╚════╝╚═══╝

  你最喜欢哪个版本?或者需要我生成其他风格吗?😊

也可以直接通过对话激活技能。比如直接说"把 WELCOME 转换成 ASCII 艺术字"。

技能创建一次搞定,感觉还不错哦!

其实这里还是有一点点问题。

我的本意是希望他先把技能开发好,放在skills文件夹下面,下方的绿色框里的文件夹。

然后我再测试安装技能。

但是他直接帮我开发并安装好了。

细品了一下,它好像做的也没啥问题。因为它确实把技能放到skills里面了。

老天爷啊,太考验表达能力了。

5.安装技能

为了体验安装技能的技能,我手动把安装在项目目录下的技能给删除了。然后把技能本体先拷贝到项目根目录的skill文件夹下面。

下面就使用 /skill-installer 安装一下技能。

安装技能,它自动激活了输入选项功能。可以选择规范,来源,安装级别。

我最后选择如下:

然后他会叫你输入本地路径。只要把技能文件夹的路径给他,他会自动验证并安装技能,安装完成还会自己去检查一下是否成功。

6.查看技能

创建技能和安装技能都演示完成了。接下来就可以查看一下本地技能的情况了。

直接使用 /skill-lister 或者通过描述调用这个技能。

它会自动查找所有技能目录,列出所有技能。列表会 自动进行分类。最后有一个汇总的统计信息。

当然,也可以进一步查看某个技能的详细信息。

虽然我还没有查看这些管理技能的具有实现。但是创建,安装,查看技能的技能全部搞定了!

而且严格遵守了各家的 SKILL 规范。

这就是 AI 编程,或者叫 Vibe Coding 的魅力啊!对话即编程。

这次的目标已经圆满完成。而且是一次性搞定,没有任何返工。

我把相关代码都发到 GitHub 了,有兴趣的可以去看看。

GitHub 地址:

github.com/JarvisPMS/s...

如果还不知道如何 入门的,可以从下面的新手入门开始。

相关文章

Claude Code 新手入门,官方指引!

Claude Code 换上国产引擎GLM4.7

Claude Code 第二篇:把屁股擦干净!

Claude Code 第三篇:SKILL技能入门和实战!

相关推荐
enjoy编程3 小时前
Spring-AI 脱离 IDE 的束缚:OpenCode 让 AI 开发回归终端本源
人工智能·spring·ai·claude·gemini·claude code·opencode
孟健14 小时前
出海圈都说好用的 Claude Skills,我用 Codex 试了一遍:UI/UX 直接起飞大家好,我是孟健。 最近我研究了一下出海圈很多人都在用、并且口碑
ai编程·claude
hugo_im17 小时前
写了一个 claude.md,AI 写代码终于不乱来了
claude·vibecoding
用户479492835691518 小时前
拒绝傻瓜式截断 Diff:聊聊我在 AI Commit 插件里做的 7 个技术微创新
ai编程·trae·vibecoding
Captaincc20 小时前
Vibe Coding 进阶:非技术人员的生存手册
程序员·vibecoding
yaocheng的ai分身21 小时前
【Anthropic新发布】Cowork:Claude Code 适用于你的其他工作
claude
黄林晴1 天前
Anthropic 发布 Cowork:让 AI 成为你的「虚拟同事」
openai·ai编程·vibecoding
yaocheng的ai分身1 天前
【转载】每个人都应该更多地使用 Claude Code
claude
AlienZHOU1 天前
MCP 是最大骗局?Skills 才是救星?
agent·mcp·vibecoding