用 Cursor 两天开发上线了一个浏览器插件 Tomato Ding!

[slog]

和大家分享一些使用 Cursor 手搓浏览器插件的经验。人生第一个插件正式发布了～

[插件干嘛用的？]

插件的名字叫做 Tomato Ding!，来自番茄钟和叮!提示音，目前已经上架，它的功能是给 youtube 增加一个与视频播放状态联动的倒计时组件，倒计时结束时会有叮!提醒。

安装链接 https://chromewebstore.google.com/detail/tomato-ding/mlleiobpogpjcepiodfjbpcpdmmellah?authuser=0&hl=zh-CN

[用户-场景-需求]

我自己在工作时一般会随便找个 YouTube house music DJ 视频作为工作 bgm ，但我经常在“时间过得太快，一抬头 3 个小时过去了”or“频繁看表”之间反复横跳。所以我就想给 youtube 加个番茄钟，提醒我切换工作和休息。

[使用 Cursor 开发的四个感受]

1. 和 Cursor 协作本质还是 PM & Engineer ，说清楚需求和上下文，少插手具体方案，不要不懂装懂

2. 模块解耦，让 AI 分步实现 其中的窍门就是每个模块单开一个 composer ，既方便 debug ，也方便回滚（ bushi ），不要一把梭。

3. AI 也需要我们提供“情绪价值” 比如当时我遇到一个状态同步问题，怎么改都是错，于是我抱着死马当活马医的想法改了下 Prompt：“你再仔细想想这是根本原因吗？如果你经过仔细思考认为这就是原因，那我就相信你这么改。我们都修改了一下午了，我理解你也累了，你也希望能尽快输出正确答案，但是如果想要成功，必须要有耐心。”；然后他真的换了个角度，从更高层抽象了各模块和需求之间的关系，“耐心”分析解决思路，还给了我两个方案二选一，问题还真的就解决了；

4. 区分 chat 和 composer 使用场景，找不到方向可以和 chat 闲聊开拓思路，需求清晰明确就 composer 干就完了。其他情况 Claude 是你永远的爹。

[其他说明]

1. 我本科专业是软件工程，有一点代码知识，在这个前提下大概用了一天半的时间开发插件，再用了半天时间搭建 chrome 应用商店要求的隐私政策网页，在 Vercel 随便找了个极简 blog 模板填上内容就部署上去了。

2. 欢迎大家多多下载使用，功能还有不完善的地方，还请多多包涵，多多提建议。V2EX 和即刻都可以直接 @slog 找到我

3. chrome 插件 menifestV3 service worker 不支持音频播放，最后使用了 offscreen document 绕开解决的。

https://chromewebstore.google.com/detail/tomato-ding/mlleiobpogpjcepiodfjbpcpdmmellah?authuser=0&hl=zh-CN

---

最后的总结请 monica 代劳：

这个项目让我明白，程序员和产品经理之间的爱恨情仇，或许源于我们都想把产品做好，只是方式不同。而现在的我，集两者于一身，既要和自己讲需求，又要和自己说不行，简直是自己和自己的双人成行。

[SayHelloHi]

图标很好看 怎么制作的 😁

[slog]

@SayHelloHi 用 Recraft.ai 抽卡来的，模型用 Recraft V3 Raw （应该是默认选项）, Prompt：A Jellycat style tomato, dot eyes, clean background 。

[GeekGao]

挺像吧

[slog]

@GeekGao 哈哈哈哈哈 眼线 好可爱

[foufoufm]

感谢分享，有收获！

[MazzaWill]

感谢分享

[SayHelloHi]

@slog #2 感谢分享