用Cursor「自动开发」Playwright网页自动化脚本,并打包成api给工作流调用

虽然我前面文章介绍了很多AI 工作流,但它们都是局限在自己平台里的操作,对于外部的页面,大多无能为力。

例如最常见的网页自动化的场景:小红书爬虫、竞品页面的监控、某个页面的表单填写、电商页面销售数据爬取等等,这些都是要单独写脚本的。

脚本可以用RPA来做,而RPA的底层基本上都是Python

所以如果你想把这些页面自动化的脚本,植入到工作流里,让n8n每天自动运行的话,那今天这篇文章你要收藏转发起来,从头看完。

痛点场景需求

直接上我教培业务里的实例。

小红书,我们经常能看到下图这些用苹果备忘录形式发的图,数据都不错,这些已经形成了一种小红书的爆款封面模板了。

通常来说,我们用iphone,通过截图就能做。

对于没iphone,或者想用电脑的同学,也可以通过某些网站来实现,例如https://md2card.com/

它是一个专门把长文转成多张图片的工具,里面就有「苹果备忘录」风格

生成好后,就能导出到本地,然后发小红书了。

这个流程,对于一个号没问题。

但饼干哥哥的业务里已经做成了矩阵,有40多个小红书,如果每篇笔记都这么做的话,估计一天别的都不用干,就光生成图了。

所以我的需求就是要写一个Python脚本来自动帮我完成生图并下载的过程,并且把这个脚本植入到我的n8n工作流里,这样就能完成从选题、写文、生图一条龙了。

也就是下图里的位置。

Cursor「自动开发」

这个脚本是不可能自己写的,依然要请出我的老伙计Cursor做AI编程。

正常流程是我们用嘴提需求,不断让Cursor写代码,然后预览、找问题、反馈问题、Cursor继续写代码...如此反复

如果今天还是用这个流程的话我就没必要写了

我们要让Cursor自己PUA自己。

解决方案是调用MCP工具 sequentialthinking playwright

前者是能让AI一步一步思考,逐步发现问题、解决问题的「思考」神器

后者是能让AI调用浏览器,使用浏览、截图、点击、查看输出等功能的自动化工具。

它们结合起来,不得不说是「王炸」:

AI自己写的代码,调用Playwright测试,发现问题后,再用Sequentialthinking一步一步思考解决,最终完成我们想要的结果。

类似的案例,我之前也写过,但之前那个不够狠,还是需要手动,今天这个我们自动化脚本的开发流程,可以让我们实现无人托管的开发。

实践

在开发前,要先搞清楚要做自动化的流程是什么:

如图的位置输入内容,然后点自动拆分、选择小红书风格、最后导出。

OK,接下来就可以把这个流程复述一遍给Cursor,并且让给一段内容示例它去测:

运行的时候,你会看到Cursor会先反复调用Sequentialthinking不断思考。

但这时,总是要我们不断去点确定,很烦。

所以,我们可以把Auto-Run Mode打开,真正释放恶龙------Cursor会把当前项目全托管,自动调用MCP、自动对项目文件增删查改,并不会经过你的同意。

好处是,效率奇高,通常自己运行个10几分钟没问题,但要注意,建议只在空项目的时候这样开启,避免把你项目改的一团糟。

OK,接下来你还会看到Cursor自动把浏览器打开了,去访问这个md2card的网站,找每个操作的元素是什么?

这时不断管它,直到生成完后,点运行就好。

很真实,报错了。。不要怕,谁写的bug就让谁来改

还是那句话,告诉Cursor报错了,让它继续调用sequentialthinkingplaywrightMCP一步一步思考解决问题:

这里,我只让它改了一次,就成功运行了。

但是什么鬼,怎么自动选了个「紫色小红书」主题。这才反应过来前面没让它选正确的主题:苹果备忘录。

没错,是我的锅。

但我不承认,问题还是Cursor的。

除此之外,我发现下载这里有问题,就是无法把图正确下载。

一起让AI改就完事了:

go 复制代码
整体流程运行是正常的,但是有两个问题:
1是卡片要选择「苹果备忘录」的主题
2是 下载有问题,如图在下载窗口需要逐个点击下载链接,并把下载好的图片保存到路径里

请你继续调用`playwright` MCP 工具以及 `sequentialthinking`工具,确保打开浏览器后查看页面元素,找对正确的位置进行操作

顺便给了张图它,让它在这里去点击下载图片。

但卡住了。。。

对Cursor来说,我常遇到两个问题。

