半小时手搓 · 书签管理插件
从一句需求到可运行首版,看 Vibe Coding 如何压缩开发路径。
不是一句话生成,而是一轮轮“描述—生成—验证”
EDITOR’S NOTE
一次真实开发实验以前我收藏网页靠冲动,整理书签靠缘分。直到浏览器里攒下 1698 个书签,我才发现:有些网站已经打不开,有些链接重复收藏了三四次,还有些状态到底该不该删,光靠手点根本判断不过来。
01
PART
Vibe Coding 到底快在哪里?
FROM IDEA TO PROTOTYPE
于是,我决定做一个“失效书签清理器”。从描述需求到跑出可用的第一版,大约只用了 半小时。真正让我提速的,不是打字更快,而是最近很火的 Vibe Coding。
传统起步
查文档、抄示例、调权限
Vibe Coding
描述目标、生成、立即验证
简单说,就是不再从第一行代码开始死磕,而是先把 目标、场景和约束讲清楚,让 AI 协助完成代码生成、界面搭建、问题排查和连续迭代。
我给 AI 的第一版需求很直接:做一个 Chrome 插件,读取浏览器书签,批量检查链接状态,找出失效和重复项,并允许用户 先备份、再删除。
02
PART
真正有效的,不是一句话生成
PRODUCT JUDGMENT
很多人以为 Vibe Coding 就是对 AI 说一句“帮我做个插件”,然后坐等成品。实际恰恰相反:需求越具体,返工越少。
比如扫描链接时,我要求它优先发送 HEAD 请求;遇到部分异常状态,再用 GET 重试;超时和并发数允许手动调整。403、502 可能只是访问限制或临时故障,不能直接判定失效。
AI 擅长快速实现,但什么该删、什么该复查、哪里必须加一道安全门,仍然需要人来决定。
03
PART
半小时做首版,之后快速长出来
ITERATION LOG
从能运行到敢使用
失效书签清理器/版本持续迭代
第一版跑通后,我继续用自然语言追加需求:增加重复书签检查;支持按 HTTP 状态筛选;显示书签所在文件夹;加入暂停、进度统计、中英双语,以及跟随系统的深浅色主题。
插件从“能运行”,逐渐变成了“敢使用”。
每一次迭代都像和一位速度极快的搭档交流:我描述现象,它定位代码;我指出体验问题,它修改页面;我拿 真实的 1698 个书签压测,再把误判和边界情况反馈回去。
04
PART
最值得学的三个动作
PRACTICAL METHOD
先讲清结果,不要一上来规定每行代码怎么写。 拆成可验证的小闭环,每加一个功能就马上运行。 始终保留人的判断,检查权限、复核删除逻辑、用真实数据测试。
这次经历让我最深的感受是:Vibe Coding 并没有让编程失去门槛,而是把门槛从“记住多少语法”,移到了 能否定义问题、判断结果并持续修正。
///
END
先做出来,再把它做对
CLOSING THOUGHTS
半小时不一定能做出一个完美产品,但足以把脑海里的念头变成一个可点击、可测试、可继续生长的原型。
过去,很多想法死在“等我学完再做”;现在,更好的路径也许是从真实使用出发,让作品在反馈中持续生长。另外对我做的这款插件有兴趣的,可以后台私信“标签插件”。
先做出来,再在真实使用中把它做对。
我是阿木,一个追逐生活的平凡者。
如果你觉得今天这篇有收获,欢迎点赞、在看、转发三连,我们下篇见
THANKS FOR READING
夜雨聆风