用 AI 写了个帮我管理浏览器书签的插件

前言

Hi，我是松柏！

我本人是浏览器书签功能的资深用户，会收藏各种我觉得可能会用到的网站：

但是当我真的要用到某个网站的时候，即便我已经收藏了，也很难找到。一方面是我对这些网站的分类归纳做的比较烂；另一方面就是随着收藏的网站越来越多，从里面找东西的成本实在是太高了。

所以我就想，能不能做一个搜索功能，让我用自然语言从收藏的所有书签里快速找到我要的网站。然后我(其实代码都是 AI 写的)就写了一个 Chrome 插件——书签精灵，开源免费无毒畅享，地址在文末。

功能介绍

这个插件的功能非常简单，就是以对话的形式，让 AI 从所有书签中查找到需要的书签：

另外还有一个设置页面：

暗色模式也是支持的：

AI 相关的配置：

所有设置信息都存储在本地，AI 的调用不经过除了 AI 提供商之外的任何第三方服务器，所以安全性也不用担心。

这里可以很方便的配置兼容 OpenAI API 的模型，比如 阿里云百炼、DeepSeek、智谱 等等，我这里默认用智谱只是因为它最近又新送了一波 token ，绝对不是收了钱。

技术实现

整个插件的示意图如下：

看起来挺花哨，其实没什么东西🐶，逻辑也比较简单，感兴趣的小伙伴可以把源码拉下来看下：https://github.com/co-pine/bookmark-genie，我这里就不浪费大家的时间过多赘述了。

快速开始

1）克隆项目并构建：

git clone git@github.com:co-pine/bookmark-genie.git
cd bookmark-genie
npm install
npm run build:extension

2）打开 chrome://extensions/

3）开启"开发者模式"

4）点击"加载未打包的扩展程序"

5）选择项目的 dist 目录

6）打开插件，开始配置使用，为了方便，可以点击后面的按钮固定一下

7）配置 AI 相关的参数，然后就能正常使用啦！

结语

整个插件从想法到落地一共也就花了几个小时吧，再一次感叹现在 AI 做一些小工具实在是太方便了。

如果有帮助的话，麻烦点赞关注吧，拜拜👋🏻！

项目地址：https://github.com/co-pine/bookmark-genie