先说用途,这个 SKILL 的作用是帮我整理、分类、检测所有的书签,还可以直接生成导航网站,在线修改导出。
我是高频收藏者,自己的 Chrome 书签有三千多条,分布在一百多个分类中。有些根本不好分类,随手堆在一起,过段时间就遗忘了;有些存的时候还好,过阵再点开,页面已经没了。每次想整理,看着那个数量不知道从哪下手,下次再说。
所以我做了 rico-bookmark-manager。它可以把庞大的书签进行整理、分类,检测死链和重复项,再产出结构化数据、Markdown 总览,和一份告诉你哪里还有问题的审阅报告;最后用内置的导航网站,一键把理清楚的书签生成为一个可编辑交互的网站。
技术上零依赖,给 AI 去做也行,脱离 AI 也能用 Pyhton 启动。
开源地址:github.com/ricocc/rico-bookmark-manager

简单理解三步流程
- 从浏览器导出书签 HTML
- 安装 SKILL 进行处理
- 获得整理结果 + 可编辑导航站
第一步, 导出书签
- Chrome / Edge:地址栏输入
chrome://bookmarks或edge://favorites,按Ctrl+Shift+O打开书签管理器 → 右上角菜单 → 导出书签(Edge 为“导出收藏夹”)。 - Firefox:书签菜单 → 管理书签 → 导入和备份 → 导出书签到 HTML。
导出的 HTML 文件就是整个工具唯一的输入。
第二步,装好 SKILL,说出需求。
安装一行命令,或者直接告诉 AI 帮我安装 rico-bookmark-manager skill:
npx skills add https://github.com/ricocc/rico-bookmark-manager.git
装好之后,最自然的用法是在对话里直接说,不用记命令,你描述想做什么,它去执行(也可以用斜杠命令 /rico-bookmark-manager 显式调用,效果一样):
| 你可以这样说 | 效果 |
|---|---|
rico,整理我的书签并生成导航站 | 一条龙服务(推荐新手) |
rico,先帮我分析下书签情况 | 只分析不修改,输出详细报告 |
帮我去重 + 检查死链 | 专注清理无效和重复链接 |
换成 ui 主题重新生成 | 使用指定主题重建站点 |
把这份新书签增量合并 | 保留已有分类,智能合并 |
新手最优指令:直接说 “rico,整理我的书签并生成导航站”,它就会自动完成解析、分类、检测、生成全流程。并生成导航站”,它就把活儿全干完。想先摸清楚有多乱,再说第二句也不迟。
启动规则:rico 是我这个 skill 系列的触发词。你说 rico 加上一个书签管理动作,它才会动手,或者是明确性的书签管理行为也会执行;只是随口提一句书签,它不会自作主张地去翻你的东西。这点我是有意这么设计的,避免误调用。
也可以调用 hermes 等龙虾产品来完成。
第三步:使用与二次编辑
选择全部输出的话,你会得到这些东西:
rico-bookmarks/
├── site/index.html ← 浏览器打开即是导航站
├── data/bookmarks.json ← 结构化数据(核心资产)
├── reports/ ← 死链、重复、分类建议报告
├── categories/ ← 每个分类的 Markdown
├── 书签总览.md
└── bookmarks_import.html ← 可导入回浏览器的文件
打开 site/index.html,你会得到一个支持搜索、筛选、查看报告的现代化导航站。在站点内你可以直接修改分类、标签和描述,改完一键导出 JSON 或 HTML。
导回浏览器也非常简单,使用 bookmarks_import.html:
- Chrome / Edge:书签管理器右上角菜单 → 导入书签。
- Firefox:书签库 → 导入和备份 → 从 HTML 导入。
导回去之后,工具里整理好的分类会还原成浏览器的文件夹层级,你在导航站里看到的样子,就是浏览器里的样子。
设计师的部分,五套主题模板
讲到这里,终于到我作为设计师最想聊的部分了。
作为设计师,我为这个导航站内置了五套完整设计系统主题,每一套都配有 DESIGN.md 说明色值、排版、间距等设计决策。
![]() ease(默认) | ![]() kami | ![]() minimal-mono |
![]() retro-blue | ![]() ui |
| 主题 | 风格特点 | 适用场景 |
|---|---|---|
| ease(默认) | 纸感明亮,安静舒适 | 长时间阅读 |
| kami | 暖色画布 + serif 字体,像精致纸质刊物 | 文艺 / 设计感 |
| minimal-mono | 极简黑白灰深色模式 | 专注 / 暗黑党 |
| retro-blue | 复古未来蓝调 | 个性 / 科技感 |
| ui | Swiss 风格单色极简 | 简洁效率 |
用 DESIGN.md 把设计决策写成可执行的 token,构建时生成对应的 CSS。这和以 token 为核心的设计系统,像 shadcn/ui 那套思路,是同一个方向,也是我作为设计师做设计的思路。
如果你有自己的想法,还可以传一份自己的 DESIGN.md 进去,用 --design 参数生成专属主题。这个想法和我之前做 Rico MD 排版工具时,从一篇文章里提取排版样式做成主题,是同源的,只不过这次场景换成了书签导航站。
让人放心的安全设计
书签是很私人的东西,所以整个工具的破坏性动作,我都倾向于留给你自己来按。具体有几条:
- 导回是新增而非替换。 它只作为一个新文件夹加进去,不会删掉你原来的书签。
- 不自动删书签。 死链、重复、低置信度的条目,都只放进报告等你审阅,不会替你删。
- 不直接碰浏览器的 profile 文件。 全程只读你导出的 HTML,通过文件跟你打交道。
- 增量更新可以先预览。 用
--dry-run看看会发生什么,再决定写不写。 - 保留你手动改过的分类。 增量合并时按网址匹配,只处理新条目,你改过的不会被覆盖。
- 站点里的编辑只存在浏览器本地。 导航站详情页的修改默认存在 localStorage,不会偷偷改你的源数据,想生效再手动导出。
- 覆盖前自动备份。 写入前会留一份带时间戳的
.bak,手滑了能找回。
为什么自己做一个
因为手动整理 3000 条书签几乎是不可能完成的任务,而现有方案要么太弱、要么依赖云服务、要么随时可能改版。
浏览器自带的书签管理器太弱,只能搬搬文件夹。第三方书签服务我用过一些,用着用着就改版了,你辛辛苦苦整理好的东西,说没就没。所以我想要的属性很明确,本地、自己拥有、可以导出、不会哪天突然消失。这个工具所有的产出都是标准文件,JSON、Markdown、HTML,放在你自己的硬盘上,不依赖任何在线服务。
快速上手 Checklist
- 从浏览器导出书签 HTML 文件
- 安装
rico-bookmark-manager - 对 AI / SKILL 说:
rico,整理我的书签并生成导航站 - 打开
site/index.html查看效果 - 根据报告清理死链和重复项(可选)
- 把整理好的书签导回浏览器(可选)
最后
SKILL 本身技术上没什么精巧的,真正有价值的地方,是把一件我自己拖延症一直置之不理的东西,变成了一项可以一次性做完、做完还能一直用下去的事。
这个工具解决了我多年来的书签焦虑,希望也能帮到同样被书签困扰的你。
我是 Rico,感谢阅读!



