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 修改完了之后只要做作验证就行了。又想说昨天的文章里写过的,不知道要我干啥了。。。测试嘛,哈哈哈哈。

相关推荐
计算机魔术师2 分钟前
Suno 发布 v6 音乐模型,推出 v6、v6-wild、v6-mini 三个版本
前端
J_bean9 分钟前
避免 Claude Code 误删数据的方法
ai编程
whyweplay19 分钟前
elpis : DSL动态组件学习
前端
用户9210802628633 分钟前
前端 Vue 专栏 06:异步更新机制、任务队列与 nextTick
前端
晴天161 小时前
Chrome DevTools 深度调试指南
前端·chrome·chrome devtools
林冠宏_指尖下的幽灵1 小时前
AI发展下的后编程时代思考
前端·人工智能·后端
_山海2 小时前
Bun入门指南
前端·javascript·后端
想睡懒觉2 小时前
我用 CSS 3D 做了个星空隧道 Loading,没有 Three.js
前端
labixiong2 小时前
transition 写在 CSS 变量上为什么不生效?给变量补张「类型身份证」
前端·css·html
YHL2 小时前
🧠 Agent 记忆进阶:总结压缩与向量检索 —— 从截断到 Milvus 长期记忆
前端·人工智能