作为一个经常需要收集网页素材的程序员,我的浏览器收藏夹是这样的:
😱 收藏夹现状:
- 右键保存时,默认跳到下载任务或者另存还要选择文件夹
- 保存的素材越来越多,找起来像大海捞针
- 手动分类?不存在的,太费时间了
于是决定用 Viber coding 的方式,快速搞一个解决方案。
解决方案:AI + 本地存储
🚀 核心亮点
- AI 智能分类:上传图片自动识别内容(人物、风景、食物等 21 类)
- 一键保存:右键菜单,秒速保存网页图片/视频
- 本地存储:IndexedDB 存储,容量无限制,隐私安全
- 智能搜索:按分类、标签、时间快速查找
🎯 实际效果
用了 2 周后,我的素材都在这个插件里了:
- 从"找不到"到"秒速定位"
- 从"乱码文件名"到"智能分类"
- 从"担心丢失"到"本地安全"
技术实现:Viber coding 的威力
快速原型
用 Viber coding 的方式:
- Vue3 + TypeScript 快速搭建 UI
- TensorFlow.js 本地运行 AI 模型
- IndexedDB 本地存储
- Chrome Extension API 集成
技术栈选择
- 框架: WXT (Web Extension Tools) - 开发效率神器
- AI: TensorFlow.js + MobileNet - 本地 AI ,隐私安全
- 存储: Dexie.js - IndexedDB 的优雅封装
- UI: Tailwind CSS - 快速美化
开发过程:从想法到上线
- 原本只是想简单地保存网页上的图片或视频
- 后面用着不行啊,保存好乱,我为什么不自动分类?
- 集成图像分类模型,这一点是项目最折腾的,你知道的,想把一个小模型塞到一个插件里
- 分类的准确率调整,开始集成时,分类准确率低的让我有点失望,后面在 TensorFlow 上又看到了自迁移学习特性,于是又是加入了自迁移学习,希望模型能够懂用户行为。
- 模型没有经过训练,所以准确率还是如官方一样的 80%左右,希望后面能够优化或许加入更智能的模型
下载体验
立即体验
- Chrome: 搜索 "BlobBox" 或 直接安装
- Edge: 搜索 "BlobBox" 或 直接安装
免费使用
- 目前无限期试用,无功能限制,无广告
- 持续更新,功能完善
- 支持中英文
求反馈和建议
作为独立开发者,希望大家能试用一下:
- 功能体验:哪些功能最实用?哪些需要改进?
- 使用场景:除了素材收集,还有什么应用场景?
- 技术建议:AI 分类准确度如何?有什么优化建议?