# 用 SKILL 一句话搞定书签整理,还能导出漂亮的导航站
**作者**: RicoUI
**日期**: 2026-07-01T06:42:02.000Z
**来源**: [https://x.com/ricouii/status/2072209095894217030](https://x.com/ricouii/status/2072209095894217030)
---

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

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

所以我做了 rico-bookmark-manager。它先把书签整理、分类,检测死链和重复项;再产出结构化数据、Markdown 总览,和一份告诉你哪里还有问题的审阅报告;最后用内置模板,一键把理清楚的书签生成为一个自己设计好的本地导航站。
技术上零依赖,给 AI 去做也行,脱离 AI 也能用 Pyhton 启动。
开源地址:github.com/ricocc/rico-bookmark-manager

## 简单理解三步流程
1. 从浏览器导出书签 HTML
2. 安装 SKILL 进行处理
3. 获得整理结果 + 可编辑导航站
## 第一步, 导出书签
- 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 说明色值、排版、间距等设计决策。


用 DESIGN.md 把设计决策写成可执行的 token,构建时生成对应的 CSS。这和以 token 为核心的设计系统,像 shadcn/ui 那套思路,是同一个方向,也是我作为设计师做设计的思路。
如果你有自己的想法,还可以传一份自己的 DESIGN.md 进去,用 `--design` 参数生成专属主题。这个想法和我之前做 Rico MD 排版工具时,从一篇文章里提取排版样式做成主题,是同源的,只不过这次场景换成了书签导航站。
## 安全边界
书签是很私人的东西,所以整个工具的破坏性动作,我都倾向于留给你自己来按。具体有几条:
- 导回是新增。 它只作为一个新文件夹加进去,不会删掉你原来的书签。
- 不自动删书签。 死链、重复、低置信度的条目,都只放进报告等你审阅,不会替你删。
- 不直接碰浏览器的 profile 文件。 全程只读你导出的 HTML,通过文件跟你打交道。
- 增量更新可以先预览。 用 --dry-run 看看会发生什么,再决定写不写。
- 保留你手动改过的分类。 增量合并时按网址匹配,只处理新条目,你改过的不会被覆盖。
- 站点里的编辑只存在浏览器本地。 导航站详情页的修改默认存在 localStorage,不会偷偷改你的源数据,想生效再手动导出。
- 覆盖前自动备份。 写入前会留一份带时间戳的 .bak,手滑了能找回。 ## 为什么自己做一个
因为手动整理 3000 条书签几乎是不可能完成的任务,而现有方案要么太弱、要么依赖云服务、要么随时可能改版。
浏览器自带的书签管理器太弱,只能搬搬文件夹。
第三方书签服务我用过一些,用着用着就改版了,你辛辛苦苦整理好的东西,说没就没。所以我想要的属性很明确,本地、自己拥有、可以导出、不会哪天突然消失。这个工具所有的产出都是标准文件,JSON、Markdown、HTML,放在你自己的硬盘上,不依赖任何在线服务。
## 快速上手 Checklist
仓库:github.com/ricocc/rico-bookmark-manager
- [ ] 从浏览器导出书签 HTML 文件
- [ ] 安装 rico-bookmark-manager
- [ ] 对 AI / SKILL 说:rico,整理我的书签并生成导航站
- [ ] 打开 site/index.html 查看效果
- [ ] 根据报告清理死链和重复项(可选)
- [ ] 把整理好的书签导回浏览器(可选)
## 最后
SKILL 本身技术上没什么精巧的,真正有价值的地方,是把一件我自己拖延症一直置之不理的东西,变成了一项可以一次性做完、做完还能一直用下去的事。
这个工具解决了我多年来的书签焦虑,希望也能帮到同样被书签困扰的你。
我是 Rico,感谢阅读!
## 相关链接
- [RicoUI](https://x.com/ricouii)
- [@ricouii](https://x.com/ricouii)
- [1.5K](https://x.com/ricouii/status/2072209095894217030/analytics)
- [github.com/ricocc/rico-bookmark-manager](https://github.com/ricocc/rico-bookmark-manager)
- [https://github.com/ricocc/rico-bookmark-manager.git](https://github.com/ricocc/rico-bookmark-manager.git)
- [github.com/ricocc/rico-bookmark-manager](https://github.com/ricocc/rico-bookmark-manager)
- [Upgrade to Premium](https://x.com/i/premium_sign_up)
- [2:42 PM · Jul 1, 2026](https://x.com/ricouii/status/2072209095894217030)
- [1,547 Views](https://x.com/ricouii/status/2072209095894217030/analytics)
---
*导出时间: 2026/7/2 13:19:23*