我用AI 开发了一个你可能用不到的书签工具

有多少人像我一样，把书签和稍后阅读这样的工具是区分来用的，浏览器的书签只用来保存那些我认为以后有用的网站，稍后阅读工具用来保存当下来不及阅读的文章，但是这样也会导致书签越来越多。

在给Tabmark-Bookmark New Tab增加【一键打开文件下所有的书签】的功能后，我发现自己现在的书签已经有超过 800+个了，点开几个看看，有些网页已经打不开了，有些文件夹也是空的，不知道是什么时候添加的。浏览器的书签在不知不觉中已经塞满了各种“以后可能会访问”的网站。

在搜索了书签清理工具后，发现几款工具用起来都差点意思，在UI交互上不太直观，而且书签失效的原因也对普通用户理解起来不太友好。恰巧正值年末，充斥着各种年终总结，那么能不能也对自己这么多年收藏的书签来一次年终总结呢？于是我花了几天，用AI做了个书签清理和分析的浏览器拓展，名字叫“懒猫书签清理”，当然Logo也是用Midjourney生成的。

它能做什么？

主要就是两个功能：

帮你扫描失效书签

检查哪些链接已经打不开了
找出所有空的文件夹
支持一键删除这些无用的书签和空文件夹
扫描完还会告诉你具体原因，而不是一些简单的状态码。另外你也可以根据各种错误的类型来筛选再次重新确认。

为了方便你筛选，在书签的 url上鼠标 hover 时，还能帮忙预览网站是否能打开（注意有些网站有跨域的限制，不能预览，请手动打开）

生成你的书签画像

这个功能纯属好玩。它会统计你的浏览器的书签数据（所有数据不会上传，都在本地），做成一份简单的报告：

你从什么时候开始收藏书签
你的书签和文件夹的数量
最常收藏什么类型的网站
收藏数量的变化趋势
基于域名的收藏分析
给你一个收藏家等级（从"入门收藏家"到"神级收藏家"）

在统计了这些收藏的网站之后，发现了一些有趣的数据。

比如我最早的书签是2015 年收藏的站酷，那个时候我还在大学，正在自学UI;
我收藏网站最多的类型是各种各样的博客，现在已经有 358 个链接了，大部分网站已经不更新或者是打不开了；
作为一个产品经理，我收藏最多的网站从域名来看竟然是Github🥲
我收藏的网站有两个高峰期，一个是 2019 年，一个是 2024 年，这也刚好对应着我人生中的两次职业的变化。

所以从这些书签的数据，可能也能反映你的人生中的一些变化，或者唤起你的一些回忆。

和 AI 一起开发是什么体验？

很多人觉得 AI 生成的界面都不太美观。但其实 AI 就像一个经验丰富的开发者，你需要学会和它沟通：

设计篇：告诉 AI 你想要的风格

比如我开发这个工具时，直接告诉它："我想要 Apple 的 Bento 风格，要圆角卡片、舒适的留白。" 结果还可以 —— 你现在看到的界面，基本就是按这个思路设计的。
如果你不太确定想要什么风格，也可以直接让它用成熟的框架，比如："帮我用 Tailwind CSS 实现一个简洁现代的界面。"

开发篇：把大象装进冰箱

面对一个完整项目，我的经验是把它拆成小块：先和 AI 聊需求，就像和产品经理沟通一样，你可以让AI根据项目来一步一步实现

画个简单的界面原型（我用Master go画了个大概）。按功能模块拆分，一块一块实现
这样不仅避免了 AI 上下文长度的限制，每个模块的代码也更容易维护。
就像我这个书签画像功能，就是分成"数据收集"、"统计分析"、"可视化展示"、“分享”这几个步骤来做的。