Opus 4.7 skill 编写和使用实践

大家好,我是 uni-app 的核心开发 笨笨狗吞噬者,欢迎关注我的微信公众号 前端笨笨狗

感想

前几个月,ai 带着 skill 概念横空出世,席卷了整个互联网,一时间大家发各种文章,公众号,介绍如何编写、使用 skill,甚至我一个朋友前段时间面试,面试官直接问有没有写过自己的 skill,你对 skill 的认识和思考这种问题。后知后觉,我才发现自己不仅不会写,不会用,甚至连概念都不知道。。。

然后,最近一段时间,我在 掘金github 等平台看了不少大家写的 skill,自己也在工作中尝试了不少,下面会分享自己的实践经验,如有不对的地方,欢迎指正

编写 skill

比如,我之前用 ai 写过一个 vite 插件 - https://github.com/uni-toolkit/uni-toolkit/tree/main/packages/vite-plugin-component-insight,这个插件可以用来分析你的 uni-app 项目,分析组件被哪些页面使用、使用了多少次,并结合主包与分包关系在控制台输出建议,帮助开发者更好的划分组件位置。(ai 真的强,这个插件我一行代码也没写)

我们把需求告诉 Opus 4.7,让他来帮我们生成对应的 skill,写了一个 markdown 文件来告诉它该怎么做,中间基本不需要我主动修改,除非是修改提示文件。

markdown 复制代码
# 需求

根据 `https://github.com/uni-toolkit/uni-toolkit/tree/main/packages/vite-plugin-component-insight` 插件生成一个 skill,skill 放到 skills 目录下

# skill 的内容注意事项

- skill 要符合通用规范
- skill 的内容要尽可能简单明了
- skill 需要根据插件 readme 和 源码来确定具体生效范围
- 确认了符合生效范围之后,应当首先检测开发者是否安装了此插件,没有就安装
- 做完配置之后,执行具体的运行命令获取控制台日志或者生成的文件
- 如果检测结果良好就恭喜开发者,否则可以询问是否需要修改
- 同意了如果需要分包异步化的工作,你需要先学习 `https://github.com/chouchouji/vite-plugin-component-placeholder` 这个插件,去微信官网学习下分包异步化
- 如果开发者同意你修改他的项目,注意不要影响他项目的原有逻辑,可以局部修改,让开发者看效果,再决定是否全部修改

等了一小会,可以看到 skill 已经被编写好了

测试 skill

我来使用 codex gpt-5.4 实际测试下效果如何

首先我们告诉它要做什么

也是等了一小会,ai 做完了所有的工作

感想

真的是让人震惊,这个 skill 我就可以上传到 github 就可以给其他人用来,中间不需要我费什么脑筋,搞懂什么工具。其他人想用这个甚至不需要做什么,只要告诉 ai 地址在哪,你的需求是什么,后面 ai 修改完了之后只要做作验证就行了。又想说昨天的文章里写过的,不知道要我干啥了。。。测试嘛,哈哈哈哈。

相关推荐
程序员黑豆8 分钟前
Java类型推断完全指南:从var到菱形运算符,掌握使用限制与最佳实践
java·前端·ai编程
To_OC40 分钟前
踩了个 TS 的坑之后,我终于把 type 和 interface 掰明白了
前端·react.js·typescript
GreenTea1 小时前
深度解读 Anthropic 多智能体报告:更强的模型 ≠ 更好的协调
前端·后端·算法
浮生望1 小时前
前端API工程化:用 Mock 数据与 Axios 配置实现独立于后端的并行开发
前端
小虎AI生活1 小时前
WorkBuddy 资料库架构解析:MD + CSV + HTML 三种载体的"流水线"设计
ai编程
万少2 小时前
给 DeepSeek Harness 装个"应用商店":一条命令,595 个插件随你逛
前端·javascript·后端
波波0072 小时前
C# 15 重磅新特性: 带标签 break 与 continue:重新定义嵌套循环控制流
服务器·前端·c#
Brown.alexis3 小时前
es6知识点1-自备使用
前端·ecmascript·es6
咖啡星人k3 小时前
想私有化部署 AI 开发平台?MonkeyCode 给出的答案是开源 + 离线
人工智能·大模型·ai编程·monkeycode
小爬的老粉丝4 小时前
JavaScript 纯前端预览 WPS:先识别容器,再路由解析器
前端·javascript·wps