分享一些常用的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/
相关推荐
IAM四十二11 小时前
用Trae做一个浏览器插件
llm·ai编程·trae
火山引擎开发者社区11 小时前
来自火山引擎的 MCP 安全授权新范式
安全·火山引擎·mcp
前端卧龙人11 小时前
Trae 帮我搞定九大行星围绕太阳转的 Three.js 项目
trae
前端的日常15 小时前
俄罗斯方块,到底有多“上头”?(Trae实现版)
trae
前端的日常15 小时前
让Trae实现全网最佳的文字黑洞艺术
trae
盏灯15 小时前
🔥手动干预时间不超过5分钟,Trae帮你做重复工作
人工智能·trae
豆包MarsCode15 小时前
6A 工作流实战|TRAE + Figma 产品设计自动化解决方案
trae
聚客AI17 小时前
⚡从单机到分布式:双MCP服务器负载架构详解
人工智能·llm·mcp
CF14年老兵19 小时前
努力生活,本身就是一种成就
前端·后端·trae