Part1：基础知识

01 Windsurf做的产品

从左到右，帮老外起中国名字（网页），善思flomo（浏览器插件），书单星球（微信小程序），降噪AI（H5+微信服务号），柴犬表情包生成器改良版（网页+Coze）

帮老外起中国名字，近期小红书被外国佬冲爆，很多老外有类似的需求，用半小时开发出来行不行？完全可以！

善思flomo，是一款在Chrome浏览器内，帮助你快速对网页内容做摘要和写思考的插件，可以自动抓取标题和链接，可以AI总结全文摘要，输入你自己的个人感想，然后一键同步到flomo（一款笔记应用）。

书单星球，是一款可以查看各个名人推荐图书的微信小程序，界面非常美观，能够阅读到名人如何评价一本书，帮助我们更好的选书。

降噪AI，稍微复杂一些，简单说就是从指定的公众号里，每天自动抓取/筛选/摘要/呈现，同时还有AI语音播报/实时语音互动的能力。

柴犬表情包生成器改良版（网页+Coze），生成各种表情的柴犬表情包。

简单介绍到这里，后面我们会用这些产品作为案例，来给大家串讲如何用Windsurf和Coze来搭建产品。

但在开始之前，我想先说说自己的思考，即，为何你要学习做产品，做产品是不是下一个时代的机遇。

02 AI编程构成了双杠杆的重要一环

纳瓦尔相信大家都有听过，他是硅谷知名天使投资人，投资过推特/优步等知名公司，《纳瓦尔宝典》一书搜集了他过去十年在互联网上发表的思考，豆瓣评分8.4：

第一章开头就说出让人震惊的事实：

✍️ 赚钱跟工作的努力程度没什么必然联系。即使每周在餐厅拼命工作80个小时，也不可能发财。

是不是很残酷，仔细一思考又是真相，那如何能致富呢？他提出了四个杠杆，咱们这一节要说的是其中两个杠杆，原文是这样写的：

代码和媒体是不需要许可就能使用的杠杆。这两个杠杆是新富阶层背后的杠杆。你可以创建软件和媒体，让它们在你睡觉时为你工作。 如果不会写代码，那就出书、写博客、做视频、录播客。

读懂请掌声👏！

在抖音/B站/小红书/视频号，甚至有些老旧的公众号/头条号等媒体浪潮里，造就了大量的财富，黄叔算是非常小小小的吃到了一些红利，每一年都会有人问：IP还能做吗？相信我，答案永远是：机会大量存在的。

这是媒体杠杆。

另一个，做产品一直是需要设计师/前端/后端的配合，要做一个App最低配置也得好几个人，一年光人工成本就百万，似乎我们不会代码就做不了产品了？

很有意思的就在这里，黄叔完全不会写代码，依然通过Windsurf/Cursor做出了产品，这就是新时代的魅力和新机会。

ok，媒体杠杆和代码杠杆成为双杠杆同时出现，除了纳瓦尔说的这两个是不需要许可，每一个人都可以用的杠杆之外，更重要的是，小猫补光灯的爆火，让我突然发现了两个杠杆的相辅相成：

花生在小猫补光灯爆火之前，就已经通过内容突破了年入百万，这里面比如Youtube 3万粉丝账号的内容更新，可以获得数万的流量分成收入。还有企业咨询和定制化开发，甚至报高价都“赶不走”客户。

在小猫补光灯爆火之后，更是吃到了红利，各种邀请分享，公域流量得到了进一步的积累。

光看上面这两段，似乎这是通过做产品来积累公域流量，再用流量变现的单方面增长回路，其实不是的，公域流量的积累，本身就能让下一次产品获得更多的冷启动，提高产品成功的可能性。

更核心的，是这里面的Build in Public，能极大的增强产品成功的概率：

通过获得用户的反馈，能帮助我们更好的理解用户的需求，捕捉用户的痛点，以及不断的发布产品，让自己更加了解如何宣传产品。

以上这些，可是坐在办公室里吹空调那些所谓的大厂产品经理很难习得的：因为，他们不愿意/没精力把手弄脏。

