Manus爆火，再次激发了我玩AI编程的兴趣，正巧周五晚上回家一个人喝酒，突然有了个灵感——当我在家不知道给自己调点什么酒喝的时候，是不是可以有个工具帮我做出选择？在小红书刷了几篇Cursor入门的视频，了解了AI Agent工作流的原理，当晚搭了个Coze工作流实现数据生成部分：

第二天起来又用Cursor写好了小程序，这就跑起来了：

全程没有一行代码是我写的

用到的工具：Cursor+Coze工作流+微信开发者工具用时：2小时这篇文章会复盘我实现这个小程序的过程，尽可能可以让大家看明白，并且可以跟着做。喂饭级教程，启动！

Part One：微信开发环境搭建

第一步：先注册一个微信小程序账号

这里要注意3点：

1、小程序帐号和公众号帐号都属于微信公众平台帐号，如果你用邮箱A已经注册了一个公众号，那么邮箱A不能再用来注册小程序帐号，需要换一个邮箱。

2、一个微信号只能绑定5个小程序账号，哪怕你的微信绑的不是管理员，是运营者/开发者身份，也会占用额度，不用的小程序要及时去解绑。

3、不要试图走捷径去创建测试号，测试号是不能调用API的。

第二步：下载微信开发者工具

在稳定版这4个选项里选择和自己电脑匹配的那个就好。如果你是苹果芯片的 Macbook 选 ARM64。

第三步：新建一个小程序项目

打开刚刚下载好的微信开发者工具，扫码登录。AppID这里填入第一步里注册好的账号，选择不使用云服务/不使用模板，不然你的代码里会有一些无用代码影响后续AI编程体验（AI容易找不准路径，不要在初始环境给太多干扰）。

Part Two：Cursor 搭建项目框架

第一步：下载Cursor，开发环境搭建

我是用google账号登录的Cursor，新用户可以免费使用2周，大家拿来测试跑通流程完全足够了不需要花钱，就是会相对慢一些。升级Pro之后一个月可以用500次快速高级请求，处理起来快很多，亲测可以用国内单币信用卡支付，银联/VISA卡都可以。

下载好之后页面过于简洁可能会有点迷茫，点击右上角呼出一下侧边栏：对全英界面有恐惧的朋友们可以在左边栏这里找到中文插件，安装之后重启Cursor就是中文操作栏了：

第二步：导入项目并创建引导文件

点击【文件-打开文件夹】，打开前面步骤中已经创建好的小程序项目文件夹，在文件夹内新建一个名为【introduction.md】的说明文件（随便你叫什么啦反正是个说明文件）。在md文件中输入你的小程序大概是用来做什么的，给AI一个人设，可以参考这里我写的这段：

接着，按【command+i】呼出composer，或者打开右侧边栏找到composer，准备开始和AI对话。composer简单理解就是一个cursor内用来给AI下命令的对话框，在这里你可以修改调用的模型，也可以看到AI的思考和反馈结果。

第三步：开始AI编程

在composer里，你直接命令它按照intro来编程就行：

此刻AI开始工作，完成工作后你点击一下【Accept all】就代表接受了AI的方案：

此刻你再打开微信开发者工具，可以发现代码已经生效，如果正常的话应该有对应页面展示出来了。左下角可以选择模型，现在最新表现最好的是claude3.7：

我看到效果之后觉得不好看，于是和AI进行了几番纠缠：直到调试到了我满意的UI效果，再进入下一步。这一步要耐心，多去细化自己的表达，你要清楚你要什么，AI才能帮你做出来。其实如果有更好的想法，或者本身对UI有更高的追求，可以考虑先自己用figma或者其他工具画个UI稿出来丢给AI来实现（这点我准备下次实践一下）。

Part Three：搭建Coze工作流

先简单介绍下，Coze是一个字节出的AI应用开发平台，集成了许多大模型和AI工具，你可以在Coze里对大模型们进行组装编排，来规定它们分别做什么，最终达成你想要的效果。

这就像你拥有一个工厂，你准备好了原材料，然后需要一个施工的流水线，把这堆原材料变成你想要的商品。

在流水线上，你会需要不同的工种来处理不同的步骤，你按顺序把它们放在不同的位置上，你需要清晰了解这个流水线上的每一步，每一个人到手的物品分别是什么，它到下一步的时候会成为什么。

是的，此刻—— You are the Boss

一个公司如果没有一个有头脑的老板就完了，所以你得知道你到底想做什么，才能理清楚你要安排员工们做什么。

