在短短的 1 小时内，我成功开发并提交了一款 flomo 同步插件到 Chrome 应用商店！更酷的是，这个全流程几乎是零代码基础完成的。如果你也对快速构建产品感兴趣，这篇文章将会是你的指引。
作为一个热衷记录的用户，我尝试了各种 AI 笔记工具，最终发现 flomo 是最适合我的笔记软件。在日常使用中，我特别喜爱以下三段式的笔记结构：
标题与链接 - 保存信息的来源，方便日后快速找到原链接。
精华摘要 - 提取重要内容，记录高质量的信息。
个人思考 - 用自己的语言深度理解内容，强化记忆。
在记录过程中，一些重复性的操作常常让我感到效率低下，比如需要不停在多个窗口之间切换复制。因此，我希望有一个工具可以直接在浏览器内实现内容抓取和笔记记录，从而省去繁琐的步骤。
于是，一款可以在浏览器右侧调用的 flomo 同步插件成为我的最佳解决方案。
Windsurf 是我选择的 AI 编程辅助工具，它比一些同类产品（如 Cursor）更加智能、自动化，即便是 0 编程经验的用户，也能轻松上手。
安装完 Windsurf 后需要获取会员权限，因为部分功能需要使用，比如 Claude Sonnet 提供的高级支持。可以自行在各大电商平台获取相关服务。
首先，新建一个存储插件代码的文件夹。例如，可以命名为 ss_to_flomo。它其实就是用来实现以下内容的：
自动抓取页面的标题与链接。
辅助记录原文摘要与个人思考。
一键发送到 flomo API。
创建好文件夹后，把它作为基础存储代码的地方。
在 Windsurf 内选择刚刚创建的文件夹，它会快速加载项目相关文件并自动开启右侧的“Write”侧边栏。在这里，你可以通过自然语言与 AI 交流。
例如，可以直接告诉 Windsurf 你的开发需求：“我希望制作一个简单的插件，能够抓取网页标题和链接，允许手动补充笔记并同步至 flomo。我的要求是让这个插件操作便捷。”
建议你参考 flomo 的 API 文档中“我想自己开发”的相关部分，把关键信息反馈给 Windsurf，这样有助于后续开发。
Windsurf 会快速生成初版方向，并反述它对项目需求的理解。在确认方向符合预期后，就可以进入正式的代码生成流程。
这里需要花一些时间调整，比如：
确保操作逻辑简洁直观。
添加细节（如热键支持）。
检查 flomo API 请求是否符合预期。
通过与 AI 多次迭代，确保需求完全落地。
以下是完成插件开发后的一些收尾工作：
将插件安装到 Chrome 开发者模式下，逐一测试功能是否如预期。常见调试内容包括：
界面样式问题（如中文乱码）。
功能逻辑问题（如无法正确抓取页面内容）。
API 数据提交测试。
遇到问题不要慌，直接将错误信息反馈给 Windsurf，它可以快速进行调整。
AI 生成的 README 文件包括插件的功能介绍、安装说明以及使用案例，非常适合发布到 GitHub，让其他开发者也能轻松了解。做好这一步，可以为插件后期推广和维护打下坚实基础。
如果希望插件可以被更多用户使用，可以将其上架到 Chrome 应用商店。提交时需要完成以下事项：
准备一份详细的隐私声明（可使用 GitHub Pages 托管生成的隐私声明链接）。
填写插件功能简介。
上传插件图标及相关截图。
通过 Windsurf 自动生成的内容，你可以快速完成这些步骤。
通过 AI 辅助工具 Windsurf 的加持，即便是零开发背景的用户，也可以在 1 小时内完成一款简单但实用的浏览器插件。随着 AI 技术的进步，我们正在迎来属于个人开发者的大时代。
感兴趣的小伙伴赶快行动，抓住这波红利，让自己的创意通过 AI 工具变为现实！