TRAE 绿皮书
工具资源推荐

推荐|10 大热门 MCP Server 工具

提示

TRAE 是面向开发者、职场人与学生的 AI 办公平台,有 TRAE Work TRAE IDE 两款产品。

TRAE Work 侧重学习、办公与工程执行场景,无论你是开发者、职场人、学生,都可以用它写方案、做分析、处理文件、推进协作,并完成需要持续执行、检查和产出结果的自动化任务。支持 桌面端网页版移动端,多端协作,随时发起任务、查看进展、持续推进。

TRAE IDE 适合写代码、读项目、改 Bug 等开发工作,更适合期望精细控制自己的代码改动和执行过程的开发者。

提示

作者:Jiaqi,TRAE 技术文档工程师

摘要:通过引入合适的 MCP Server,智能体可以深度参与到日常开发流程中,协助完成项目文件读取、官方文档获取、浏览器自动化、代码仓库管理,以及跨会话的上下文维护等任务。

本文将基于真实开发场景,介绍 TRAE IDE 中常用的 10 个 MCP Server,并梳理了它们的核心能力、使用场景与可用工具,帮助你在不同开发阶段选择合适的 MCP Server,从而提升你的日常开发效率。

一、MCP 介绍

Model Context Protocol (MCP) 是一种协议,它允许大型语言模型(LLMs)访问自定义的工具和服务。TRAE 中的智能体作为 MCP 客户端可以选择向 MCP Server 发起请求,以使用它们提供的工具。你可以自行添加 MCP Server,并添加到自定义的智能体中来使用。

在 TRAE IDE 中,MCP Server 支持三种传输类型:stdio 传输、SSE 传输、Streamable HTTP 传输。

二、概览

以下是在 TRAE IDE 中的 10款热门 MCP Server。

MCP Server

简介

Context7

Context7 MCP Server 提供面向 AI 模型的文档检索与上下文注入能力,可实时获取官方文档的最新内容和指定版本的代码示例。

Puppeteer

Puppeteer MCP Server 提供浏览器自动化能力,使 LLM 能够在真实的浏览器环境中与网页进行交互、截取屏幕截图,并执行 JavaScript。

Sequential Thinking

Sequential Thinking MCP Server 通过结构化的思维流程,为动态且具反思性的问题求解提供工具。

GitHub

GitHub MCP Server 基于 GitHub API,允许 LLM 直接访问并管理 GitHub 上的仓库、代码、用户、Issue 与 Pull Request。

Figma AI Bridge

Figma AI Bridge MCP Server 针对设计到实现阶段,提供查看、分析和提取 Figma 设计数据的能力,帮助 LLM 理解设计的结构并辅助精确还原设计稿中内容。

Playwright

Playwright MCP Server 基于 Playwright 提供浏览器自动化能力,使 LLM 能够在真实的浏览器环境中与网页交互、截取屏幕截图、生成测试代码、抓取网页内容,并执行 JavaScript。

Memory

Memory MCP Server 通过本地知识图谱(Knowledge Graph)持久化记忆,使 LLM 能够跨会话保留用户相关的上下文信息。

Excel

Excel MCP Server 用于读取 Microsoft Excel 文件中的电子表格数据,或向其中写入数据。

File System

File System MCP Server 提供基于文件系统的文件读取能力。

Chrome DevTools MCP

Chrome DevTools MCP 让 AI 智能体能够直接控制并深入检查 Chrome 浏览器。它向 AI 开放了 Chrome DevTools 的全部能力,使其能更精准、高效地完成网页自动化测试、故障排查及性能分析等任务。

接下来将为你详细介绍每一个 MCP Server 的功能和使用场景,你可以根据自己的使用场景选择合适的 MCP Server。

三、MCP 具体介绍

Context7

Context7 MCP Server 提供面向 AI 模型的文档检索与上下文注入能力,可实时获取产品官方文档的最新内容和指定版本的代码示例,确保模型在回答问题、生成代码或提供方案时,基于最新的官方信息。

Puppeteer

Puppeteer MCP Server 提供浏览器自动化能力,使 LLM 能够在真实的浏览器环境中与网页进行交互、截取屏幕截图,并执行 JavaScript。

Sequential Thinking

Sequential Thinking MCP Server 通过结构化的思维流程,为动态且具反思性的问题求解提供工具。

