2026年7月9日 周四晚上19:30,报名腾讯会议了解“如何构建自进化的动态知识库(Brain)”(限30人)
免费POC, 零成本试错
FDE知识库

FDE知识库

学习大模型的前沿技术与行业落地应用


收藏

Cursor + MCP:效率狂飙!一键克隆网站、自动调试错误,社区:每个人都在谈论MCP!

发布日期:2025-03-07 07:35:10 浏览次数: 4537
作者:AI进修生

微信搜一搜,关注“AI进修生”

推荐语

提升网站开发效率的利器,MCP让AI与现实世界数据无缝对接。

核心内容:
1. MCP的重要性和实用性,引领开发工具新时代
2. 一键克隆网站和自动调试错误的实战演示
3. MCP配置和常见问题的解决方案

杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家


AI 需要与现实世界的数据建立联系,MCP 即将变得极为重要,开发工具正在走向一个全新的时代。

MCP的实用性令人惊叹。
WindSurf + Firecrawl MCP 一键克隆Grok聊天网站:
我后面会介绍这种方法,并实战演示。

Browser Tools MCP(与后文Playwright类似) 从浏览器实时修复控制台错误

此MCP开发者为Ted Werbel:https://www.agentdesk.ai/


博主@jasonzhou1993表示:MCP重塑了我的Cursor工作流!提升了10倍。

它能读取浏览器控制台和网络日志,用Replicate生成UI资源,连接Supabase数据库和Figma设计。


在Supabase设置了数据库函数,却无法运行。连接Supabase MCP后,Cursor自动排查:找到函数,检查日志,发现问题 —— 变量名大小写不匹配。

以往我使用Supbase这样的数据库实际上和Cursor是不好交互的。

有了MCP,Cursor直接与Supbase “ 一起工作 ”。

这个MCP长这样:

图像


实战:Firecrawl MCP复刻网站 + Playwright 调试控制台错误

MCP是什么:Windsurf Wave3:MCP协议让AI直接读取控制台错误,自动化网页调试不用复制粘贴了!Tab智能跳转、Turbo模式。
Cline的MCP商店来了。
MCP怎么配置、报错解决:Windows下MCP报错的救星来了,1分钟教你完美解决Cursor配置问题。
Firecrawl MCP 地址(有配置教程):
https://github.com/mendableai/firecrawl-mcp-server/blob/main/README.md
你还要获取 Firecrawl  API获取:http://firecrawl.dev
如图配置(windows为例):
  {    "command": "cmd",    "args": ["/c", "set FIRECRAWL_API_KEY=your-api-key && C:\nvm4w\nodejs\node.exe C:/Users/Username/AppData/Roaming/npm/node_modules/firecrawl-mcp/dist/index.js"]  }
配置好了:

给Cursor提示:

你现在在一个next.js项目中,调用firecrawl去复刻这个网站:https://pidgeon.news/?utm_source=toolify

原网站截图:


Cursor调用Firecrawl过程:


可以看到,它在分析一下网站的主要结构和功能、下载网站上的图片资源并保存到我们的项目。

这是他复刻的结果。

除了动态效果外。其他的非常相似。

但是还有一个问题。报了一个错。

于是我们另外用一个mcp playwright 工具来解决。

加快一下速度,我们看一下视频。

当然最后发现这个错误还和浏览器有一些关系,在另外一个浏览器是正常的。

更多关于网页自动化的MCP:

Firecrawl、Playwright 是怎么工作的:

Firecrawl 复制网站的原理很简单。它就像一个细心的"搬运工",把网页上能看到的东西都收集起来。
2024年AI+爬虫指南:使用JinaAI、FireCrawl、Crawl4AI(别用Beautiful Soup了)
核心是分析网页的DOM结构和资源。收集HTML结构、CSS样式、JavaScript代码、图片媒体、字体文件等所有元素。
工作流程是这样的:遍历页面,提取元素,下载资源,重建结构。因为现代网站都用标准Web技术构建,资源可访问,DOM API可分析。
当然也有局限:动态内容难复制,后端功能可能失效,还要处理跨域和反爬虫问题。

Playwright 更像一个自动化测试工具,它能控制Chrome、Firefox和WebKit这些浏览器。就像有个人在替你操作浏览器一样。可以:
  • 访问页面
  • 看控制台日志
  • 点击按钮输入文字
  • 记录页面状态
工作流程很简单:
先在本地运行网站,然后让Playwright去访问,它会把看到的情况都记录下来,帮我们发现问题。

比如它访问本地开发服务器时,会返回这样的信息:

"成功打开了http://localhost:3000"


此外,网上也有博主对MCP这样的协议的未来非常看好:

MCP自动化任务尝试:


Cline中的MCP

Cline的MCP商店来了。
Cline的Neon数据库插件,让数据库操作变得像对话一样自然。
不用写复杂SQL,直接用自然语言创建表格、查询数据。想测试新功能?一句话就能创建隔离环境。
它还能监控资源使用,提前预警性能瓶颈。多个命令可以串联,轻松构建工作流。

图像


Cline 使用一个 MCP 工具 (Perplexity) 对构建另一个 MCP 工具 (Firecrawl) 进行故障排除:


Markdownify MCP Server,一个全能的内容转换工具。
把PDF、图片、音频、Office文档转成Markdown。处理YouTube视频、搜索结果、网页内容,输出清晰文本。


