分享一些常用的mcp服务(附带场景演示)

本篇文章分享一下自己平时常用的几个mcp服务. 真的解放了双手,提高了产品的设计开发及其测试的过程.

1. Playwright MCP 浏览器自动化

1.1 简介

引自官方仓库:

A Model Context Protocol (MCP) server that provides browser automation capabilities using Playwright. This server enables LLMs to interact with web pages through structured accessibility snapshots, bypassing the need for screenshots or visually-tuned models.

一个使用Playwright提供浏览器自动化功能的模型上下文协议 (MCP) 服务器。该服务器使 LLM 能够通过结构化的可访问性快照与网页进行交互,而无需使用屏幕截图或视觉调整的模型。

Playwright MCP = Playwright(浏览器自动化引擎)+ MCP(Model Context Protocol,让 LLM 直接指挥浏览器的通信协议)

1.2 安装

我这边使用的 trea, 这个mcp 服务 已经内置在mcp市场了, 我们直接去查找进行下载即可

其他的安装方式, 可以参考官方说明: github.com/microsoft/p...

1.3 自动化测试

场景:

  1. 我们需要针对我们开发的网站 进行点击自测. (比如:页面跳转,弹框展示,关闭,打开,悬浮,移动等等一系列的交互行为.)
  2. 表单的自动化填充,(借助大模型理解项目及其表单规则生成测试数据自动填充并且验证行为结果是否一致)

这个demo 是这样的. 用户选择填写完表单之后进行提交 --> 获得了一次抽奖机会 --> 抽中了弹框输入收货信息, 没有抽中也进行弹框提示.

然后我们需要让ai理解我们的项目之后然后基于playwright mcp 进行自动化测试.

输入语:

开始实施: 自动选择

生成测试信息自动填充

✅ 自动化测试完成

1.4 页面信息抓取(提取)

需求1: 帮我打开 抖音网站,获取今天的热榜前10的信息. 然后以标准规范的markdown 格式返回输出给我

过程:

结果:

2. EdgeOne Pages MCP 自动部署静态站点

用于将 HTML 内容、文件夹和 zip 文件部署到 EdgeOne Pages 并获取可公开访问的 URL 的 MCP 服务。最主要是目前公测期间,所有功能全面开放,提供免费且稳定的服务。(ps:没有推广,打广告的意思,只是单纯觉得有用而分享的)

首先我们需要去 腾讯云获取一下token,地址:edgeone.ai/document/17...

然后我们需要去配置一下mcp

json 复制代码
{
  "mcpServers": {
    "edgeone-pages-mcp-server": {
      "command": "npx",
      "args": ["edgeone-pages-mcp"],
      "env": {
        // 可选。如果要将文件夹或 zip 文件部署到 EdgeOne Pages 项目,请填写你的 EdgeOne Pages API 令牌。
        // 如何获取 API 令牌:<https://edgeone.ai/document/177158578324279296>
        "EDGEONE_PAGES_API_TOKEN": "",
       // 可选。留空则会创建一个新的 EdgeOne Pages 项目。
       // 如需更新已有项目,请填写该项目的名称。
        "EDGEONE_PAGES_PROJECT_NAME": ""
      }
    }
  }
}

提问:

请使用 EdgeOne Pages MCP 部署一下我当前的项目.

地址: local-upload-1756717387501-qn5lngamox.edgeone.run/

3. Markmap-Mcp-Server md文件转换为思维导图

支持一键将 Markdown 文本转换为可交互的思维导图,并基于开源项目markmap构建。生成的思维导图支持丰富的交互操作,并支持导出为多种图片格式。

地址: markmap-mcp-server

演示1: 拿到一份测试的md文档去转换为思维导图

效果:

可以看到还是很效率的!

4. 结语

利用好mcp, 不仅仅是开发提升效率,同时也扩展ai的更多可能性. 以上是我分享了几个MCP服务. 后续会继续分享一些实用有帮助的mcp服务. 希望能帮助到大家!

推荐一下几个常用的mcp市场:

  1. mcp.so/
  2. github.com/punkpeye/aw...
  3. mcpspace.cn/
相关推荐
阿图灵14 小时前
Agentic AI 架构入门(九):Agent 通信协议全景——ACP/A2A/AG-UI/MCP
人工智能·ui·架构·ai agent·智能体·mcp·agentic ai
会飞的胖达喵15 小时前
MCP 协议的前世今生:从 AI 的 USB-C 到无状态 Agent 基础设施
agent·mcp
丨白色风车丨19 小时前
MCP 入门指南:大模型时代的“USB-C”接口
python·mcp
可乐ea21 小时前
MCP 是什么:Agent 如何通过标准协议连接工具和外部服务
ai agent·mcp·tool calling
Python私教1 天前
MCP 工具安全设计:为什么 stdio 也要做最小权限与输出过滤
后端·mcp
VIP_CQCRE1 天前
用 Ace Data Cloud Studio,把内容营销变成自动运行的 AI 工作流
ai·自动化·内容营销·mcp·acedatacloud
Goboy1 天前
那份让我加班3天的竞品调研报告,我用 TRAE Work 4小时搞定了
ai编程·trae
吴彦祖北京分祖2 天前
72 分钟会议逐字稿,TRAE Work 3 分钟出了结构化纪要:我的会议纪要提效实战
trae
吕不说2 天前
TRAE Work 帮我把 2 小时日报压成 8 分钟:售后工程师的周报自救指南
trae
JavaDog程序狗2 天前
TRAE-Work-实战帮-Obsidian知识库整理
trae