分享一些常用的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/
相关推荐
TickDB1 小时前
统一行情 API 查 A 股、港股、美股和数字货币:code=0 不代表 symbol 一个没少
人工智能·python·websocket·mcp·行情数据 api
星野云联AIoT技术洞察7 小时前
AG-UI 在 IoT 控制台里怎么落地:设备状态、命令确认与人机协同
ai agent·技术方案·mcp·ag-ui·平台架构·命令确认·iot设备控制
砍光二叉树14 小时前
一文打通 AI 认知:LLM、Agent、MCP、Skill 完整体系
人工智能·llm·agent·skill·mcp
MageGojo18 小时前
R-Shell开源项目实战解析:用Rust打造命令行SSH工具,支持连接管理、远程执行、SFTP与MCP
运维·rust·开源项目·命令行工具·ssh客户端·mcp
-山中问答-21 小时前
【AI智能体工程化实战03】智能体工程化开发环境
人工智能·开发环境·智能体·trae·claude code
deepdata_cn1 天前
AI大模型通用上下文标准(MCP)
人工智能·mcp
宋哥转AI2 天前
@Tool写了但tools/list为空?Spring AI MCP Server注册的两种路径和四个坑
java·agent·mcp
console.log('npc')2 天前
将 Figma 接入 Codex MCP:从 `/plugins` 到本地插件配置的完整教程
前端·人工智能·python·figma·code·codex·mcp
Filwaod2 天前
MCP 接入模式对比:Agent - Gateway - 业务项目 vs Agent - Adapter - 业务项目
java·agent·mcp
掘金酱2 天前
📱 TRAE SOLO 移动端上线征文——“我的第一次移动端AI办公” 评测 | 获奖名单公示
前端·人工智能·trae