分享一些常用的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/
相关推荐
xrlfreedom4 小时前
大厂 MCP 面试实录:基于 OpenTelemetry 与 OAuth 2.1 的可重复集成测试方案设计
opentelemetry·mcp·oauth 2.1
吴佳浩16 小时前
为什么每个人最终都会使用 Agent?从 LLM 到 Agent,看懂 AI 为什么一定会走向执行时代
llm·agent·mcp
仓三18 小时前
Chrome DevTools MCP 上手:让 Coding Agent 自己调试前端页面
前端·chrome devtools·mcp
xrlfreedom1 天前
大厂 MCP 面试实录:设计需人工确认的高风险 Tool 的工程化方案
opentelemetry·mcp·rag 知识库·向量检索与重排
gsls2008081 天前
OpsKat封装MCP:用 Go 标准库把运维 CLI 变成 AI 的“手“
运维·人工智能·golang·mcp
zhuodedao1 天前
Spring AI + MCP 文件工具未调用问题复盘:为什么初始化成功却没有写入文件?
java·debug·agent·springai·mcp
夜猫逐梦1 天前
【MCP】ida-pro-mcp 入门实战:安装、启动并用 MCP Inspector 调通四层连通
ida·mcp·ida-pro-mcp
Geek-Chow1 天前
MCP 模型上下文协议:四、概念地图 · 八个概念与五个组件
人工智能·大语言模型·mcp
张彦峰ZYF2 天前
MCP 从“能连工具”到“像 Web 一样部署”——无状态核心、扩展框架与企业级 Agent 基础设施的真正分水岭
人工智能·llm·agent·mcp
AI程序员2 天前
MCP Apps 能直接返回 HTML,为什么还需要 A2UI?
人工智能·agent·mcp