分享一些常用的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/
相关推荐
程序员爱钓鱼6 分钟前
使用简单 JSON + 自定义 t 函数实现轻量多语言国际化(无需 next-intl)
前端·javascript·trae
天天摸鱼的java工程师7 分钟前
RuoYi-Cloud 完全解剖:TRAE AI 绘制的架构蓝图
trae
AI袋鼠帝16 分钟前
国内最强AI IDE:Trae Solo中国版来了!完全免费~
aigc·ai编程·trae
银空飞羽12 小时前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
飞哥数智坊15 小时前
给 TRAE SOLO 一台服务器,它能干什么?
ai编程·trae·solo
该用户已不存在18 小时前
6款MCP工具,让AI真正懂业务
ai编程·mcp
程序员爱钓鱼18 小时前
用 Python 批量生成炫酷扫光 GIF 动效
后端·python·trae
天天摸鱼的java工程师1 天前
🎮 用 TRAE AI 打造一个会下棋的 Java 五子棋:从零构建 + 自动规划 + GUI 实现
trae
疯狂踩坑人1 天前
Node写MCP入门教程
前端·agent·mcp
Mintopia1 天前
🌐 动态网络环境中 WebAIGC 的断点续传与容错技术
人工智能·aigc·trae