在短短1小时内，我成功在Chrome应用商店提交了我的flomo同步浏览器插件，并且在这个过程中进行了文字直播。
9:55开始临时起意，到11:08完成开发，一个产品就这么诞生了。0代码基础！还用Windsurf帮忙完成了Chrome应用商店的提交！
在这篇文章中，我将详细介绍如何在1小时内完成这些工作。同时，我还会持续分享使用AI编程开发微信小程序、接入带推送的服务号等内容。
01 产品需求分析
作为一个热爱记录的人，我在过去一年尝试了多种AI记录工具，最终发现flomo是最适合我的笔记软件。在记录过程中，我最喜欢的笔记结构如下：
笔记分为三大部分：
- 标题和原链接：方便找到信息源头。
- 精华摘要：记录高质量信息。
- 个人思考：用自己的话理解信息。
在AI时代，第一大脑的重要性愈发凸显。flomo团队的思考也让我深有同感。然而，这种卡片记录方式略显繁琐，需要在多个窗口间反复操作。有没有可能在同一浏览器界面完成这些工作，并有效处理重复性任务（如标题和链接的复制）？
这就是我最终的成品：
在浏览器右侧，我可以通过点击工具栏的插件或按快捷键ALT+F，顺畅地打开插件栏。插件会自动抓取网页内容的标题和链接，快速完成原文摘要的复制，并填写个人感想。点击提交后，flomo中就会出现一条新的笔记。
02 1小时极速开发
接下来，我将分享如何使用Windsurf在1小时内完成这个工作。
第一步：下载Windsurf并获得会员
Windsurf与Cursor相比，更加注重高自动化，许多用户无需手动编写代码即可完成基础开发。对于不复杂的产品，Windsurf的上手难度更低。
第二步：创建存储代码的文件夹
我将文件夹命名为“ss to flomo”，以便于记录和反思。每张SS卡包括以下四个部分：
- 原文摘录：方便引用。
- 我的转述：确认理解。
- 个人体验：关联个人经历。
- 行动指引：写下行动提示。
第三步：用Windsurf打开文件夹
打开后，稍等片刻，右侧的Write侧边栏会加载完成，这是与Windsurf交流的主要区域。
第四步：明确需求
在输入框中直接告诉Windsurf你的需求，并说明自己是一个不懂代码的产品经理，待确认后再逐步开始。
第五步：确认需求点
Windsurf会指挥Claude进行开发，并在完成后告知你结果。
在讨论过程中，确保研发理解你的需求，并进行必要的调整。
第六步：Windsurf开始工作
浏览器插件相对简单，生成速度较快。接下来，我需要制作一些LOGO。
第七步：开始调试
调试完成后，确保插件能正常运行并同步到flomo。
第八步：提交Chrome应用商店
为了让其他用户也能使用，需将插件上架到Chrome应用商店。填写相关信息后，提交申请。
总结
以上就是基于AI编程软件Windsurf，完成一款浏览器插件的全过程。从启动到开发，再到提交Chrome应用商店审核，整个过程仅用1小时。
2025年将是个人开发者的红利期，AI编程的普及将为勇于创造的人带来机会。无论是交流AI编程，还是分享媒体经验，欢迎大家一起探讨。