阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

讓我們面對現實吧——現代發展日新月異。市面上有這麼多的工具,無需在應用程式之間切換就能保持高效,這是一個巨大的進步。這就是 MCP(模型上下文協定)伺服器的作用所在。它們在後台工作,將強大的功能(如網頁抓取、設計預覽、瀏覽器自動化,甚至文件轉換)直接連接到您的 Cursor 編輯器中。

您無需切換標籤或編寫樣板程式碼,而是可以獲得在流程中執行的智慧、無縫的工具。在本指南中,我們重點介紹了 10 個最佳開源 MCP 伺服器,您可以立即開始使用它們來提高 Cursor 的工作效率。

1. Apidog MCP 伺服器

Apidog MCP 伺服器

Apidog MCP 伺服器專為使用 API 的開發人員建置。它將 Cursor 等 AI 助理直接連接到您的 API 文件,因此您無需切換選項卡即可更聰明、更快速地建置。

與通用上下文外掛程式不同,Apidog 專注於讓您的 OpenAPI 規格、端點資料和模式詳細資訊能夠立即被 AI 存取。想要產生 TypeScript 介面或根據您的真實端點建立 Python 用戶端嗎?只需詢問 Cursor — 它已經知道您的 API 的結構。

主要特點:

  • 與 Apidog 專案、公共文件或本機 OpenAPI 檔案同步

  • 支援自然語言查詢,例如“/users 的回應結構是什麼?”

  • 在本機快取規範,以實現快速、離線的開發

  • 確保 AI 建議準確且具有專案意識

確保 AI 建議準確且具有專案意識

在 Cursor 中配置 MCP

編輯 MCP 設定檔開啟 Cursor 編輯器,點擊設定圖示(右上角),從左側選單中選擇“MCP”,然後點擊“+ 新增的全域 MCP 伺服器”。

新增的全球 MCP 伺服器

新增配置在開啟的mcp.json中貼上以下配置。請記得將<access-token><project-id>替換為你自己的:

驗證配置透過詢問 AI(在代理模式下)測試連線:

當AI傳回您的Apidog專案的API資訊時,即確認連線成功。

Apidog MCP Server 消除了 API 開發中最大的生產力殺手之一:在文件和程式碼之間來回跳轉。它將 API 規範轉變為智慧、可查詢的知識庫。

2. Browserbase MCP 伺服器

Browserbase MCP 伺服器

概述: Browserbase MCP Server 讓 AI 助理能夠在雲端瀏覽器環境中與網頁交互,處理動態內容和複雜的使用者交互。

主要特點:

  • 基於雲端的瀏覽器會話,具有會話管理功能

  • 整頁和特定元素的螢幕截圖

  • JavaScript 執行和 DOM 操作

  • 用於多工處理的平行瀏覽器實例

Browserbase MCP 伺服器

該伺服器對於測試 Web 應用程式和自動化重複的網站互動特別有用。

若要將 Browserbase 新增至 Cursor,請先從browserbase.io取得 API 憑證,然後將下列設定新增至.cursor/mcp.json檔案:

3.Magic MCP 伺服器

魔法 MCP 伺服器

Magic MCP Server將產生 AI 功能直接整合到您的開發工作流程中。它允許:

  • 前端開發過程中佔位符影像的生成

  • 將文字轉換為各種格式或樣式

  • 文件內容摘要

  • 根據自然語言描述建立程式碼範例

透過利用 OpenAI 的 API,Magic MCP 帶來強大的 AI 驅動功能來協助各種開發任務。

設定檔位置:

  • 遊標: ~/.cursor/mcp.json

  • 風帆衝浪: ~/.codeium/windsurf/mcp_config.json

  • 克萊恩: ~/.cline/mcp_config.json

  • 克勞德: ~/.claude/mcp_config.json

4. Opik MCP 伺服器

Opik MCP 伺服器

Opik MCP 伺服器將您的 AI 助理連接到即時網路搜尋和知識探索。 Opik 不再依賴過時的背景,而是允許開發人員直接從網路上獲取最新的見解、事實或參考資料,從而使人工智慧在研究密集型任務中更具資訊量和實用性。

主要特點:

  • 即時網路搜尋集成

  • 外部內容摘要

  • 引用的來源感知回應

  • 適用於文件編制、事實查核和內容生成

這台伺服器簡化了機器學習實驗的管理和視覺化。

遊標集成

若要與 Cursor IDE 集成,請在專案目錄中建立一個.cursor/mcp.json文件,並採用下列配置:

/path/to/node替換為 Node.js 執行檔的路徑,將/path/to/opik-mcp替換為 opik-mcp 安裝的路徑。也要用您的實際 Opik API 金鑰取代YOUR_API_KEY

5. Figma Context MCP 伺服器

Figma Context MCP 伺服器

Figma Context MCP Server 透過將 Figma 資料直接提供給您的編碼助手來橋接設計和程式碼。它允許開發人員查詢設計、了解佈局並根據已設計的內容生成 UI 程式碼 - 無需與設計團隊來回溝通。

