TRAE 是面向开发者、职场人与学生的 AI 办公平台,有 TRAE Work 和 TRAE IDE 两款产品。
TRAE Work 侧重学习、办公与工程执行场景,无论你是开发者、职场人、学生,都可以用它写方案、做分析、处理文件、推进协作,并完成需要持续执行、检查和产出结果的自动化任务。支持 桌面端、网页版 和 移动端,多端协作,随时发起任务、查看进展、持续推进。
TRAE IDE 适合写代码、读项目、改 Bug 等开发工作,更适合期望精细控制自己的代码改动和执行过程的开发者。
作者:Jiaqi,TRAE 技术文档工程师
摘要:通过引入合适的 MCP Server,智能体可以深度参与到日常开发流程中,协助完成项目文件读取、官方文档获取、浏览器自动化、代码仓库管理,以及跨会话的上下文维护等任务。
本文将基于真实开发场景,介绍 TRAE IDE 中常用的 10 个 MCP Server,并梳理了它们的核心能力、使用场景与可用工具,帮助你在不同开发阶段选择合适的 MCP Server,从而提升你的日常开发效率。
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。
Context7 MCP Server 提供面向 AI 模型的文档检索与上下文注入能力,可实时获取产品官方文档的最新内容和指定版本的代码示例,确保模型在回答问题、生成代码或提供方案时,基于最新的官方信息。
Context7 MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
resolve-library-id | 将通用的库名称解析为 Context7 兼容的库 ID。 |
query-docs | 使用 Context7 兼容的库 ID 获取指定库的文档。 |
Puppeteer MCP Server 提供浏览器自动化能力,使 LLM 能够在真实的浏览器环境中与网页进行交互、截取屏幕截图,并执行 JavaScript。
Puppeteer MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
puppeteer_navigate | 在浏览器中导航到任意 URL。 |
puppeteer_screenshot | 对整个页面或指定元素进行截图。 |
puppeteer_click | 点击页面中的元素。 |
puppeteer_hover | 将鼠标悬停在页面元素上。 |
puppeteer_fill | 填写输入框。 |
puppeteer_select | 选择带有 SELECT 标签的元素。 |
puppeteer_evaluate | 在浏览器控制台中执行 JavaScript。 |
Sequential Thinking MCP Server 通过结构化的思维流程,为动态且具反思性的问题求解提供工具。
Sequential Thinking MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
sequential_thinking | 为问题求解和分析提供细致的、逐步推进的思考过程。 |
GitHub MCP Server 基于 GitHub API,允许 LLM 直接访问并管理 GitHub 上的仓库、代码、用户、Issue 与 Pull Request。
该 MCP Server 支持的所有操作仅作用于 GitHub 上的远程资源:所有文件操作均发生在 GitHub 仓库中,通过 Commit 与 Pull Request 提交,不会读取或修改用户本地的文件系统。
GitHub MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
create_or_update_file | 在仓库中创建或更新单个文件。 |
push_files | 在一次提交中推送多个文件。 |
search_repositories | 搜索 GitHub 仓库。 |
create_repository | 创建新的 GitHub 仓库。 |
get_file_contents | 获取文件或目录内容。 |
create_issue | 创建新的 Issue。 |
create_pull_request | 创建新的 Pull Request。 |
fork_repository | Fork 一个仓库。 |
create_branch | 创建新分支。 |
list_issues | 列出并筛选仓库 Issue。 |
update_issue | 更新已有 Issue。 |
add_issue_comment | 为 Issue 添加评论。 |
search_code | 在 GitHub 上搜索代码。 |
search_issues | 搜索 Issue 和 Pull Request。 |
search_users | 搜索 GitHub 用户。 |
list_commits | 获取仓库某个分支的提交记录。 |
get_issue | 获取仓库中指定 Issue 的内容。 |
get_pull_request | 获取指定 Pull Request 的详情。 |
list_pull_requests | 列出并筛选仓库的 Pull Request。 |
create_pull_request_review | 为某个 Pull Request 创建评审。 |
merge_pull_request | 合并 Pull Request。 |
get_pull_request_files | 获取某个 Pull Request 中变更的文件列表。 |
get_pull_request_status | 获取某个 Pull Request 的所有状态检查的汇总状态。 |
update_pull_request_branch | 使用 base 分支的最新更改更新某个 Pull Request 分支(等同于 GitHub 中的 “Update branch” 按钮)。 |
get_pull_request_comments | 获取某个 Pull Request 的评审评论。 |
get_pull_request_reviews | 获取某个 Pull Request 的评审记录。 |
Figma AI Bridge MCP Server 针对设计到实现阶段,提供查看、分析和提取 Figma 设计数据的能力,帮助 LLM 理解你的设计思路并辅助你精确还原设计稿中的内容。
Figma AI Bridge MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
download_figma_images | 根据图像或图标节点的 ID,下载 Figma 文件中使用的 SVG 和 PNG 图片。 |
get_figma_data | 当无法获取节点 ID 时,用于获取整个 Figma 文件的布局信息。同时支持获取某个 Figma 文件或文件中指定节点的相关信息。 |
Playwright MCP Server 基于 Playwright 提供浏览器自动化能力,使 LLM 能够在真实的浏览器环境中与网页交互、截取屏幕截图、生成测试代码、抓取网页内容,并执行 JavaScript。
相较于基础浏览器自动化,它进一步扩展了测试代码生成、网络请求控制与多设备模拟等能力,适合更复杂、结构化的网页测试。
Playwright MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
start_codegen_session | 开始一个新的代码生成会话,用于记录 Playwright 操作。 |
end_codegen_session | 结束代码生成会话并生成测试文件。 |
get_codegen_session | 获取关于代码生成会话的信息。 |
clear_codegen_session | 清除代码生成会话而不生成测试文件。 |
playwright_navigate | 导航到一个 URL。 |
playwright_screenshot | 对当前页面或特定元素进行截图。 |
playwright_click | 点击页面上的元素。 |
playwright_iframe_click | 点击 iframe 中的元素。 |
playwright_iframe_fill | 在页面中的 iframe 里填充某个元素。 |
playwright_fill | 填写输入字段。 |
playwright_select | 使用 Select 标签选择页面上的元素。 |
playwright_hover | 悬停在页面的元素上。 |
playwright_upload_file | 将文件上传到页面中的 input[type="file"] 元素。 |
playwright_evaluate | 在浏览器控制台执行 JavaScript。 |
playwright_console_logs | 检索浏览器的控制台日志(带过滤选项)。 |
playwright_resize | 使用自定义尺寸或设备预设来调整浏览器视口大小。支持 143 种以上的设备预设,包括 iPhone、iPad、各类 Android 设备以及桌面浏览器,并提供正确的 User-Agent 和触控(Touch)模拟。 |
playwright_close | 关闭浏览器并释放所有资源。 |
playwright_get | 执行 HTTP GET 请求。 |
playwright_post | 执行 HTTP POST 请求。 |
playwright_put | 执行 HTTP PUT 请求。 |
playwright_patch | 执行 HTTP PATCH 请求。 |
playwright_delete | 执行 HTTP DELETE 请求。 |
playwright_expect_response | 请求 Playwright 开始等待某个 HTTP 响应。该工具只会启动等待操作,但不会阻塞或等待该操作完成。 |
playwright_assert_response | 等待并校验之前已发起的 HTTP 响应等待操作。 |
playwright_custom_user_agent | 为浏览器设置自定义 User-Agent。 |
playwright_get_visible_text | 获取当前页面的可见文本内容。 |
playwright_get_visible_html | 获取当前页面的 HTML 内容。默认情况下,输出结果会移除所有 <script> 标签,除非显式将 removeScripts 设置为 false。 |
playwright_go_back | 在浏览器历史中后退。 |
playwright_go_forward | 在浏览器历史中前进。 |
playwright_drag | 将元素拖动到目标位置。 |
playwright_press_key | 按下键盘键。 |
playwright_save_as_pdf | 将当前页面保存为 PDF 文件。 |
playwright_click_and_switch_tab | 点击一个链接并切换到新打开的标签页。 |
Memory MCP Server 通过本地知识图谱(Knowledge Graph)持久化记忆,使 LLM 能够跨会话保留用户相关的上下文信息。
它的核心目标是将零散、非结构化的用户信息转化为可结构化、可查询、可演化的长期记忆,并在后续对话中被持续维护和利用。
Memory MCP Server 采用知识图谱作为记忆模型,由以下三类核心概念共同构成一个可扩展的记忆网络:
概念 | 描述 |
Entity | 知识图谱中的主要节点,表示一个具体、可识别的对象。 |
Relation | 用于定义 Entity 之间的有向连接。它们始终以主动语态存储,用于描述 Entity 之间的交互方式或相互关系。 |
Observation | 关于某个 Entity 的离散信息片段,可不断新增、修改或删除。 |
Memory MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
create_entities | 在知识图谱中创建多个新 Entity。 |
create_relations | 在 Entity 之间创建多条新关系。 |
add_observations | 向已有 Entity 添加新 Observation。 |
delete_entities | 删除 Entity 及其所有 Relation。 |
delete_observations | 从 Entity 中删除指定的 Observation。 |
delete_relations | 从知识图谱中删除指定的 Relation。 |
read_graph | 读取整个知识图谱。 |
search_nodes | 根据查询条件搜索节点。 |
open_nodes | 按名称获取指定节点。 |
Excel MCP Server 用于读取 Microsoft Excel 文件中的电子表格数据,或向其中写入数据。
Excel MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
excel_describe_sheets | 列出指定 Excel 文件中的所有工作表信息。 |
excel_read_sheet | 以分页方式读取 Excel 工作表中的数据。 |
excel_screen_capture | (仅 Windows) 以分页方式为 Excel 工作表截图。 |
excel_write_to_sheet | 向 Excel 工作表写入数据。 |
excel_create_table | 在 Excel 工作表中创建表格。 |
excel_copy_sheet | 将现有工作表复制为一个新的工作表。 |
excel_format_range | 为 Excel 工作表中的单元格设置样式格式。 |
File System MCP Server 提供基于文件系统的文件读取能力。
File System MCP Server 为 LLM 提供以下可调用的工具:
工具 | 描述 |
read-file | 从文件系统读取文件。 |
Chrome DevTools MCP 让 AI 智能体能够直接控制并深入检查 Chrome 浏览器。它向 AI 开放了 Chrome DevTools 的全部能力,使其能更精准、高效地完成网页自动化测试、故障排查及性能分析等任务。
Chrome DevTools MCP 为 LLM 提供以下可调用的工具:
工具 | 描述 |
click | 点击指定的元素。 |
close_page | 根据页面索引关闭页面。最后一个打开的页面不能被关闭。 |
drag | 将一个元素拖拽到另一个元素上。 |
emulate | 在选中的页面上模拟多种特性。 |
evaluate_script | 在当前选中的页面中执行一个 JavaScript 函数,并将响应以 JSON 形式返回,使返回值可被 JSON 序列化。 |
fill | 在输入框或文本区域中输入文本,或从 <select> 元素中选择一个选项。 |
fill_form | 一次性填写多个表单元素。 |
get_console_message | 根据 ID 获取一条控制台消息。你可以通过调用 list_console_messages 获取所有消息。 |
get_network_request | 根据可选的 reqid 获取一条网络请求;如果省略,则返回 DevTools Network 面板中当前选中的请求。 |
handle_dialog | 如果打开了浏览器对话框,使用该命令进行处理。 |
hover | 将鼠标悬停在提供的元素上。 |
list_console_messages | 列出自上次导航以来,当前选中页面的所有控制台消息。 |
list_network_requests | 列出自上次导航以来,当前选中页面的所有网络请求。 |
list_pages | 获取浏览器中打开的页面列表。 |
navigate_page | 将当前选中的页面导航到一个 URL。 |
new_page | 创建一个新的页面。 |
performance_analyze_insight | 针对追踪记录结果中高亮显示的某个 Performance Insight,提供更详细的信息。 |
performance_start_trace | 在选中的页面上开始性能追踪记录。该记录可用于查找性能问题并获取改进页面性能的洞察,同时还会报告页面的 Core Web Vital(CWV)分数。 |
performance_stop_trace | 在所选中页面上,停止活跃的性能追踪记录。 |
press_key | 按下某个按键或组合键。当无法使用其他输入方式(如 fill())时使用(例如键盘快捷键、导航键或特殊组合键)。 |
resize_page | 调整所选中页面的窗口的大小,使页面具有指定的尺寸。 |
select_page | 选择一个页面,作为后续工具调用的上下文。 |
take_screenshot | 对页面或元素进行截图。 |
take_snapshot | 基于 a11y(Accessibility)树,对当前选中的页面生成文本快照。快照会列出页面元素及其唯一标识(uid)。始终使用最新快照。 相比截图,优先使用快照。快照会指示 DevTools Elements 面板中选中的元素(如果有)。 |
upload_file | 通过提供的元素上传文件。 |
wait_for | 等待指定文本出现在选中的页面上。 |
本次使用 TRAE IDE 演示。
你可以直接从 TRAE IDE 内置的 MCP 市场添加。

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