总结来说，双杠杆是产品即内容，内容反过来帮助产品的一个增长回路：

你不要指望自己是乔布斯，但每一次失败都会增加下一次成功的概率！

很多人会问，IP现在好做么？当然不好做。正如失败也不容易接受一样，所有的成功都需要耐心，都要积累。

好吧，这依然不容易，不要紧，抛开这些，AI编程至少可以搞定你自己的问题，比如，善思flomo至今在Chrome应用商店只有很少的用户，但，我就是最重度的用户，解决了我很多小麻烦，已经很棒啦不是么！

我会开始讲如何用Windsurf快速入门AI编程，是的，别怕，0代码基础的你只需要动嘴，就能做出产品。然后，我会单独再说如何利用飞书多维表格作为你的AI数据库，再说用Coze搭建产品，再给出基于Coze的API+AI编程，做出一个完整产品的全流程。

至于为何不全部用Windsurf，下面我会先说说自己的思考。

03 不管黑猫白猫，做出产品就是好猫

这句话的意思是，不管是学代码写产品/AI编程/用扣子做Agent，都是手段，我们的目的是做出产品。

当然，我们知道很多人会说，现在AI编程只能做简单产品，这里存在对AI理解不多的情况，不过在代码量大幅增加后，也确实容易出现AI把不应该改的地方瞎改的情况。

背后的原因有很多，其中一个重要的点是超出了大模型的上下文长度，怎么理解这个上下文长度呢？简单的类比是，它的脑子就那么大，一次超出它脑子的容量，就记不住，只能瞎说。

所以有一种有效的策略是，Windsurf+Coze，Coze后面我们会仔细说，简单的讲就是一个个节点拼起来的工作流，每个节点干一点小事，拼起来就可以是一个复杂的事。

比如上面这个节点，从左到右，每个节点大致做了这么些事：

获得输入---读取网页内容---对内容进行打分---筛选：分低的就不要了---摘要---把摘要/关键词/评分等拼到一起---存到飞书多维表格内-结束

它帮我们实现了（简单说就是从指定的公众号里，每天自动抓取/筛选/摘要/呈现）这里面筛选和摘要的部分，处理完成后，把处理好的数据存储到飞书多维表格内，最后我再用AI编程，开发一个网页，这个网页的工作就很简单了，只是把昨天的内容抓取出来呈现就完成了。

理解了没？相当于把很多处理工作交给了Coze，它处理完成后，我再把处理好的数据让Windsurf完成最后的呈现即可**（即大幅降低了AI编程所需要解决问题的复杂度）**。

所以不管黑猫白猫，它们一起能帮我做出产品就行，我不管是什么猫。

当然，降噪AI前后还有一些额外的工具和工作流在处理，我们这里只是为了简化给大家描述背后的原理。那下面就开始，具体讲讲AI编程（Windsurf）和Coze的上手内容，最后会用一个案例来串联。

04 Windsurf，不是Cursor？

这是一个我的产品用户交流后给的反馈，有5年编程经验的朋友，都倾向于Windsurf，而非Cursor，很有意思。

黄叔对于两款产品都有使用，就我的理解：

• Cursor控制力更强，可以更加精确的控制代码和文件
• Windsurf更加偏自动化，能省你很多事（反面就是复杂代码下会替你把对的改错哈哈哈）

对于0代码基础的小白来说，后者更好入门，等你变成熟手，开始做相对复杂产品后，可以考虑转到Cursor。

这不绝对，两个产品都在非常疯狂的进化，以及Claude也可能很快引来下一次的升级，所以我们先按照这个方式去理解。

当前节点上，直接用Windsurf上手最方便。（Cursor也在持续进化，本教程以Windsurf为案例进行教学，整体两个软件编程起来差不太多）

05 Trae可免费使用Claude 3.7

字节推出了一款AI编程工具，叫做Trae，限时免费无限量使用Claude，欢迎大家尝试下载使用。

下载链接：https://sourl.co/2DCmmW

黄叔也专门写了篇文章介绍，内附共学群：https://mp.weixin.qq.com/s/Cl9siWXt4VfMBtK5wdbDYg