主要特點:

  • 存取 Figma 框架、圖層和文本

  • 將設計轉換為元件程式碼(例如 React、HTML/CSS)

  • 分析間距、顏色和排版

  • 辨識視覺不一致或缺少的元素

  • 將 Figma 結構轉化為可供開發的見解

這種整合確保了設計的一致性並簡化了開發過程。

6. Pandoc MCP 伺服器

Pandoc MCP 伺服器

Pandoc MCP Server 為您的開發環境帶來強大的文件轉換功能。它允許在各種格式之間轉換文件,例如:

  • Markdown 轉換為 PDF、HTML、DOCX 等

  • 處理學術論文或研究筆記

  • 根據不同的來源材料產生報告

  • 建立發布工作流程

對於使用多種文件格式的開發人員來說,該伺服器非常有價值。

若要將 Excel MCP 伺服器新增至您的 Cursor 配置,請將其新增至您的.cursor/mcp.json檔案:

7. Excel MCP 伺服器

Excel MCP 伺服器

Excel MCP Server將您的電子表格轉變為 AI 可存取的資料來源。它使您的 AI 助理能夠即時讀取、查詢甚至寫入 Excel 文件,幫助您直接在程式碼中自動產生報告、資料轉換和邏輯實作。

主要特點:

  • 讀取並解析 Excel 工作表、行和公式

  • 從電子表格資料產生視覺化或摘要

  • 以程式方式修改儲存格和公式

  • 將處理後的資料匯出回 Excel

  • 非常適合自動執行重複的報告任務

此伺服器對於處理儲存在 Excel 電子表格中的資料和產生報告特別有用。

若要將 Excel MCP 伺服器新增至您的 Cursor 配置,請將其新增至您的.cursor/mcp.json檔案:

8.心智圖 MCP 伺服器

心智圖 MCP 伺服器

Mindmap MCP Server讓您的 AI 助理可以存取結構化心智圖。這在集思廣益、規劃架構或概述文件時尤其有用。助手可以閱讀、解釋甚至建議改變心智圖,將原始想法轉化為可操作的步驟。

主要特點:

  • 導入並解釋結構化心智圖

  • 將視覺節點轉換為結構化的輪廓或任務

  • 維護規劃和文件的邏輯層次結構

  • 在人工智慧的支援下協作開發概念

  • 用作創意規劃或產品範圍界定的工具

此工具可協助開發人員組織想法並有效規劃功能。

將以下內容新增至您的.cursor/mcp.json檔案:

9. Markdownify MCP 伺服器

Markdownify MCP 伺服器

Markdownify MCP Server可以將各種內容格式轉換為乾淨、結構化的 markdown。它可用於:

  • 將 HTML 內容轉換為 Markdown

  • 清理文件

  • 標準化內容格式

  • 為基於 Markdown 的平台準備內容

這台伺服器簡化了為 GitHub 或技術部落格等平台準備內容的過程。

要將此伺服器與桌面應用程式集成,請將以下內容加入到應用程式的伺服器配置中:

10. Tavily MCP 伺服器

Tavily MCP 伺服器

Tavily MCP Server專注於為您的 AI 助理提供高品質、精選的知識。它結合了多種知識來源並使用智慧過濾為您的助理提供更多相關資訊 - 使其成為深入研究、程式碼參考或技術寫作的理想選擇。

主要特點:

  • 豐富的上下文知識檢索

  • 人工智慧友善複雜主題摘要

  • 考慮來源權威性和可靠性

  • 多源聚合(文件、部落格、文章)

  • 非常適合研究密集的開發任務

編輯設定檔如下:

如何為 Cursor 選擇合適的 MCP 伺服器

由於有如此多的 MCP 伺服器可用,選擇適合您的開發工作流程的伺服器可能會讓人感到不知所措。為了做出最佳選擇,請考慮以下幾個因素:

1.您的用例

不同的 MCP 伺服器擅長不同的任務:

  • 如果您使用 API 和 OpenAPI 文件, Apidog是最好的選擇。

  • Firecrawl在網頁抓取、瀏覽器自動化和多模式代理程式方面表現出色。

  • Figma非常適合從設計到程式碼的工作流程。

將伺服器與您最常見的編碼需求相符。

2.開源與託管

如果您擔心隱私或需要更多控制權:

  • 選擇開源MCP 伺服器,如 Firecrawl、Apidog 和 AnyMCP。

  • 託管選項很方便,但可能無法提供完全透明度或本地快取。

結論:簡化您的開發工作流程

將這些 MCP 伺服器整合到您的 Cursor 環境中可以顯著增強您的開發工作流程。透過減少上下文切換並將強大的工具直接引入您的 IDE,您可以將更多精力放在編碼上,而不是管理不同的工具。

從 Firecrawl MCP Server 開始是一個務實的選擇,因為它具有強大的網頁抓取功能和強大的社群支援。隨著您變得更加熟悉,探索其他伺服器(例如用於瀏覽器自動化的 Browserbase 或用於產生 AI 實用程式的 Magic MCP)可以進一步增強您的開發體驗。


原文出處:https://dev.to/therealmrmumba/top-10-cursor-mcp-servers-in-2025-1nm7


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!