1个是发请求后一直没反应,然后说网络有问题,怎么都跑不了

1个是像上面那样,不断的重复调用同一个工具,跟个病人一样一直自说自话

这两个问题都可以通过「重启」客户端来解决,对,就是这么简单。

还有,对于AI编程的技巧,千万不能和硅基生物硬刚。

AI会犯错,事不过三,如果它继续错,你还信任让它继续自我纠正的话,那就是你的不对了。

所以这里我也遇到了这个问题,AI无法自行解决图片下载的问题。

但我是不会帮它忙的,最多给它提供一个新的方案:

复制代码
对于下载窗口,多个下载链接的 名字格式前缀是固定的「md2card-」,可以根据这个找到下载链接点击再把下载图片下载下来

卧槽成功了嘻嘻

下载的图片长这样,直接上传到小红书就能用了。

还有,把核心功能自动跑好了记得把 Auto-Run Mode 关掉,要不然又要头大了。

至此,网页自动化脚本就算开发好了。

但别忘了,我们的需求是要把自动化整合到n8n工作流里,而n8n是不能运行这个脚本的,需要通过API的形式去调用。

所以接下来,我们就要把这个脚本封装成函数后,再打包成FastAPI。

ini 复制代码
接下来,把@md2card_automation.py 封装成一个函数脚本,用户输入内容后,运行脚本把多个图片地址以列表形式返回给用户。

里面有个if name ==main函数,直接运行,能跑同样的示例

记住一定要简单,不要新增脚本。

AI经常把事情搞复杂,所以几乎每次我都会要求AI用最简单的方式来解决问题。

封装后的效果:

FastAPI的形式我之前文章也介绍过

http://ip:port/docs

就能看到自动生成的文档,这里是植入到n8n的关键,记住下图的几个位置。

n8n工作流

回到n8n,新建一个http请求

按前面fastapi文档里显示的,选择POST请求

URL填入接口地址

下面这里依然源自前面的Fastapi接口的图,需要传入两个参数:title和content

前面我忽略了一步,就是把下载的图片上传到七牛云,这样我小红书矩阵发布的工具,就能直接用这个网络图片来发布了。

效果长这样。

最后

这套流程的价值,早已超越了自动生成几张图片。它真正打通了AI工作流与广阔互联网之间的壁垒,把那些原本需要专业程序员耗时开发的"外部插件",变成了我们可以通过对话和指令,让AI为我们量身定制的私人工具。

那些曾让你望而却步的繁琐流程,那些"要是能有个程序帮我就好了"的瞬间,如今都变成了一场你与AI共同执导的创造性演出。你不再是工具的被动使用者,而是变成了自己数字世界的驯兽师,用智慧和指令,让代码为你跳舞。

最后,花了一个下午,跑了26个请求,实现今天讲的这个完整功能,你们觉得值吗?

以上,

既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧,你的支持是我持续创作的动力。我们下期见。

本文由稀土掘金作者【饼干哥哥】,微信公众号:【饼干哥哥AGI】,原创/授权 发布于稀土掘金,未经许可,禁止转载。

相关推荐
Fatbobman(东坡肘子)8 小时前
WWDC 2025 开发者特辑 | 肘子的 Swift 周报 #088
开发语言·macos·ios·swiftui·ai编程·swift·wwdc
「、皓子~9 小时前
AI创作系列(2):UniApp跨端开发实战 - 海狸IM移动端完全由AI编写
开发语言·人工智能·uni-app·开源·vue·开源软件·ai编程
Captaincc12 小时前
Claude Code 工具与系统提示详解
ai编程
libo_202513 小时前
HarmonyOS 5 模型瘦身验证:从200MB到5MB的剪枝后准确率回归测试
ai编程·arkts
Android洋芋13 小时前
利用Cloudflare构建无限邮箱:实现Cursor无限续杯
cursor
玛奇玛丶13 小时前
谨防AICoding之AI幻觉
ai编程
饼干哥哥14 小时前
n8n+fastgpt RAG = 王炸!!!用最强AI知识库MCP Server补全 n8n短板
ai编程·mcp
用户737291138885715 小时前
🔥 AI编程神器大PK!Claude Code vs Cursor:谁才是2025年程序员的最强助手
ai编程
6confim15 小时前
超越代码的未来:对话Cursor CEO,AI时代工程师的终极进化
llm·cursor·trae
熊猫钓鱼16 小时前
Trae智能体实战:再也不用炒股断手,我用Trae构建股票牛熊市场预测器!
ai编程·trae