最近体验了下flowith，确实强大的让我震撼。flowith作为一个类似manus完全自动化的agent，生成的内容确实强大。

那么今天就介绍，如何用flowith+cursor做一个牛马时钟的小程序。

我们知道，构建一个项目的整体思路就是下面的流程图。

那么在生成原型图之前的步骤我们就可以用flowith，后面代码生成可以用cursor。

下面以一个：“牛马时钟”小程序为例子，来讲述我是如何利用flowith 和cursor生成一个小程序代码。

一、flowith生成原型图

flowith提供了多种模式，包含：“agent模式”和“普通模式”。agent模式可以根据内容要求，自动规划流程步骤；而普通模式则需要自己去定义对应的流程。

为了保证输出的原型都是可控的，我们选择“常规模式”，向flowith输入下面的内容：

然后，在不断的调整，最终形成prd文件。接下来我们继续这样问：

大家看到，生成PRD（产品需求文档）的时候，选择GPT4.1，生成原型的时候，我们选择claude4。

因为经过大瑜的测试发现：GPT4.1更适合问题的分析和分解；claude4更适合生成代码。

因此在flowith可以根据流程去选择自己要用的模型。

那么在flowith的优点是：

1、一切都是画布的形式生成，更加直观。

2、如果发现中间有一步骤错误的情况下，flowith可以直接添加个分支，两边同时运行相互比较快速找到差异点。

3、cursor的一个月500次token实在是很容易用完，能省一点就省一点吧。

二、cursor代码生成

当有了原型图之后，用cursor开发代码就快了很多。

直接将原型导入进去，然后让cursor进行生成代码。具体小程序的构建，之前我也写过很多次了。

第一步：打开微信开发者工具，构建小程序。模版选择：不使用模版。

第二步：然后用cursor打开这个项目，将第一部分生成的html页面copy到根目录下。然后就让course给我们生成了。

tips：因为生成小程序的时间比较长，cursor调用25个组件就停止了，我们只需要回复“继续”即可。

中间也会遇到icon找不到的问题，我们可以去iconfont去找我们需要的底部图标地址，这里为了快速生成，遇到错误就直接让cursor把底部图标给删除了。

三、flowith邀请码如何申请

官方地址：https://flowith.io/

一般我们用gmail邮箱注册，到最后一步会出现一个邀请码需要填。

当然，大瑜建了一个邀请码互助文档群，这里提供了网友分享的flowith邀请码。私信回复“flowith”，将会自动获取文档地址。

注册成功之后，每个人将会得到7个邀请码，也可以贴出来，分享给更多的人。

写在后面的话

AI Agent的发展真的是超出了我们的想象。今天看了一句话很不错，分享给读到文章这里的你。

如何用好AI很简单：就做你正在做、你非常熟悉的行业，用AI逐一替代掉你的合作方、你的同事，然后你的老板！

我是大瑜，1个工作十年的程序员。AI编程和AI工具的实践者。