Rive MCP
官方Rive MCP 讓 AI 處理重複性任務，例如建立複雜的檢視模型、包含數百個狀態/層級的狀態機、版面配置、形狀等。
你可以用 Rive MCP 做什麼？
- 管理 Rive 檔案 — 在開啟的 Rive 檔案中新增、重新命名、調整大小、排列及聚焦美術板。
- 編輯場景 — 查詢階層結構、選取物件、更新屬性、重新命名、複製、重新排序、重新設定父項或刪除元素。
- 建立設計 — 建立形狀、路徑、版面配置、元件執行個體、元件清單及以資產為基礎的元素。
- 使用骨骼綁定 — 依長度和旋轉角度或頭尾點建立根骨骼和骨骼鏈，然後進行綁定和權重設定。
- 製作動畫並新增互動 — 編輯線性動畫、狀態機、狀態、轉場、條件、關鍵影格及插值。
- 使用資料繫結 — 建立檢視模型、屬性、執行個體、繫結及自訂屬性群組。
文件
Rive MCP 整合
[!NOTE]
MCP 整合目前僅適用於 Windows 和 macOS 的桌面版 Editor。
您可以透過 MCP（Model Context Protocol）將 Rive Editor 連接至 AI 工具。第一批工具旨在讓 AI 處理重複性工作，例如建立複雜的 View Models、包含數百個狀態／圖層的 State Machines、Layouts、Shapes 等。
支援的功能
- 建立及管理 Rive 檔案 — 新增、重新命名、調整大小、排列及聚焦 artboards。
- 檢查及編輯場景 — 查詢階層、選取物件、更新屬性、重新命名、複製、重新排序、重新設定父項或刪除元素。
- 建立設計 — 建立形狀、路徑、版面配置、元件執行個體、元件清單及以資產為基礎的元素。
- 使用骨骼進行綁定 — 建立根骨骼和骨骼鏈，可依長度和旋轉或頭尾點建立，然後進行綁定和權重設定。
- 建立動畫和互動 — 編輯線性動畫、狀態機、狀態、轉場、條件、關鍵影格及插值。
- 使用資料繫結 — 建立檢視模型、屬性、執行個體、繫結及自訂屬性群組。
- 編輯指令碼和著色器 — 管理 Luau 指令碼和 WGSL 著色器、更新原始碼、執行診斷、重新編譯、測試、搜尋程式碼及讀取主控台輸出。
[!NOTE]
隨著新增更多工具，這份功能清單也會持續更新。
如果某些編輯會導致執行階段拒絕或當機，例如在同一個填色上設定兩種顏色，或在填色或描邊之外設定漸層，系統會拒絕並復原這些編輯。顏色的讀取方式與十六進位欄位相同：#fff 是白色，而 red 這類名稱則會遭到拒絕。
安裝
使用 Cursor
1. 開啟 Rive
安裝並開啟適用於 Mac 或 Windows 的最新版 Rive 桌面應用程式。
2. 設定 Cursor
建立 Cursor 帳戶並安裝應用程式。
3. 開啟 Cursor 設定
開啟 Cursor，並前往右上角的設定面板。
4. 新增自訂 MCP
開啟 Tools & MCPs 索引標籤，然後按一下 Add Custom MCP。
5. 儲存設定
將以下 JSON 片段儲存至電腦，檔名為 mcp.json。
{
"mcpServers": {
"rive": {
"url": "http://127.0.0.1:9791/mcp"
}
}
}
6. 啟用連線
開啟 MCP 連線 On
7. 確認連線
如果安裝正確，您應該會看到 Rive 列為可用的 MCP 伺服器。
[!NOTE]
若要使用 Rive 伺服器，必須先開啟 Rive 桌面應用程式。
如需 MCP 設定的其他資訊，請參閱這裡。
使用終端機中的 Claude
1. 開啟 Rive
安裝並開啟適用於 macOS 或 Windows 的最新版 Rive 桌面應用程式。
2. 新增 MCP 伺服器
在終端機中執行以下命令：
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. 啟動 Claude
執行 Claude 並依照提示操作：
claude
它能做什麼？
連接 AI 工具後，就可以開始向 AI 提示需求。
1. 開啟 Rive 檔案
開啟一個 Rive 檔案，並建立一個 Artboard。
2. 輸入提示
在聊天介面中輸入提示並按下 Enter。AI 會花一點時間處理要求，完成後，變更就會顯示在已開啟的 Rive 檔案中。
提示範例：
Create a State Machine about birds with 20 states and 2 layers