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

相关推荐
大怪v4 小时前
被AI绑架了!
ai编程
腻害兔4 小时前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 商城模块:从商品管理到交易引擎,50 张表撑起一整套电商系统
java·大数据·vue.js·产品经理·ai编程
不好听6134 小时前
从一行 JSX 到屏幕像素:前端开发者必须懂的浏览器渲染管线
前端
恒拓高科WorkPlus4 小时前
企业级内网即时通讯建设模型:BeeWorks内网IM四层架构
前端
前端小李子5 小时前
前端环境变量裸奔?我用 EnvShield 给它穿了件防弹衣
前端
youtootech5 小时前
HarmonyOS《柚兔学伴》项目实战25-我的页面、Web 嵌入与项目总结
前端·华为·harmonyos
神奇霸王龙5 小时前
GB/T 46886 闭环屠夫:5 旗舰多模态 LLM 工业质检实测
人工智能·计算机视觉·ai·开源·ai编程·本地部署
小林ixn5 小时前
从零到一理解 React 父子组件通信:手写一个 Todo 应用带你彻底搞懂单向数据流
前端·javascript·react.js
三声三视6 小时前
uni-app 鸿蒙端传参变成 [object Object]?顺着源码追到 ArkTS router 底层才搞明白
人工智能·ai·uni-app·aigc·ai编程·harmonyos
醇氧7 小时前
CountDownLatch / CyclicBarrier / Semaphore 面试高频问答清单
前端·面试·职场和发展