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技能入门和实战!

相关推荐
冬奇Lab1 天前
Hook 机制实战:让 ClaudeCode 主动通知你
ai编程·claude
jackyrongvip1 天前
一个简单的羊毛claude-4.6最新版本的方法
ai·claude
南宫乘风1 天前
Claude Code 从 0 到 1 实战全攻略:掌握下一代编程 Agent 的核心能力
ai·claude·mcp
哈里谢顿1 天前
Vibe Coding 中的 Skills 详解
vibecoding
七牛云行业应用3 天前
3.5s降至0.4s!Claude Code生产级连接优化与Agent实战
运维·人工智能·大模型·aigc·claude
zhanglianzhao3 天前
Win 11 WSL 配置Claude code 并在VsCode中使用
ide·vscode·编辑器·claude·cladue code
北杳同学4 天前
Claude Code安装与初始化
ai·claude
横木沉6 天前
Opencode启动时内置Bun段错误的解决笔记
人工智能·笔记·bun·vibecoding·opencode
Cynthia的梦7 天前
踩坑实录:在E盘部署Node.js+Claude-Code环境的完整流程(附路径冲突解决方案)
claude
roamingcode7 天前
我是如何 Vibe Coding,将 AI CLI 工具从 Node.js 迁移到 Rust 并成功发布的
人工智能·rust·node.js·github·claude·github copilot