#RePost #GitHub #Tool #Mark #AI AI Group Tabs - 用 AI 帮你分类浏览器 Tab
简单和大家分享一下这次四十分钟从 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. **后续：这只是一个出于兴趣开发的小项目，但好像也是一部分人的需求，于是我把插件代码开源了，感兴趣的朋友也可以一起来优化这个插件，感觉还有挺多功能可以做的！有需求的朋友直接去仓库下载打包即可
https://www.v2ex.com/t/998247
source
简单和大家分享一下这次四十分钟从 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. **后续：这只是一个出于兴趣开发的小项目，但好像也是一部分人的需求，于是我把插件代码开源了，感兴趣的朋友也可以一起来优化这个插件，感觉还有挺多功能可以做的！有需求的朋友直接去仓库下载打包即可
https://www.v2ex.com/t/998247
source
GitHub
GitHub - chibat/chrome-extension-typescript-starter: Chrome Extension TypeScript Starter
Chrome Extension TypeScript Starter. Contribute to chibat/chrome-extension-typescript-starter development by creating an account on GitHub.
