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

相关推荐
超哥--1 小时前
B站视频内容智能分析系统(九):React 前端与管理面板
前端·react.js·前端框架
V搜xhliang02463 小时前
AI智能体的数据安全与合规实践
人工智能·学习·数据分析·自动化·ai编程
Cutecat_4 小时前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择
android·前端·ios·语音识别
qq_422152574 小时前
PDF 加水印工具怎么选?2026 年文档版权保护方案对比
前端·pdf·github
kyriewen4 小时前
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势
前端·javascript·面试
brucelee1865 小时前
OpenClaw 浏览器控制(Chrome MCP)完整教程
前端·chrome
ct9785 小时前
React 状态管理方案深度对比
开发语言·前端·react
胡志辉的博客6 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·chrome·chromium·event loop
代码不加糖6 小时前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty6 小时前
Vue2与Vue3之间API差异
前端·javascript·vue.js