简单和大家分享一下这次四十分钟从 idea 到落地的 Chrome 插件开发流程,感觉是一次很有趣的经历~
idea: 昨天看到同事正在找 Group Tabs 的插件帮他整理几十个 Tab ,但发现都是根据域名来做分组的,导致可能分组完还是很多很挤,于是就想到,为什么不用 AI 来总结分类呢?就跟我在 Arc 上的 Workspace 一样,按开发,娱乐等等来进行分类
调研:睡前突然想起这个 idea ,就去 GitHub 翻了几个开源的 Group Tabs 的插件,发现原来 Chrome 就已经提供了 Group 的 API 。最难的部分已经不用自己做了,评估了一下就是半小时的工作量,话不多说直接开始写。
AI 总结:使用了一个 starter 模板来帮助我快速启动一个插件开发。第一步是先写 AI 总结当前所有 Tab ,根据 title 和 uri 来做,使用的是 GPT4 。
Prompt 优化:总结确定跑通了以后,就开始优化 Prompt ,最后只想拿到每个 Tab 对应的分类。基于我仅有的可怜的 Prompt 技能,勉强完成了这个工作 🥹
Tab 分类:拿到每个 Tab 对应的 Type ,就只剩下最后一步,也就是分类了。这里直接调用的 Chrome 原生的 API ,根据 AI 分析的 Tab 类型来做好分类。至此就已经完成了基本的功能,也满足了需求
后续:这只是一个出于兴趣开发的小项目,但好像也是一部分人的需求,于是我把插件代码开源了,感兴趣的朋友也可以一起来优化这个插件,感觉还有挺多功能可以做的!有需求的朋友直接去仓库下载打包即可
1
huaxxy94 353 天前
小白弱弱的问下,怎么用
|
3
hellojay 353 天前
非常好的创意!
你用的这个 prompt “You are an assistant to help decide a type in ... for a tab by search and analyze its url. Response the type only. Do not return anything else.” 效果好吗? API 是办法去访问你给的页面吧,另外你可以用 API Json 模块来处理返回结果,应该效果会更好。只是建议,我自己没有测试哈 |
4
hellojay 353 天前
上门回复又错误
API 是办法去访问你给的页面吧 --> 通过 API 调用 ChatGPT 应该不会访问你给的页面 |
7
KKLeon 353 天前
@KKLeon #6 感谢提供思路,之前一直觉得 chrome 的分组很鸡肋,刚才在 store 里找了个可以自动分组的,发现太好用了。不过需要提前按照域名做好分组,这样可以更加贴合个人使用需求
|
9
srsman 353 天前
可以分类整理收藏夹不?
|
11
ShuaiYH OP 支持自动更新新 Tab 了,不过分类还有点小 bug
|
12
Themyth 245 天前
如何与 OP 联系合作事宜?或者请联系我 QQ:410733
|
13
ShuaiYH OP |