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 小时前
AI 来袭,程序员破局指南:不被替代,反而借势超车
aigc·ai编程
码头码农2 小时前
我用AI做的3个产品:复盘与经验
人工智能·ai编程
舞影天上2 小时前
WordPress MCP Adapter 调试实战:从"连接失败"到完全可用
前端·ai编程
可视之道2 小时前
Web组态编辑器的撤销重做架构设计
前端
streaker3032 小时前
Agent 规则文件不想入库?用 symlink 单仓托管多项目规则
ai编程·claude
掘金安东尼2 小时前
本周前端与 AI 技术情报|前端下一步 #462
前端·javascript·面试
赵庆明老师2 小时前
vben开发入门5:vite.config.ts
前端·html·vue3·vben
qq_12084093712 小时前
Three.js 工程向:实例化渲染 InstancedMesh 的批量优化
前端·javascript
起这个名字3 小时前
LangGraphJs 核心概念、工作流程理解及应用
前端·人工智能