Cursor + MCP,让 AI 自己干活!

相信你已经在网上刷到过不少的 AI 工具,但如果推荐一款 AI 工具,那绝对就是史上最强的 AI 编程工具 —— Cursor

Cursor 是一款集成人工智能(AI)功能的代码编辑器,旨在提升开发者的编程效率和代码质量。即使完全不懂编程的人也能使用 cursor 进行编程。

首先我们点开 Cursor 的官网,点击右上角就可以下载软件了,

1、自动编程

下载完成后,新建文件夹,然后打开文件夹,直接创建项目。

接下来我们就可以让 Cursor 帮我们自动化编程了, 比如说让它做一个坦克大战的游戏。

你是资深程序员,创建一个坦克大战的网页游戏

接着 Cursor 帮我用AI自动写代码了,这个阶段我们不用什么都不用做,只需静静等着他把代码写完。可以看到使用 HTML5 Canvas 和 JavaScript 来实现了一个坦克大战游戏。

等它写完之后,会在本地启动游戏,如果没启动,就直接告诉它“启动游戏”。可以看到 Cursor 使用 python 在本地 8000 端口启动了游戏。然后我们直接浏览器打开 http://localhost:8000,检查功能是不是符合我们的期待,有什么需要他优化的,就可以让它再次升级。

但是目前这个游戏页面还是有点简陋,我们可以回到 Cursor 的页面, 然后跟他用领导的语气跟他说,再改一改.

1、背景现在是一片漆黑、想让它变得更炫酷更好看一点呃,坦克一般是在平原和草原上嘛,那改成一个平原草原的风格背景。
2、坦克需要更帅气,更写实一点的风格。

然后我们发送给 Cursor,只需要等着他把代码改完, 然后继续测试即可。

我们来看一下最终的效果,刷新网页开始游戏,可以看到现在坦克已经变得好看多了,背景也做了一个类似草原的风格。

2、自动上网

这部分我们将使用cursor驱动mcp服务

2.1、什么是MCP(Model Context Protocol)

MCP(Model Context Protocol,模型上下文协议) ,2024年11月底,由 Anthropic 推出的一种开放标准,旨在统一大模型与外部数据源和工具之间的通信协议。MCP 的主要目的在于解决当前 AI 模型因数据孤岛限制而无法充分发挥潜力的难题,MCP 使得 AI 应用能够安全地访问和操作本地及远程数据,为 AI 应用提供了连接万物的接口。

举个栗子🌰,之前为了让大模型等 AI 应用使用数据,要么复制粘贴,要么上传知识库,非常局限。所以大模型也会受到数据隔离的限制,形成信息孤岛,要做出更强的大模型,每个新数据源都需要自己重新定制实现,使真正互联的系统难以扩展,存在很多的局限性。

现在,MCP 可以直接在 AI 与数据(包括本地数据和互联网数据)之间架起一座桥梁,通过 MCP 服务器和 MCP 客户端,大家只要都遵循这套协议,就能实现“万物互联”。

有了 MCP,可以和数据和文件系统、开发工具、Web 和浏览器自动化、生产力和通信、各种社区生态能力全部集成,实现强大的协作工作能力,它的价值远不可估量。

总之,我们只需要知道 MCP 是一个协议,协议具体规定了啥,咱不管,很多开发者都基于 MCP 协议开发了一些工具,统一都叫做 MCP Server。

这些 MCP 工具只需要我们简单的配置,就能通过 MCP 协议跟大模型连接起来,放在了大模型的工具箱里,大模型就能自己在合适的时候去挑选工具,自己用起来,什么操作数据库啊,删库跑路啊,都可以。

接下来我们使用cursor调用mcp服务来让浏览器自动上网

2.2、下载 Node.js

访问 Node.js 官网下载

image.png

配置 MCP 工具清单

但这里应该添加什么工具呢?

例如我们需要自动浏览网页,可以直接在 GitHub 搜索 Browser MCP,就可以看到 BrowserMCP,简介是 AI 自动操作浏览器。

接着点击 Docs 查看文档,怎么使用。要使用浏览器 MCP,使用以下 3 步骤操作:

  1. 设置 MCP 服务器
  2. 设置扩展
  3. 开始自动化

第 1 步,设置 MCP 服务器

就是把这段代码复制到 cursor 中。

第 2 步,设置扩展,就是在浏览器安装插件,实际上是插件来操作浏览器。

然后单击工具栏中的扩展图标打开浏览器 MCP 扩展。点击“连接”将当前标签页连接到 MCP 服务器。

image.png

第 3 步,就是在 cursor 中书写我们要做的事情。

使用browsermcp,打开小红书,搜索“AI产品经理”,找到第 4 篇帖子,并关注

cursor 中可以看到正在一步步操作浏览器

这里可以看到最上方有提示 browsermcp 已经开始调试此浏览器同时切换到浏览器界面,也可以看到浏览器在自动操作,最后成功关注了小红书作者。

为了避免 cursor 每次调用都弹窗确认,可以去 Cursor Settings -> "Features" -> "Agent",打开 "auto-run mode" 开关,这样就可以丝滑流畅的操作浏览器了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容