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





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

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

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


以往我使用Supbase这样的数据库实际上和Cursor是不好交互的。
有了MCP,Cursor直接与Supbase “ 一起工作 ”。



这个MCP长这样:

实战:Firecrawl MCP复刻网站 + Playwright 调试控制台错误
https://github.com/mendableai/firecrawl-mcp-server/blob/main/README.md

{ "command": "cmd", "args": ["/c", "set FIRECRAWL_API_KEY=your-api-key && C:nvm4wnodejsnode.exe C:/Users/Username/AppData/Roaming/npm/node_modules/firecrawl-mcp/dist/index.js"] }

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

Cursor调用Firecrawl过程:

可以看到,它在分析一下网站的主要结构和功能、下载网站上的图片资源并保存到我们的项目。
这是他复刻的结果。
除了动态效果外。其他的非常相似。
但是还有一个问题。报了一个错。
于是我们另外用一个mcp playwright 工具来解决。


当然最后发现这个错误还和浏览器有一些关系,在另外一个浏览器是正常的。
更多关于网页自动化的MCP:

Firecrawl、Playwright 是怎么工作的:
-
访问页面
-
看控制台日志
-
点击按钮输入文字
-
记录页面状态
比如它访问本地开发服务器时,会返回这样的信息:
此外,网上也有博主对MCP这样的协议的未来非常看好:

MCP自动化任务尝试:

Cline中的MCP

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


MCP在哪获取?
很多:
https://cursor.directory/:



