解锁124枚徽章：如何用Pickoo成就系统把收藏夹养成一张个人兴趣地图-平芜编程栈

【免费下载链接】pickoo-your-favorites

Local-first creator favorites workbench with evidence-preserving Markdown capture and a complete browser UI.

项目地址：https://gitcode.com/gh_mirrors/pi/pickoo-your-favorites

Pickoo 是一个本地优先的 AI 收藏夹与灵感整理工作台，而它内置的成就徽章系统是很多人容易忽略的亮点：124 枚徽章记录你收藏、整理、搜索、回看收藏库的每一步，让收藏夹从"待清理列表"逐渐长成一张属于你的个人兴趣地图🗺️。

打开成就徽章页：第一枚徽章怎么拿

Pickoo 启动后（npm start，浏览器打开http://127.0.0.1:4324），顶部工具栏有一个带数字角标的徽章按钮，旁边就是搜索框和音效开关：

收藏任意一件内容（视频、图文、文章、播客、音乐均可）；
点击顶部"成就徽章"按钮，打开成就面板；
恭喜——"来都来了"（1 件总收藏）、"今天来过"（1 个打开日）等首枚徽章已经入账。

前端只展示已解锁的徽章，零解锁的章节整段隐藏，所以面板会随着你的使用一点点"长出来"，这正是养成感的来源。

124 枚徽章的全景：7 大章节怎么分布

完整清单见 achievement-system.md，按展示章节分布如下：

章节	徽章数	定位
欢迎光临	22	首次解锁，"第一件/第一句/第一次"
初出茅庐	23	20 件级里程碑
渐入佳境	23	50～100 件级里程碑
有点东西	23	100～200 件级里程碑
玩出名堂	23	200～500 件级长期目标
意外发现	6	隐藏互动徽章
常来常往	4	可重复领取的回归奖励

前 5 个章节共 114 枚成长徽章，结构非常规律：同一件事从 1 → 20 → 50 → 100 → 200 逐级解锁，比如收藏视频会从"先看一个"一路走到"根本停不下来"；而亲手添加金句则是从"这句我选的"走到"自己的摘抄簿"。

六类内容资产，六条徽章路线

Pickoo 会把内容拆解为金句 / 观点 / 钩子 / 结构 / 图像 / 镜头六类可复用资产，每类资产都有一条独立徽章路线。加上视频、图文、文章、播客、音乐五种内容类型，以及标签、收藏夹、打开天数等整理行为，你的兴趣结构会被徽章精确地画出来：偏爱音乐的人"歌单成形"亮得早，爱拆结构的人"骨架清楚"领先——徽章墙本身就是兴趣地图。

6 枚隐藏徽章 + 4 枚可重复徽章

"意外发现"章节有 6 枚隐藏徽章，首次达成后章节才会出现：

搜到你了：首次使用搜索
静音潜行：首次关闭音效
换个角度：首次切换素材视图
偏爱有证：首次喜欢卡片
先藏一下：首次隐藏内容
失而复得：首次从回收站恢复

"常来常往"章节则是 4 枚可重复奖励：连续打开 3 天、连续 7 天、离开至少 7 天回来、离开至少 30 天回来。可重复徽章首次计入唯一徽章数，之后以×N显示累计次数——长期使用者会看着这个数字慢慢涨。

最快解锁徽章的操作清单

想快速点亮面板，按下面顺序操作性价比最高 ✅：

贴链接收藏：右下角浮动＋粘贴公开链接，Pickoo 自动识别来源、查重并抓取；
亲手标记：标记喜欢、添加金句或观点、收藏单张图片/视频单帧/片段——"亲手"行为有独立徽章线；
贴标签、建收藏夹：第一个标签触发"贴个标签"，第一个收藏夹触发"先分一组"；
换着内容收：视频、图文、文章、播客、音乐每多收一种，"换换口味 → 全都看看"路线就推进一格；
用一次搜索：顺手解锁"搜到你了"，几乎零成本。

解锁瞬间：声音与动效的仪式感

成就系统有独立的声音语言（源码见 public/achievement-sound-system.js）：单枚解锁播放"bloom → chime"，先展开再确认；批量解锁则是"scan → sparkle"，先聚合再爆出。卡片切换、阶段滚动、悬浮停留各有对应声效，且按语义节流，不会吵到浏览。顶部音效开关是唯一总开关，关闭后所有成就声效一起静音（顺便解锁"静音潜行"）。

解锁时还会弹出勋章庆祝动画，支持批量合并展示；徽章面板支持横向滑动浏览各章节，浏览逻辑在 public/app.js 中实现。