炸裂了!总共用了1小时,我在Chrome应用商店提交了我的flomo同步浏览器插件,并且这个过程我还用文字进行了直播。
9:55开始临时起意,到11:08完成开发,一个产品就这么诞生了。0代码基础!还用Windsurf帮忙完成了Chrome应用商店的提交!
在这篇文章中,我将全面介绍如何在1小时内完成这些工作。同时,我还会持续分享如何使用AI编程开发微信小程序、接入带推送的服务号等内容。
首先,我是一个非常喜欢记录的人。最近一年我尝试了各种AI记录工具,最终发现flomo是最适合我的笔记软件。
在记录过程中,有一种笔记结构是我最喜欢的:
笔记分为三大段:
标题和原链接:方便找到信息源头。
精华摘要:记录高质量信息。
个人思考:用自己的话理解信息。
在AI时代,第一大脑的重要性愈发凸显。flomo团队的思考也让我深有同感。
然而,这种卡片记录方式有些繁琐,需要在两个窗口之间反复操作。有没有可能在同一个浏览器界面里完成这些工作,并有效处理一些重复的任务(如标题和链接的复制)呢?
这就是我最终的成品:
在浏览器右侧,我可以点击工具栏的插件,或按快捷键ALT+F,轻松打开右侧插件栏。插件栏会自动抓取网页内容的标题和链接,快速完成原文摘要的复制,再填写个人感想,最后点击提交,flomo里就会出现一条新的笔记。
接下来,我将介绍如何用Windsurf在1小时内完成这个工作:
或许大家都听过Cursor,但由于Cursor经常卡顿,我转向Windsurf后再也回不去了。Windsurf与Cursor的区别在于,前者更强调高自动化,很多用户无需手动编写代码也能完成基础开发。
购买会员的原因是我们需要使用Claude Sonnet,大家可以自行寻找。
我将文件夹命名为“ss to flomo”,因为最终的插件部分遵循了经典的SS卡结构。每张SS卡包括四个部分:
原文摘录:方便以后引用。
我的转述:确认自己理解了内容。
个人体验:关联个人经历。
行动指引:写下行动提示。
打开后稍等片刻,右侧的Write侧边栏会加载出来,这是与Windsurf交流的主要区域。
在输入框中直接告诉Windsurf你的需求,并加上一句:“我是一个不懂代码的产品经理,请先讨论清楚产品需求,待我确认后再开始。”
Windsurf会指挥Claude进行开发,完成后会告诉你结果。
在这个过程中,你可以与它讨论需求,确保研发理解你的想法。
浏览器插件相对简单,生成速度很快。接下来需要制作一些LOGO。
完成后进入Chrome浏览器的扩展程序进行调试。打开开发者模式,加载已解压的扩展程序,可能会遇到错误信息。
将错误信息复制粘贴给Windsurf进行处理。
调试完成后,AI会帮我写一个README,记录版本信息。
为了让其他人也能使用这个插件,我们需要将其上架到Chrome应用商店。
在填写申请表单时,可以截图让Windsurf帮忙撰写。
以上就是基于AI编程软件Windsurf,完成一款浏览器插件的全过程,从启动到开发再到提交Chrome应用商店审核,整个过程仅用1小时。
2025年将是个人开发者的红利期,AI编程的增强将为勇于创造的朋友带来机会。无论是交流AI编程还是媒体红利,欢迎大家一起探讨!