GitHub

GitHub MCP Server 基于 GitHub API,允许 LLM 直接访问并管理 GitHub 上的仓库、代码、用户、Issue 与 Pull Request。

该 MCP Server 支持的所有操作仅作用于 GitHub 上的远程资源:所有文件操作均发生在 GitHub 仓库中,通过 Commit 与 Pull Request 提交,不会读取或修改用户本地的文件系统。

Figma AI Bridge

Figma AI Bridge MCP Server 针对设计到实现阶段,提供查看、分析和提取 Figma 设计数据的能力,帮助 LLM 理解你的设计思路并辅助你精确还原设计稿中的内容。

Playwright

Playwright MCP Server 基于 Playwright 提供浏览器自动化能力,使 LLM 能够在真实的浏览器环境中与网页交互、截取屏幕截图、生成测试代码、抓取网页内容,并执行 JavaScript。

相较于基础浏览器自动化,它进一步扩展了测试代码生成、网络请求控制与多设备模拟等能力,适合更复杂、结构化的网页测试。

Memory

Memory MCP Server 通过本地知识图谱(Knowledge Graph)持久化记忆,使 LLM 能够跨会话保留用户相关的上下文信息。

它的核心目标是将零散、非结构化的用户信息转化为可结构化、可查询、可演化的长期记忆,并在后续对话中被持续维护和利用。

Memory MCP Server 采用知识图谱作为记忆模型,由以下三类核心概念共同构成一个可扩展的记忆网络:

概念

描述

Entity

知识图谱中的主要节点,表示一个具体、可识别的对象。

Relation

用于定义 Entity 之间的有向连接。它们始终以主动语态存储,用于描述 Entity 之间的交互方式或相互关系。

Observation

关于某个 Entity 的离散信息片段,可不断新增、修改或删除。

Excel

Excel MCP Server 用于读取 Microsoft Excel 文件中的电子表格数据,或向其中写入数据。

File System

File System MCP Server 提供基于文件系统的文件读取能力。

Chrome DevTools MCP

Chrome DevTools MCP 让 AI 智能体能够直接控制并深入检查 Chrome 浏览器。它向 AI 开放了 Chrome DevTools 的全部能力,使其能更精准、高效地完成网页自动化测试、故障排查及性能分析等任务。

如何添加这些 MCP Server?

本次使用 TRAE IDE 演示。

你可以直接从 TRAE IDE 内置的 MCP 市场添加。

  1. 进入 MCP 设置中心:
    1. IDE 模式:在 IDE 模式界面中,点击界面右上角的 设置 图标,进入设置中心。
    2. SOLO 模式:在 SOLO 模式界面中,点击对话面板右上角的 设置 图标,进入设置中心。
  2. 在左侧导航栏中,选择 MCP,打开 MCP 窗口。
  3. MCP 窗口的右上角,点击 添加 > 从市场添加。若你是首次添加 MCP Server,还可以直接点击窗口中部的 从市场添加 按钮。
图片展示的是MCP市场界面。界面上方有“MCP”标识及“市场”选项,下方搜索框内有“搜索”提示。市场中列出了多个MCP Server,包括Puppeteer、PostgreSQL、GitHub、Figma AI Bridge等,每个MCP Server右侧都有一个“+”图标。该图片与上下文紧密相关,上下文介绍了在MCP设置中心添加MCP Server的操作步骤,此图直观呈现了在MCP市场中找到所需MCP Server的界面情况,辅助说明操作流程。
img-925 · 图片展示的是MCP市场界面。界面上方有“MCP”标识及“市场”选项,下方搜索框内有“搜索”提示。市场中列出了多个MCP
  1. 在 MCP 市场中找到所需的 MCP Server。
  2. 点击右侧的 + 按钮。
  3. 在弹窗中填入 MCP Server 的配置信息。
提示
  • 对于标记为 “Local” 的 MCP Server,需要在本地安装 NPX 或 UVX 后才能使用。
  • 配置内容中的 env 信息(例如 API Key、Token、Access Key 等字段)需替换为真实信息。
  1. 点击 确认 按钮,即代表配置成功。

结语

以上是在 TRAE IDE 中的 10个 热门 MCP Server 的详细介绍,快来立即体验使用吧!