MCP在哪获取?

很多:

https://cursor.directory/:

https://github.com/punkpeye/awesome-mcp-servers
Cline的MCP商店来了。
Windsurf Wave3:MCP协议让AI直接读取控制台错误,自动化网页调试不用复制粘贴了!Tab智能跳转、Turbo模式


53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费POC验证,效果达标后再合作。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询

扫码登录
登录即表示您同意《53AI网站服务协议》
服务协议

欢迎您使用【53AI 官方网站】(以下简称“本网站”或“我们”)。本《会员服务协议》(以下简称“本协议”)是您(以下简称“会员”或“用户”)与【深圳市博思协创网络科技有限公司】之间关于注册、登录及使用本网站会员服务所订立的法律协议。

在您注册或登录前,请务必审慎阅读、充分理解各条款内容,特别是免除或限制责任的条款、知识产权条款、争议解决条款等。此类条款将以加粗形式提示您注意。 当您通过微信公众号授权、手机验证码验证或其他方式成功登录本网站时,即视为您已完全理解并同意接受本协议的全部内容。

一、 定义

本网站:指由【深圳市博思协创网络科技有限公司】运营的,域名为【53ai.com】的网站及相关移动端页面。

会员服务:指本网站向注册会员提供的知识库文章查阅、内容检索及其他相关增值服务。

知识库内容:指本网站发布的包括但不限于文字、图表、数据、研究报告、行业分析等数字化内容资源。

二、 账号注册与登录

登录方式:本网站支持以下登录方式,您可根据实际情况选择:

微信公众号授权登录:您同意将您的微信OpenID信息授权给本网站,用于创建或关联会员账号。

手机验证码登录:您需提供真实有效的手机号码,并通过短信验证码完成身份验证与登录/注册。

账号安全:您的账号仅限您本人使用,禁止赠与、借用、租用、转让或售卖。因您保管不善导致的账号被盗、密码泄露等损失,由您自行承担。

实名认证:根据相关法律法规要求,我们可能要求您在特定功能下完成实名认证。如您拒绝提供,可能无法使用部分或全部服务。

未成年人保护:若您未满18周岁,请在法定监护人的陪同下阅读本协议,并在征得监护人同意后使用本服务。

三、 服务内容与规范

知识库查阅权限:会员登录后,有权按照其会员等级对应的权限范围,在线浏览、检索本网站知识库中的相关文章及内容。

服务变更:我们有权根据业务发展需要,调整、变更或终止部分服务内容,并将以网站公告、公众号消息等方式提前通知。

禁止行为:您在使用服务时不得实施以下行为:

利用技术手段批量爬取、下载、转存知识库内容;

将知识库内容用于商业目的或未经授权地向第三方传播;

干扰本网站正常运行或侵犯其他用户合法权益;

发布违法违规信息或从事违反公序良俗的活动。

四、 知识产权声明

权利归属:本网站知识库中的排版设计、软件代码等内容的知识产权均归【公司全称】或原权利人所有,受《中华人民共和国著作权法》等法律保护。

有限许可:本网站授予会员一项非独占、不可转让、不可转授权的普通许可,仅限于个人学习、研究之目的在线查阅知识库内容。

侵权追责:未经书面许可,任何单位或个人不得以任何形式复制、转载、摘编、镜像、汇编或以其他方式使用上述内容。一经发现,我们保留追究其法律责任的权利。

五、 个人信息保护

我们重视对您个人信息的保护。关于我们如何收集、使用、存储和保护您的个人信息,请单独阅读 《隐私政策》。

您通过微信公众号授权或手机号验证所提供的信息,我们将严格按照《个人信息保护法》的规定处理,仅用于身份识别、服务提供及安全验证等必要用途。

您可以随时通过网站设置或联系客服行使查阅、更正、删除个人信息及撤回授权同意的权利。

六、 免责声明

内容准确性:知识库内容仅供参考,不构成专业建议。我们不对其完整性、准确性、时效性作任何明示或暗示的保证,您应自行判断并承担使用风险。

不可抗力:因自然灾害、政策法规变化、网络故障、第三方平台接口异常(如微信接口维护、运营商短信通道故障)等不可抗力导致的服务中断或延迟,我们不承担违约责任。

第三方链接:本网站可能包含指向第三方网站的链接,该等网站的内容和服务不受我们控制,请您自行甄别风险。

七、 违约责任

如您违反本协议约定,我们有权视情节采取警告、限制功能、暂停服务、注销账号等措施,并保留要求赔偿损失的权利。

如因您的违约行为导致我们遭受行政处罚、第三方索赔或商誉损失,您应承担全部赔偿责任(包括但不限于罚款、赔偿金、律师费、公证费等)。

八、 法律适用与争议解决

本协议的订立、执行和解释均适用中华人民共和国大陆地区法律。

因本协议产生的或与本协议有关的任何争议,双方应友好协商解决;协商不成的,任何一方均可向【公司所在地】有管辖权的人民法院提起诉讼。

九、 其他

本协议构成双方就本服务达成的完整协议,取代此前任何口头或书面约定。

本协议任一条款被认定为无效或不可执行的,不影响其他条款的效力。

我们对本协议享有最终解释权,并在法律允许的范围内保留随时修改的权利。修改后的协议一经公布即生效,继续使用服务即视为同意修订内容。


已查阅