我要投稿

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

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

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+中大型企业

相关资讯

2025-04-22

企业私有大模型DeepSeek落地部署该用什么? Ollama还是vLLM

2025-04-21

“算法备案与大模型备案：你们是否已完成双备案？”

2025-04-21

vLLM部署Deepseek（CPU版）踩坑记录（失败经验贴）

2025-04-21

一台3090就能跑Gemma 3 27B！谷歌发布Gemma 3全系QAT版模型

2025-04-20

MCP vs Function Calling，该如何选？

2025-04-20

国内企业应用AI大模型赋能软件测试的落地实践案例

2025-04-20

8卡H20运行DeepSeek-V3-0324性能和推理实测

2025-04-19

低延迟小智AI服务端搭建-ASR篇（续）：CPU可跑

了解更多

160+中大型企业正在使用53AI

立即咨询预约演示

把握AI发展的机遇，共同探索、共同进步

2025-01-22

如何打造基于GenAI的员工服务机器人

2025-01-22

热点资讯

一文读懂DeepSeek-R1本地部署配置要求（建议收藏）

2025-02-04

DeepSeek R1 671B 完整版本地部署教程来了！！！

2025-02-04

太爽了！o1 现在可以天天享用了

2024-09-18

万字综述 10+ 种 LLM 投机采样推理加速方案

2024-07-11

微调神器LLaMA-Factory官方保姆级教程来了，从环境搭建到模型训练评估全覆盖

2024-07-09

FP8 低精度训练：Transformer Engine 简析

2024-07-11

彻底理解系列之：FP32、FP16、TF32、BF16、混合精度

2024-07-26

别被Deepseek低成本冲昏头！本地化部署后续的“甜蜜陷阱”，你真能扛住吗？

2025-02-05

ollama 部署 deepseek-r1 70B 模型完整指南

2025-01-27

o3-mini 完全指南：一个被 DeepSeek 破大防的模型

2025-02-01

大家都在问

MCP vs Function Calling，该如何选？

2025-04-20

RAGFlow vs Dify, 商业化落地场景选哪个？

2025-04-01

如何利用Dify轻松构建你的专属语料库？

2025-03-31

从 0 到 1，Agentic Ops 如何打造企业级 AI 生产力？

2025-03-20

DeepSeek-R1的Qwen-32B蒸馏模型与QwQ-32B模型，谁更强？

2025-03-16

部署DeepSeek的4条路，企业级客户到底该咋走？

2025-03-16

谷歌Gemma 3 27b 到底能不能打，写个游戏测试下？

2025-03-13

强化学习(RL)是什么? 它和微调有什么区别?

2025-03-13

热门标签

内容创作大模型技术个人提效 langchain llamaindex 多模态技术 RAG技术智能客服知识图谱模型微调 RAGFlow coze Dify Fastgpt Bisheng Qanything AI+汽车 AI+金融 AI+工业 AI+培训 AI+SaaS 提示词框架提示词技巧 AI+电商 AI面试数字员工 ChatBI 知识管理开源大模型智能营销智能硬件智能化改造 AI+医疗 MaxKB