在本篇教程中，Coze会承担起调用大模型自动生成结果的作用，这个结果会被Cursor写的代码调用，然后展示在用户能看到的页面上。

第一步：创建工作流

打开Coze的主页，登录后，在【工作空间】创建一个智能体：

接着，在编排页面，给这个智能体编辑好人设，可以自己先写一个简单的，然后点右上角自动优化，系统会自动给你补全更精细的描述。

然后点击工作流的+，创建一个工作流：

第二步：耐心编排设计的你的工作流

这是我编排的一个工作流：

1、把input给到DeepSeek，让DeepSeek按照我提前规定的输出框架，生成对应文案

2、这个输出会给到图像生成组件，来画一张图

3、这两个输出都会给到最终的end作为最终的输出

这里要注意看一个细节：如果你需要input可被DeepSeek调用，你在编写系统提示词的时候需要用{{input}}作为参数引入，不然大模型不知道自己需要生成和这个input相关的结果。编排完，点击【试运营】，就可以看结果了，如果输出结果看起来不对可以继续在这里调试，直到最终结果让你满意：

调到满意之后点击发布就行。

Part Four：让 Cursor 调用 Coze API

第一步：让Cursor知道怎么调API

去Coze的API文档，找到API的请求示例和返回示例：

复制这两个示例，让Cursor来调用：

在完成操作后，AI给了一些提示，记得看，接下来我们要根据这几个提示来做API的调用适配：

第二步：找到 workflow_id 和 API_KEY

工作流的ID在你编排工作流的url里，完整的链接大概长这样，取最后workflow_id=后接的一串数字：https://www.coze.cn/work_flow?bot_id=74791069xxxxxxxx&space_id=74631539xxxxxxxxx&workflow_id=7479113318xxxxxxxxx

API_KEY 需要你去创建一下，还是来到Coze后台：

设置名称、过期时间，并勾选你刚刚创建的工作流：

复制走这个令牌，只显示一次：

上面我们得到的workflow_id 和 API_KEY 需要复制到代码里。在cursor的左侧边栏里找到index.js，双击打开，可以看到代码里有这两个变量，把你刚刚取的值替换进粉色我打码的地方：

第三步：给 Coze API 域名加白

Cursor提示，我需要把 Coze API 域名加个白，不然微信不让调用。这里我们打开小程序开发者后台，在【开发管理-服务器域名】中，在request合法域名里加上 https://api.coze.cn

这里添加完，不是实时更新的，你还需要手动在微信开发者工具里刷新一下。在操作台的右上角-详情：

以上步骤都做完，你的API就可以跑通了！最后，你可以根据输出的效果，不断push可爱的Cursor帮你改，直到改到你满意。至此，大功告成！

想在手机上预览的话，点这里扫二维码就行。如果想分享给别人，可以在小程序后台把对方加入体验者名单。

记得一定要在真机上测试，亲测，在微信开发者工具里看到的完美效果，在真机上不一定能实现，体验不一定流畅。

我在调试过程中遇到了以下这些问题：

1、生成结果覆盖在了页面上，导致布局混乱

2、生成页面卡住，无法滑动

3、按钮文案不居中

4、输入框异常，只占屏幕一半

没什么捷径，耐心，多练习和AI交互，直到你能完全操控它。

发布流程下次有心情再更吧，毕竟做到这里已经很开心了！跟到这一步的朋友们：恭喜完成你人生中的第一个AI应用！

________________________________________

写在最后：以现在AI应用发展的程度，已经把实现一个App/小程序/游戏的成本降低了非常多。作为一个目前暂且还在职的互联网大厂产品策划，我曾经抱怨过为什么自己想做的功能要受制于资源，为什么我认为应该去满足的用户需求始终无法得到解决。在这个AI应用大爆发的时代，我想，可能以上问题都逐渐可以迎刃而解，我的产品理想不一定要在工作中实现，做一个满足用户需求且有价值的产品，不再“只差一个程序员”。

只要有想法，愿意投入时间和精力，你就可以去创造，而不是固步自封守着自己“产品经理”的身份，抱怨着环境待己不公，在看似优渥条件的大厂里温水煮青蛙，抢不到资源又搞不懂向上管理，给自己的懒惰编造一个又一个借口，白白浪费了最宝贵的黄金时间。

时代洪流滚滚向前，唯有保持进步和革新的那批人永远不会被淘汰。祝看到这里的朋友们都属于这批人。

本文由公众号“栗噔噔”授权AI产品之家转载，原文连接： https://mp.weixin.qq.com/s/do2tehX0BUfEzjlEOLT5cA