引言
在短短1小时内，我在Chrome应用商店成功提交了我的flomo同步浏览器插件。整个过程不仅高效，还通过文字直播记录了下来：
9:55 临时起意，到11:08 完成开发，一个产品就此诞生。全程零代码基础！Windsurf 帮助我顺利完成了 Chrome 应用商店的提交！
在这篇文章中，我将详细分享如何在1小时内完成这项任务，并且后续将继续探讨如何利用AI编程开发微信小程序、服务号接入等项目。
01 产品需求：高效记录笔记
作为一名热衷于记录的用户，我尝试了多种AI笔记工具，最终发现 flomo 是最适合我的笔记软件。在记录过程中，我最喜欢的笔记结构分为三个部分：
- 标题和原链接：便于追溯信息来源。
- 精华摘要：记录高质量信息。
- 个人思考：用自己的语言理解信息。
在AI时代，个人的“第一大脑”尤为重要。然而，这种卡片式记录方式操作繁琐，需要频繁切换窗口。于是，我希望在同一个浏览器界面内完成所有操作，并减少重复工作（如复制标题和链接）。
最终实现的插件效果如下：
通过快捷键
ALT+F，插件栏会从右侧平滑弹出，自动抓取网页标题和链接，快速复制原文摘要，并允许用户填写个人感想，一键提交到 flomo。
02 1小时极速开发流程
下面详细讲解如何用 Windsurf 在1小时内完成插件开发。
第一步：下载 Windsurf 并获取会员
相比 Cursor，Windsurf 更强调自动化，适合非专业人士快速上手。购买会员是为了使用 Claude Sonnet，你可以在淘宝上找到相关服务。
第二步：创建存储代码的文件夹
我将文件夹命名为 ss to flomo，灵感来源于 “善思会写卡”（SS卡）。一张SS卡包括四个部分：
- 原文摘录
- 我的转述
- 个人体验
- 行动指引
第三步：用 Windsurf 打开文件夹
打开文件夹后，Windsurf 会加载右侧的 Write 侧边栏，这是与它交互的主要区域。
第四步：提出需求
直接在输入框中描述需求，并告知它：“我是一个不懂代码的产品经理，请先与我讨论产品需求，确认后再逐步开发。”同时，你可以参考 flomo API 页面的信息，帮助 Windsurf 理解需求。
第五步：确认需求点
Windsurf 会指挥 Claude 完成需求，并在确认后开始开发。这一步类似产品开发中的“反述”环节，确保开发方向无误。
第六步：生成代码与调试
浏览器插件的文件结构简单，代码很快生成。接着，使用 Claude 制作插件图标。
第七步：调试与测试
在 Chrome 扩展程序中进行调试，遇到问题时将错误信息复制给 Windsurf 处理。
第八步：编写 Readme 并提交
插件调试完毕后，让 AI 编写 Readme 文档，这是 GitHub 上展示项目用途的重要部分。最后，将插件提交到 Chrome 应用商店。
总结
以上是利用 Windsurf 在1小时内从启动到完成 Chrome 插件开发并提交的全过程。AI编程的普及为个人开发者带来了巨大机遇，勇于尝试的朋友将在新时代红利中占据先机。