图片来自 ，由 提供

现在，差不多刚转过一个方向的瞬间，就会听闻又有企业设立了全新的 MCP 服务器，。

MCP是被推出的一个新兴开放标准，它为AI模型提供了一种用以与外部数据源以及工具进行交互的方式，它如同一种通用语言和一套规则，借此大型语言模型能够与自身以外的其他系统展开对话。

MCP服务器推出速度极快，令人难以应付过来，不过这些服务器对开发者益处极大，原因在于MCP能同集成开发环境里的AI共同运作，进而提供文档以及技术方面的支持 。

近乎每日都会有全新的MCP服务器予以发布，那要怎样去判定哪一个才最为契合自身呢？借助大量的探究以及些许助力，我们辨别出了十个能够对前端开发工作起到支持与简化作用的MCP服务器（再加上一个试验性MCP服务器）。

1. Canva MCP 服务器

为何具备效用：在Canva MCP服务器问世之前，构建Canva应用属于漫长流程。为保证应用与Canva外观风格契合，开发者得往返同Canva交流。Canva察觉到，它能够把运用开发工具的工作转移至Canva之外，并于IDE中为开发者给予访问权限。MCP服务器 。

2. Dart MCP 服务器

为何具备用处：Dart MCP 服务器，它能够让 AI 代理与 Dart 平台展开交互。此 MCP 服务器，能使 AI 助手通过编程的方式，去访问以及管理 Dart 工作区内的数据，就像客户信息、项目、任务、时间跟踪还有计费这类数据。关键特性依如下展现：

3. MCP 服务器

凭借什么具备效用呢：MCP 服务器，此服务器能够让 AI 与云基础设施实施交互行为，进而朝着前端开发者给予了一个简约的自然语言界面，借由该界面去对他们的后端予以管理。MCP 服务器：

4. Figma Dev Mode MCP 服务器

它为何具备效用呢：Dev Mode MCP 服务器，会为 AI 代理供给设计方面的信息以及上下文情况，能够从 Figma 设计文件去生成代码。本地服务器可让人工智能助手凭借编程的方式，获取当下的 Figma 文件、项目以及选定的设计元素也就是节点的详尽信息，并将人工智能所拥有的能力融入到设计与开发的工作流程当中处，它是能够达成这样的功效的 。

5. MCP 服务器

有用之处在于，MCP 服务器专为开发者构建intellij idea swing，且其许 AI 代理能直接跟代码库进行交互，还能直接跟拉取请求进行交互，也能直接跟问题进行交互。MCP 服务器会把 AI 工具直接去连接该平台，如此以来让 AI 代理，且使助手以及聊天机器人，都能够读取存储库，并且能够读取代码文件，还能够管理问题以及 PR，也能够分析代码，并且能够自动化工作流。而这所有的一切都是借着自然语言交互来达成的。MCP 服务器所提供的是 。

6. MCP 代理服务器

为何它具备极大的实用性呢：它供应了集成开发环境，其中涵盖了针对 Java 的 IDEA。同时涵盖了用于特定方面的某 IDE，这里的某要依据具体所指来明确。还涵盖了用于另一特定方面的某 IDE，某同样需依据具体所指来明晰含义。另外有用于.NET 的 Riderintellij idea swing，以及用于 C/C++ 的 CLion。它为自身的 MCP 代理服务器搭配提供了一款插件，借助此插件能够让人工智能工具去借助IDE 的代码理解效能，进而开展重构作业，能够生成代码，并且可以直接于人工智能助手运行的开发环境里头去获取项目的相关背景情况。它促使达成了如下情况：

7. MCP 服务器

为啥它颇具效用呢，MCP 服务器，能让 AI 同其数据库展开交互，前端开发者能够运用 AI 代理 。

8. React MCP 服务器（第三方）

Meta 还没公布 React MCP 服务器的发布规划，不过 AI Labs 的前端开发人员已然打造出了一个，那个 React MCP 服务器进行了整合，按照它的页面说明，它有能力依照用户的提示去创建以及修改 React 应用程序，它能够：

9. Dev MCP 服务器

它为何具备实用性呢，此 MCP 服务器能够把开发者的 AI 助手同开发资源相连接，进而让 AI 助手可对文档展开搜索，去探索 API 模式，构建相应功能，还能获取有关 API 及最佳实践的最新方案。MCP 服务器具备这样的能力：

10. MCP 服务器

为什么它具备很高的实用价值呢：存在这样一种MCP服务器，它能够让AI与前端开发以及托管平台之间展开交互流程。它适用于CLI，适用于Code，还适用于Goose，适用于Devin，适用于装有特定配置的VS Code，也适用于Code以及其他相关内容。并且它具备这样的能力呢：

即将推出的 MCP 服务器（实验性）

为何它具备显著效用呢，存在着这样一个尚处试验时期的CLI MCP服务器，该服务器会供应那些能够于开发工作流程里为开发者予以助力的工具，它拥有这样的能力，它可以，就这样。

原文链接：

https://.io/10-mcp--for--/

声明：本文为 InfoQ 翻译，未经许可禁止转载。

今日好文推荐

如有侵权请联系删除！