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

摘要

针对小红书矩阵运营中手动生成苹果备忘录风格图片的痛点,本文介绍如何利用Cursor AI编程结合Playwright自动化工具,开发网页自动化脚本并封装为FastAPI接口,无缝集成到n8n工作流实现全自动生图与发布。

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

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

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

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

cursor-playwright-n8n-automation

痛点场景需求

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

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

cursor-playwright-n8n-automation
cursor-playwright-n8n-automation
cursor-playwright-n8n-automation

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

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

cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation

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

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

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

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

也就是下图里的位置。

cursor-playwright-n8n-automation

Cursor「自动开发」

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

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

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

我们要让 Cursor 自己 PUA 自己。

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

cursor-playwright-n8n-automation

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

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

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

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

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

实践

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

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

cursor-playwright-n8n-automation

cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation

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

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

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

cursor-playwright-n8n-automation

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

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

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

cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation

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

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

没错,是我的锅。

cursor-playwright-n8n-automation

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

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

一起让 AI 改就完事了:

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

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

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

cursor-playwright-n8n-automation

但卡住了。。。

cursor-playwright-n8n-automation

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

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

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

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

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

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

cursor-playwright-n8n-automation

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

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

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

卧槽成功了嘻嘻

cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation
cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation

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

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

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

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

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

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

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

封装后的效果:

cursor-playwright-n8n-automation

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

在 http://ip:port/docs

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

cursor-playwright-n8n-automation
cursor-playwright-n8n-automation

n8n 工作流

回到 n8n,新建一个 http 请求

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

URL 填入接口地址

cursor-playwright-n8n-automation

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

cursor-playwright-n8n-automation

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

效果长这样。

cursor-playwright-n8n-automation

最后

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

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

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

cursor-playwright-n8n-automation

以上,

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




👤 关于作者:饼干哥哥 & NGS
我是饼干哥哥,数据分析师、AI 博主,和出海业务专家朋友创立了公司 NGS NextGrowthSail,专注 AI 在出海营销场景下的落地。上周我们内部复盘自动化内容营销工作流数据时,发现如果用上这种AI驱动的网页自动化技术,客户在Reddit社区代运营的效率能提升30%以上。

发表评论