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 伺服器會:
- 語意搜尋:在 Remotion 文件的向量資料庫中搜尋最相關的內容
- 注入上下文:將找到的文件片段注入到 AI 的上下文視窗中
- 生成回答:AI 基於這些最新且準確的文件生成回答
這比讓 AI 依靠訓練時的靜態知識要準確得多,特別是對於 Remotion 這樣持續更新的函式庫。
為什麼要使用 MCP?
| 不使用 MCP | 使用 MCP |
|---|---|
| AI 依賴訓練資料中的舊版 Remotion API | AI 存取最新的 Remotion 文件 |
| 可能建議已棄用的方法 | 始終建議當前最佳實踐 |
| 對新功能一無所知 | 了解最新新增的功能 |
| 回答可能不準確 | 回答基於官方文件 |
相關資源
- Remotion AI 聊天機器人 — 在瀏覽器中直接詢問 Remotion 問題
- AI 程式碼生成 — 以程式方式使用 LLM 生成 Remotion 程式碼
- MCP 官方規範 — 了解更多關於 Model Context Protocol 的資訊