WorkBuddy 的技能(Skill)系统是其最强大的功能之一——它让 WorkBuddy 从一个通用 AI 助手变成拥有专业领域知识的"专家"。但很多新手卡在第一步:技能到底在哪找?怎么装?装不上怎么办?
这篇文章从零开始,完整走一遍搜索技能 → 安装技能 → 本地创建技能的全流程,附带我在公司内网环境下的踩坑记录和解决方案。
WorkBuddy 的技能是一个 SKILL.md 文件(加上可选的脚本/参考资料/资源文件),存放在 ~/.workbuddy/skills/<技能名>/ 目录下。当你触发某个任务时,WorkBuddy 会自动加载匹配的技能,按照其中的流程指引来工作。
技能提供了三样东西:
直接对 WorkBuddy 说:
"帮我找制作网页的技能" "有没有能做 UI 设计的技能"
WorkBuddy 会自动匹配并调用 find-skills 技能,搜索开源技能生态。
打开终端,运行:
npx skills find "web design"输出示例:
Install with npx skills add <owner/repo@skill>
ulpi-io/skills@frontend-design-ui-ux 899 installs
└ https://skills.sh/ulpi-io/skills/frontend-design-ui-ux
giuseppe-trisciuoglio/developer-kit@tailwind-css-patterns 12.4K installs
└ https://skills.sh/giuseppe-trisciuoglio/developer-kit/tailwind-css-patterns搜索技巧: 用具体关键词比泛关键词好。搜 "react testing" 比 "testing" 更精准。
想找的技能 | 推荐关键词 |
|---|---|
Web 开发 | html css javascript、frontend、react |
UI/UX 设计 | design ui ux、web design |
样式美化 | tailwind css、responsive design |
测试 | testing、jest、playwright |
部署 | deploy、docker、ci-cd |
npx skills add <owner/repo@skill> -g -y参数说明:
-g:全局安装(用户级别)-y:跳过确认提示示例:
npx skills add janjaszczak/cursor@vanilla-web -g -y装完验证:
ls ~/.workbuddy/skills/
# 应该能看到新装的技能目录对 WorkBuddy 说:
"帮我安装 janjaszczak/cursor@vanilla-web"
WorkBuddy 会自动执行安装命令。
在公司内网环境下,npx skills install 卡在 Cloning repository... 然后报错:
Failed to clone https://github.com/xxx/xxx.git:
Failed to connect to github.com port 443 after 75001 ms:
Couldn't connect to server公司防火墙屏蔽了 GitHub 的 443 端口。
配置代理后重试:
# 设置 Git 代理
git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890
# 安装技能
npx skills add janjaszczak/cursor@vanilla-web -g -y安装完后记得取消代理:
git config --global --unset http.proxy
git config --global --unset https.proxy这是最彻底的方案——利用 WorkBuddy 自带的 skill-creator 技能在本地直接创建,完全不依赖外网。
操作步骤如下。
以下是我实测完整流程,以创建"原生网页开发(vanilla-web)"技能为例。
在 WorkBuddy 对话中输入:
"帮我创建一个技能"
WorkBuddy 会自动加载内置的 skill-creator 技能。
# skill-creator 脚本路径
python3 /Applications/WorkBuddy.app/Contents/Resources/app.asar.unpacked/resources/builtin-skills/skill-creator/scripts/init_skill.py vanilla-web --path ~/.workbuddy/skills/输出:
✅ Created skill directory: ~/.workbuddy/skills/vanilla-web
✅ Created SKILL.md
✅ Created scripts/example.py
✅ Created references/api_reference.md
✅ Created assets/example_asset.txt这是技能的核心文件。使用标准的 YAML frontmatter + Markdown 格式:
---
name: vanilla-web
description: 纯 HTML/CSS/JS 网页开发技能。使用 ES Module 模块化、无框架依赖,适用于静态页面、小 UI 组件、快速原型。
agent_created: true
---关键点: agent_created: true 必须加上,否则 WorkBuddy 后续无法修改这个技能。
然后按以下结构编写内容:
# 技能名称
## 适用场景
列出触发条件,让 WorkBuddy 知道什么时候用这个技能。
## 核心约束
设定不可变规则,比如"只用 HTML/CSS/JS,不用框架"。
## 工作流
分步骤描述执行流程,比如:
1. 确认需求
2. 按规范拆分文件
3. 生成代码
4. 验证清单
## 验证清单
交付前必须检查的项目。初始化脚本生成了示例脚本和资源文件,不需要的话直接删掉:
rm -rf ~/.workbuddy/skills/vanilla-web/scripts
rm -rf ~/.workbuddy/skills/vanilla-web/references
rm -rf ~/.workbuddy/skills/vanilla-web/assetsls ~/.workbuddy/skills/你应该能看到新创建的技能目录。现在在对话中说相关需求,WorkBuddy 就会自动加载这个技能了。
结合我的实际项目(澳门中小企业本地化 AI 业务终端),我创建了三个互补的技能:
技能 | 作用 | 适用场景 |
|---|---|---|
vanilla-web | 原生 HTML/CSS/JS 开发 | 静态页面、UI 组件、快速原型 |
frontend-design-ui-ux | UI/UX 设计规范输出 | 页面设计、组件规格、设计 Token |
tailwind-css-patterns | Tailwind 样式模式 | 响应式布局、样式美化、暗色模式 |
工作流示例:
frontend-design-ui-ux 输出设计规范vanilla-web 按规范写代码tailwind-css-patterns 优化样式三个技能各司其职,代码 + 设计 + 样式全覆盖。
WorkBuddy 会自动匹配你的需求到最合适的技能,但你也可以用 @技能名 手动指定:
用 vanilla-web 帮我做一个产品展示页
# 这样 WorkBuddy 会自动匹配 vanilla-web 技能ls ~/.workbuddy/skills/直接编辑 SKILL.md 文件即可。WorkBuddy 下次触发时会自动读取最新内容。
WorkBuddy 的技能系统让 AI 助手具备了领域专家的能力。无论你是从开源社区安装现成技能,还是根据自己的项目自定义创建,流程都很清晰:
搜索 → 安装(或本地创建)→ 使用 → 迭代优化踩坑总结:
agent_created: true 别忘了加description 字段决定技能被自动匹配的概率,写得越准确越好原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。