熵减时刻:2 小时,一个划线插件,让 AI 对话的灵感不再散落
最近在用各种AI工具聊天的时候,发现有些回答和金句特别有价值,想收藏起来以后看,但每次都要手动复制粘贴到笔记软件,久了就烦了。想着要是有个插件像微信读书那样划线就能收藏该多好,于是我花了2个小时把它vibe coding做了出来。
这就是我做的灵犀摘——一个Chrome浏览器的划线收藏插件。
一、这个插件能做什么
简单来说,它让我在AI聊天页面选中文字就能直接收藏,像这样:

选中任意文字后,页面上会弹出一个小的工具栏,有几个颜色可选(黄、绿、蓝、粉、紫),点一下就保存成功了。
几个让我觉得用起来舒服的功能
1. 收藏夹管理
我可以创建多个收藏夹,比如”产品灵感”、”技术笔记”、”面试准备”、”写作金句”之类的。不同类型的内容分门别类,找的时候也方便。


2. 搜索和筛选
有时候想找个以前收藏的内容,但记不清在哪个收藏夹了,这时候搜索就派上用场。可以搜内容、笔记、标签,还能按颜色、日期、来源网站筛选。

3. 批量导出
选中的内容可以批量复制,或者一键导出成Markdown格式。我现在每周会导出一次整理到Obsidian里,相当于有了一个自动归类的知识库。

4. 页面刷新后高亮还在
这个其实有点技术含量——插件会记录高亮的位置,下次打开页面自动把之前的高亮恢复出来,不用每次都重新划。
二、技术上怎么实现的
是个Chrome扩展(Manifest V3),用原生JavaScript写的,没用什么框架。总共就几个文件:
-
content.js– 处理页面上的划线和高亮 -
popup.js– 弹窗界面,管理收藏的内容 -
service-worker.js– 后台服务,处理存储逻辑 -
manifest.json– 配置文件
核心逻辑其实不复杂:用户选中文本 → 弹出工具栏 → 点击收藏 → 通过Chrome storage保存。我一个完全没写过前端代码的人,通过VibeCoding就这样迅速实现,并且应用到了日常生活中。
三、做完之后的感悟
以前我总觉得要做点什么”大东西”才算是有价值的项目,后来发现不对——与其绞尽脑汁想一些伪需求,不如直接解决遇到的让自己痛苦的事情。收藏AI回答这个需求够小吧?但它确确实实解决了我每天都要手动复制粘贴整理的麻烦。
而且用代码把混乱的东西整理清楚,把繁琐的事情变简单,本身就是一件令人愉悦的事。程序员最酷的“偷懒”,不是逃避工作,而是用技术把那些本该机器做的繁琐事还给机器,把时间和清爽还给生活。
所以如果你也想做点什么,别想太远,就从那些让你觉得”烦死了”的日常小事开始。做一个工具让自己过得舒服点,这可能就是vibe coding最好的起点。
该插件我已经上传到GitHub,欢迎下载使用:https://github.com/DarkKnightKazuma/Inkling
夜雨聆风
