Article

用 SKILL 3 分钟搞定书签整理,还能导出漂亮的导航站

更新于:2026-07-01 10 min read

先说用途,这个 SKILL 的作用是帮我整理、分类、检测所有的书签,还可以直接生成导航网站,在线修改导出。

我是高频收藏者,自己的 Chrome 书签有三千多条,分布在一百多个分类中。有些根本不好分类,随手堆在一起,过段时间就遗忘了;有些存的时候还好,过阵再点开,页面已经没了。每次想整理,看着那个数量不知道从哪下手,下次再说。

所以我做了 rico-bookmark-manager。它可以把庞大的书签进行整理、分类,检测死链和重复项,再产出结构化数据、Markdown 总览,和一份告诉你哪里还有问题的审阅报告;最后用内置的导航网站,一键把理清楚的书签生成为一个可编辑交互的网站。

技术上零依赖,给 AI 去做也行,脱离 AI 也能用 Pyhton 启动。

开源地址:github.com/ricocc/rico-bookmark-manager

ease 主题

简单理解三步流程

  1. 从浏览器导出书签 HTML
  2. 安装 SKILL 进行处理
  3. 获得整理结果 + 可编辑导航站

第一步, 导出书签

  • Chrome / Edge:地址栏输入 chrome://bookmarksedge://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 主题
ease(默认)
kami 主题
kami
minimal-mono 主题
minimal-mono
retro-blue 主题
retro-blue
ui 主题
ui
主题风格特点适用场景
ease(默认)纸感明亮,安静舒适长时间阅读
kami暖色画布 + serif 字体,像精致纸质刊物文艺 / 设计感
minimal-mono极简黑白灰深色模式专注 / 暗黑党
retro-blue复古未来蓝调个性 / 科技感
uiSwiss 风格单色极简简洁效率

用 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,感谢阅读!

Rico的设计漫想

关注我的微信公众号

我在这里专注文字创作,分享设计观察、产品思考、个人网站和前端实践的长文与资源。

  • Design Notes
  • Vibe Coding
  • Rico Writing
微信公众号二维码
Rico的设计漫想