微信扫码
添加专属顾问
我要投稿
提升网站开发效率的利器,MCP让AI与现实世界数据无缝对接。 核心内容: 1. MCP的重要性和实用性,引领开发工具新时代 2. 一键克隆网站和自动调试错误的实战演示 3. MCP配置和常见问题的解决方案
AI 需要与现实世界的数据建立联系,MCP 即将变得极为重要,开发工具正在走向一个全新的时代。
此MCP开发者为Ted Werbel:https://www.agentdesk.ai/
博主@jasonzhou1993表示:MCP重塑了我的Cursor工作流!提升了10倍。
它能读取浏览器控制台和网络日志,用Replicate生成UI资源,连接Supabase数据库和Figma设计。
以往我使用Supbase这样的数据库实际上和Cursor是不好交互的。
有了MCP,Cursor直接与Supbase “ 一起工作 ”。
这个MCP长这样:
https://github.com/mendableai/firecrawl-mcp-server/blob/main/README.md
{ "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"] }
你现在在一个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) 进行故障排除:
很多:
https://cursor.directory/:
53AI,企业落地大模型首选服务商
产品:场景落地咨询+大模型应用平台+行业解决方案
承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业
2025-03-08
QwQ总结能力测评,32b小模型真能超过deepseek吗
2025-03-08
为什么vLLM做不到?解密Ollama越级部署黑科技:以DeepSeek-R1-8B为例
2025-03-07
为什么Manus底层模型没用DeepSeek?——Manus六问六答
2025-03-07
Cherry Studio 发布 v1.0.0 版本支持联网搜索
2025-03-07
Claude 3.7 Sonnet 使用结论
2025-03-07
Manus,为何是他们做出来了?
2025-03-07
Cursor 新版本要来了!同一个窗口使用Agent+Chat!上下文增强、UI升级、界面更清爽。
2025-03-06
DeepSeek-进阶版部署(Linux+GPU)
2025-02-04
2025-02-04
2024-09-18
2024-07-11
2024-07-09
2024-07-11
2024-07-26
2025-02-05
2025-01-27
2025-02-01