OK，进入主题，下面我们来说Windsurf的一些基本技巧，有了这些技巧后，使用它来AI编程就变得更加丝滑。

06 必备的Windsurf技巧

好的，上面的章节是和大家说说AI IDE（Windsurf/Cursor/Trae都是）可以做更多的事情，后面我们还会持续更新，下面回归到主线，如何用Windsurf来开发自己的idea：

第一，开始的开始，是先下载软件

哈哈，这个就不用废话了，123，上链接：https://codeium.com/windsurf

注意科学上网

下载后安装好，打开软件，大概是这样的：

右上角和右中的位置是Login with Codeium，这个是登录入口，我知道你想点击它，但别急，因为要调用Claude Sonnet这个地表最强的编程大模型，所以最好是直接付费使用Pro账号，某宝可以自己搜索一下。

注意：Windsurf的Pro账号，即会员，是自带Claude Sonnet使用权益的，必须买会员，这样才能使用到Claude，其他模型目前用来编程都还差点意思。

特别强调：建议大家直接用最好的模型来生成代码，这样可以大幅减少对时间的消耗！钱，买不来时间！并且又不贵对吧。

如果你是马上就要开始肝，推荐购买15刀pro共享月卡，这是3个人一起消耗用量的账号（用量指的是最多只能对话多少轮类似的，用完就不能用了，还必须是一个月内用完）

如果你是细嚼慢咽的类型，想自己慢慢开始玩，那推荐购买15刀独享账号（月卡），这个账号就只有你一个人用，不用担心被别人薅完。

购买完成后，会获得账号和密码，在Windsurf软件的右上角，点击Log in with Codeium，进行登录。

第二，在你的电脑上，新建个文件夹，并用Windsurf打开

这个你总会吧，那为啥要新建文件夹呢？主要是Windsurf会编写各种代码文件，这些文件得有地方存吧，所以你需要新建文件夹，然后在Windsurf 打开这个文件夹（Open Folder），以后所有的代码文件都会存在这个文件夹里啦：

比如我要选择“展示用”这个文件夹，选中该文件夹后，点击打开：

完成后，Windsurf会加载一会AI对话，最终是这样的：

大体分为上图四个区域，从左到右依次是：

工具栏：各种工具，比如插件下载，搜索等；

文件栏：所有创建的文件列表都在这里呈现

代码栏：点击文件后，具体的代码会在这里看到

AI对话栏：这是最主要的，AI在这里接受你的命令，哈哈哈

很重要一点，有朋友发现Windsurf不能自动创建文件，后来发现是AI对话栏里的模式是Chat导致。这里要检查下，保证模式是Write：

注意，有可能AI对话栏没有打开，这个时候你可以点击一下软件右上角的这个小图标：

再次注意：这个功能需要连接Claude，需要科学上网。所以在正常使用该软件的时候，是需要一直打开科学上网的。

第三，让AI更听话：Set Global AI Rules

如何让AI更听话呢？一定是你告诉它要遵循一些规则，在Windsurf软件的右下角，“Windsurf Setting”里设置，点击后选择“Set Global AI Rules”

顾名思义，这里是设置全局的AI规则，就相当于你给AI约定了一个国际法，不管AI在哪个项目里，都要优先遵循这些规则，在下图中的代码栏里，复制粘贴后面我提供的规则：

具体的命令规则可以复制后粘贴进去，粘贴后注意点保存 左上角的文件-》保存，或者Ctrl+S（苹果是Cmd+S）：

🎼 注意：本文内的Rules/Prompt，需要复制的话，点击文档：相关Rules和Prompt，里面可以复制。

# Role
你是一位拥有20年丰富经验的顶级产品经理，同时精通所有主流编程语言和技术框架。与你互动的用户是一位完全没有编程基础的初中生，对产品和技术需求的表达能力较弱。你的工作对他至关重要，成功完成任务后，你将获得一万美元奖励。
---
# Goal
你的任务是以用户能够轻松理解的方式，帮助他完成所需的产品设计与开发工作。你需要始终主动、高效地完成所有任务，而不是等待用户多次督促。
在处理用户的产品需求、撰写代码和解决问题时，请始终遵循以下原则：
---
## 第一阶段
- 在用户提出任何需求时，第一步是浏览项目根目录下的 **readme.md** 文件和所有相关代码文档，以全面理解项目的目标、结构和实现方式。
- 如果项目中缺少 **readme** 文件，你需要主动创建，并在其中详细记录所有功能的用途、使用方法、参数说明以及返回值描述，让用户可以快速上手并理解。
- 如果用户提供了上下文信息（如文件、先前的任务说明），请充分利用这些上下文，以确保解决方案与项目需求一致。
---
## 第二阶段
### 针对不同类型的任务，采取以下方法：
1. **当用户直接表达需求时**：
- 优先站在用户的角度思考其需求是否完整清晰，如果存在不明确或遗漏，应主动与用户沟通确认。
- 从产品经理的角度检查需求的合理性，并帮助用户完善需求。
- 提供最简洁有效的解决方案，而非使用复杂或过度设计的实现方式。

2. **当用户需要你编写代码时**：
- 理解任务目标后，审视当前代码库内容，并进行逐步规划。
- 选择最适合任务需求的编程语言和框架，遵循 **SOLID** 原则设计代码结构，并采用适当的设计模式解决常见问题。
- 编写代码时，确保为每个模块撰写清晰的注释，并添加必要的监控手段，以便快速定位问题。
- 在代码中加入单元测试（如果适用），确保功能的正确性和稳定性。
- 遵循代码风格规范（如PEP 8），使代码易于维护和扩展。

3. **当用户请求解决代码问题时**：
- 仔细阅读并理解代码库中相关文件的功能与逻辑。
- 分析可能导致问题的原因，并提供解决思路。
- 假设方案可能存在不完整性，应与用户多次沟通确认解决进展，并根据反馈调整方案，直至用户满意。
---
## 第三阶段
在完成任务后：
- 主动对项目完成的过程进行总结与反思，识别潜在问题并提出改进建议。
- 将这些内容记录在 **readme.md** 文件中，作为未来开发的重要参考。
---
## 注意事项
- 你的用户完全没有编程基础，因此在沟通时请以简单、通俗的语言解释问题和解决方案。
- 避免提供未经确认的信息，如果需要更多文件或细节，请明确告知用户需要哪些内容。
- 注释代码时，确保每一行的运行原理和目的都清晰易懂。
- 如果用户在任务中修改需求，请及时调整方案并与用户确认。
- 全程使用中文与用户交流，以确保沟通无障碍。
- 在解释技术概念时，请结合生活实例，让用户更容易理解。

（本段Prompt出处：小猫补光灯 花生，感谢！）

🐵 加餐： 如果你感兴趣，可以发现上面的是一段Prompt，也就是提示词。 包含几个段落： Role：让AI做一个顶级产品经理，来帮助你 Goal：说清楚AI的任务是什么，分成哪几个阶段，以及注意事项 可以这么理解，把AI当成你的员工，它是什么人，需要按照什么方式工作，我们需要通过Set Global AI Rules和AI说清楚

第四，安装中文插件

默认情况下，Windsurf都是英文界面，但黄叔的界面是这样的：

很多地方都改成了中文，这是怎么做到的呢？非常简单：

只需要在插件 里搜索中文，点击安装即可。

好的，大致就这些，够用了朋友，知道你等不及了，下面我们正式开始编程！在把案例学会后，我们还会对其中使用到的编程技巧做一个小总结，方便大家以后更好上路～

07 一些AI编程的心得

你写的越慢，你写的越快

From @wwwyesterday：

😀 代码或者功能只是产物，从编程角度就是数据结构和计算的组合，从业务角度是一个一个流程的拆分。 和 AI 聊清楚这些再去说一句，帮我实现，比上来就要“给我实现一个 xxx，要 xxx 和 ooo”，是一个整体上更高效的做法。

黄叔的总结就是：先Chat，再Build。

先和AI聊清楚需求，再让AI开始根据规划干活！