终于找到能流畅使用的MCP工具了

1.还是要了解MCP工具

MCP协议（工具）是未来AI产品绕不开的一项基础设施。尽管它还不完美（见我们不需要MCP），也不建议AI爱好者在当前节点深度使用它，但了解它的基本使用流程已算是AI编程者的一项基本素养，毕竟它是趋势。

因此，我想找一些成熟的、简单的MCP工具做轻量级的开发体验。

据知名统计站点mcpevals.io统计 ，截至2025年6月，全球使用率最高的MCP服务器是GitHub MCP，这是一款便于专业程序员进行代码读取、提交、创建 issue 等操作的桥梁工具。但，业余编程爱好者其实用不着这个。

我反复阅读榜单，觉得普通人工作中最可能使用上的工具就是Playwright MCP Server了。它是一个能让 AI 模型通过 MCP 协议直接控制浏览器、执行网页操作与脚本的自动化工具。在线课程刷时长、签到挑战，本质上都是需要人规律性、机械性的操作浏览器。既然这个MCP都已经上榜，功能应该也相对成熟，如果能用它来帮我们解放双手，那还真的非常“炸裂”。

我准备以“每5秒钟自动点击[微信读书]里的[下一页]”这一需求为例进行分享，但很遗憾，它打开微信图书后就卡在当前页面不停报错。多次尝试后效果均不稳定，无奈只能临时换一个更简单的案例尝试。

最后还是选择了全球使用人数最多的Github MCP作为案例进行分享。虽然大多数人是没有使用Github经验的，但如果只是将其作为体验MCP工具的一个媒介，也没什么不合适。

Github MCP的具体功能如图。通俗点就是，该MCP工具可以帮AI直接访问Github上的内容。

2.我的需求

作为有一定编程基础的伪文科生，平时会利用AI编程做一些我专业能力以外的小工具来给生活提效。这些代码和成品我都会随手传到Github主页。但是一直都零零散散，也没系统去统计和展示。因为纯手工去浏览然后复制粘贴再总结的话实在太麻烦了。

于是，我想利用Github MCP自动抓取我主页公开的所有项目，以表格的方式展示出每一个小工具的名称、功能、使用方法等重要参数。

AI编程+MCP，一键将你的github项目变成可 视化看板。

3.最终效果

这里只是将我自己Github主页的内容扒取并展示了，具体网页风格可以自己定制。同理，其实可以用这个方法来可视化任何一个支持MCP功能的网页内容，理论上小红书、抖音都可以。

4.操作流程

以下是以Trae为例，展示我的MCP操作流程：

1.首先在Trae的右侧设置栏中找到“MCP”选项，点击“添加”-->"从市场添加”，然后在搜索框内搜索Github

2.点击搜索结果里Github后面的“+”进行配置。看图可以知道，这里我们需要填写一个“Token”参数。我们可以直接点击弹窗里的“获取”键，即可直达Github主页进行“Access Token”的生成。

3.根据Github的指引进行相关信息填写，最后复制Token粘贴到刚才Trae的输入框中，点击确认。

4.最后，在MCP的界面下就能看到我们已经正常添加了该MCP工具。

5.点击到“智能体”标签，将Github MCP添加上，完成新建一个带MCP功能的智能体，同时也写上相关的提示词。

6.回到对话界面，选择刚才生成的智能体进行对话。我这里直接把我的Github主页链接给了它。因为我在智能体里面已经写了提示词，让他总结主页下所有项目的内容。理论上它应该直接输出结果才对，但实际它好像没听明白。

于是我又将内置的提示词重新发给了Trae,这次他似乎明白了。直接调用了Github MCP扒取了我主页的数据，最后形成一个表格。

7.最后我让他基于这个表格，生成了一个展示用的网页。我采用的是最为简单的黑橙简约风格。如果你有喜欢的网页样板，直接截图发给AI让它参考该风格即可。

当然，我们这个案例核心就是让mcp一键提取github主页上所有信息。你可以把它最终以网页形式呈现 ，也可以将信息粘贴到文档或者ppt里呈现。我就把它也放到了飞书里进行展示了。

实测下来，Github MCP也不愧是下载量最多的MCP工具，它的表现也确实流畅、稳定。基本可以用于日常使用了。