Remotion LabRemotion Lab
AIRemotion 的 Model Context Protocol(MCP)

Remotion 的 Model Context Protocol(MCP)

使用 Remotion 的 MCP 伺服器,讓你的編輯器 AI Chat 更深入地理解 Remotion 文件,提升程式碼生成品質。

Remotion 的 Model Context Protocol

你可以使用 Remotion 的 Model Context Protocol(MCP)客戶端,讓你的編輯器 AI Chat 更深入地理解 Remotion。

Remotion 的 MCP 伺服器使用 CrawlChat 的技術,將 Remotion 的文件索引到向量資料庫中。

注意 — 測試階段:目前這個工具開放使用且無需認證。如果使用量過高導致費用增加,我們可能會限制使用。

Cursor 設定

一鍵安裝

訪問 Cursor 的 MCP 設定頁面 並點擊 Remotion Documentation 的安裝按鈕。

手動安裝

第 1 步:開啟 Cursor 設定。

按下 Cmd/Ctrl + P,輸入 > Cursor Settings,然後按 Enter 確認。

第 2 步:新增 MCP 伺服器設定。

{
  "mcpServers": {
    "remotion-documentation": {
      "command": "npx",
      "args": ["@remotion/mcp@latest"]
    }
  }
}

如果設定成功,你應該會看到一個綠點,並且 remotion-documentation 工具會出現在工具列表中。

現在當你在 Cursor Composer 中要求使用 Remotion 文件時,MCP 就會被觸發。

VS Code 設定

一鍵安裝

點擊 安裝 MCP 伺服器 按鈕直接安裝。

手動安裝

第 1 步:開啟命令面板。

  • macOS:Cmd + Shift + P
  • Windows/Linux:Ctrl + Shift + P

第 2 步:輸入 > MCP: Add Server 並按 Enter 確認。

第 3 步:選擇 Add from JSON 並貼上以下設定:

{
  "name": "remotion-documentation",
  "command": "npx",
  "args": ["@remotion/mcp@latest"]
}

第 4 步:伺服器應該會出現在 MCP 伺服器列表中。你可以透過開啟擴充套件視圖(Cmd+Shift+X / Ctrl+Shift+X)並查看 MCP Servers 區塊來確認它是否正在執行。

現在當你請求 GitHub Copilot Chat 使用 Remotion 文件時,MCP 就會被觸發。

MCP 的運作方式

MCP(Model Context Protocol)是一種標準協議,允許 AI 工具在需要時動態地從外部來源獲取上下文資訊。

當你詢問 AI 關於 Remotion 的問題時,MCP 伺服器會:

  1. 語意搜尋:在 Remotion 文件的向量資料庫中搜尋最相關的內容
  2. 注入上下文:將找到的文件片段注入到 AI 的上下文視窗中
  3. 生成回答:AI 基於這些最新且準確的文件生成回答

這比讓 AI 依靠訓練時的靜態知識要準確得多,特別是對於 Remotion 這樣持續更新的函式庫。

為什麼要使用 MCP?

不使用 MCP使用 MCP
AI 依賴訓練資料中的舊版 Remotion APIAI 存取最新的 Remotion 文件
可能建議已棄用的方法始終建議當前最佳實踐
對新功能一無所知了解最新新增的功能
回答可能不準確回答基於官方文件

相關資源