AI Group Tabs - 用 AI 帮你分类浏览器 Tab

[ShuaiYH]

简单和大家分享一下这次四十分钟从 idea 到落地的 Chrome 插件开发流程，感觉是一次很有趣的经历～

1. idea: 昨天看到同事正在找 Group Tabs 的插件帮他整理几十个 Tab ，但发现都是根据域名来做分组的，导致可能分组完还是很多很挤，于是就想到，为什么不用 AI 来总结分类呢？就跟我在 Arc 上的 Workspace 一样，按开发，娱乐等等来进行分类

2. 调研：睡前突然想起这个 idea ，就去 GitHub 翻了几个开源的 Group Tabs 的插件，发现原来 Chrome 就已经提供了 Group 的 API 。最难的部分已经不用自己做了，评估了一下就是半小时的工作量，话不多说直接开始写。

3. AI 总结：使用了一个 starter 模板来帮助我快速启动一个插件开发。第一步是先写 AI 总结当前所有 Tab ，根据 title 和 uri 来做，使用的是 GPT4 。

4. Prompt 优化：总结确定跑通了以后，就开始优化 Prompt ，最后只想拿到每个 Tab 对应的分类。基于我仅有的可怜的 Prompt 技能，勉强完成了这个工作 🥹

5. Tab 分类：拿到每个 Tab 对应的 Type ，就只剩下最后一步，也就是分类了。这里直接调用的 Chrome 原生的 API ，根据 AI 分析的 Tab 类型来做好分类。至此就已经完成了基本的功能，也满足了需求

6. 后续：这只是一个出于兴趣开发的小项目，但好像也是一部分人的需求，于是我把插件代码开源了，感兴趣的朋友也可以一起来优化这个插件，感觉还有挺多功能可以做的！有需求的朋友直接去仓库下载打包即可

[huaxxy94]

小白弱弱的问下,怎么用

[ShuaiYH]

@huaxxy94 Readme 里面写了～

[hellojay]

非常好的创意！

你用的这个 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 模块来处理返回结果，应该效果会更好。只是建议，我自己没有测试哈

[hellojay]

上门回复又错误

API 是办法去访问你给的页面吧 --> 通过 API 调用 ChatGPT 应该不会访问你给的页面

[ShuaiYH]

@hellojay 感谢建议。我只是基于兴趣做了个小玩具给朋友用，后续有时间会优化一下

[KKLeon]

@ShuaiYH #2 感觉不错，啥时候会有成品的插件可以直接浏览器安装呀

[KKLeon]

@KKLeon #6 感谢提供思路，之前一直觉得 chrome 的分组很鸡肋，刚才在 store 里找了个可以自动分组的，发现太好用了。不过需要提前按照域名做好分组，这样可以更加贴合个人使用需求

[ShuaiYH]

@KKLeon 有空打包一下～

[srsman]

可以分类整理收藏夹不？

[ShuaiYH]

@srsman 是一个原理，不过不打算做

[ShuaiYH]

支持自动更新新 Tab 了，不过分类还有点小 bug

[Themyth]

如何与 OP 联系合作事宜？或者请联系我 QQ:410733

[ShuaiYH]

@Themyth https://t.me/MichaelYuhe