朱豪凯的博客

MCP（Model Context Protocol）是由Anthropic开发的开源协议，旨在为大型语言模型提供标准化连接外部数据源和工具的能力。该协议解决了大模型与现实数据和应用脱节的问题，使其能够安全调用各类工具（如数据库、地图API、办公软件等），实现上网搜索、文件操作、数据分析等功能。MCP生态已形成丰富工具库，涵盖浏览器、GitHub管理、Excel处理等多个领域。开发者可通过MCP.so等平台获取相关工具，并通过系列教程学习如何将MCP应用于旅游规划、UI设计等实际场景。

本文详细介绍了如何在Trae IDE环境中配置和使用Playwright MCP进行Web自动化测试。主要内容包括：1)安装Python、Node.js等基础环境；2)通过pip安装Playwright并下载浏览器；3)在Trae IDE中添加Playwright MCP插件；4)创建配置Playwright的智能体；5)实际应用示例演示自动打开网页并查找特定元素。整个过程包含了完整的配置步骤截图和命令行验证方法，适合开发者在Windows11环境下快速搭建Playwright自动化测试平台。

摘要：本文介绍了如何使用Figma MCP工具生成UI设计稿并转换为代码的完整流程。主要内容包括：1) 介绍三种主流Figma MCP工具的特点；2) 详细的环境配置步骤(Node.js、Figma客户端、MCP插件安装)；3) 通过Cursor与Figma MCP交互，实现从设计稿生成到代码转换的全过程，包括创建待办事项App首页UI，以及将设计稿转换为HTML网页和Android Compose代码的具体操作。该方法适合需要快速实现UI设计与代码开发的开发者。

本文介绍了如何使用高德地图MCP服务在Trae IDE中规划旅游行程。主要内容包括：1) 搭建开发环境，安装Python3、UV、Node.js等必要工具；2) 注册高德地图开发者获取API Key；3) 在Trae中配置高德MCP服务；4) 创建自定义智能体并设置提示词；5) 实际使用体验，通过高德MCP获取更准确的行程数据。该方案相比纯大模型规划，能提供更可靠的行程时间和路线信息。

2025年，AI编程来到第二阶段。无论你是程序员、产品经理还是不会编程的普通人，都能够轻松实现自己的App和网站。