Rive MCP

官方

Rive MCP 让 AI 处理重复性任务，例如创建复杂的视图模型、包含数百个状态/层的状态机、布局、形状等。

访问 rive.app

你可以用 Rive MCP 做什么？

创建和管理画板 — 在当前 Rive 文件中添加、重命名、调整大小、排列和聚焦画板。
检查和编辑场景图 — 查询对象层次结构、选择元素、更新属性、重命名、复制、重新排序、重新父级或删除节点。
构建设计元素 — 创建形状、路径、布局、组件实例、组件列表和基于资源的元素。
编写状态机和动画 — 编辑线性动画、状态机、状态、过渡、条件、关键帧和插值。
设置数据绑定 — 创建视图模型、属性、实例、绑定和自定义属性组。
编辑脚本和着色器 — 管理 Luau 脚本和 WGSL 着色器，更新源代码，运行诊断，重新编译，测试，搜索代码和读取控制台输出。

文档

Rive MCP 集成

export const YouTube = ({id, timestamp}) => { const videoSrc = timestamp ? https://www.youtube.com/embed/${id}?start=${timestamp} : https://www.youtube.com/embed/${id}; return ; }; <Note> MCP 集成目前仅适用于 Windows 和 macOS 的桌面编辑器。

你可以通过 MCP（模型上下文协议）将 Rive 编辑器连接到 AI 工具。首批工具旨在让 AI 处理重复性任务，例如创建复杂的视图模型、包含数百个状态/层的状态机、布局、形状等。

支持的功能

创建和管理 Rive 文件 — 添加、重命名、调整大小、排列和聚焦画板。
检查和编辑场景 — 查询层级结构、选择对象、更新属性、重命名、复制、重新排序、重新设置父级或删除元素。
构建设计 — 创建形状、路径、布局、组件实例、组件列表和基于资产的元素。
创建动画和交互 — 编辑线性动画、状态机、状态、过渡、条件、关键帧和插值。
使用数据绑定 — 创建视图模型、属性、实例、绑定和自定义属性组。
编辑脚本和着色器 — 管理 Luau 脚本和 WGSL 着色器，更新源代码，运行诊断，重新编译，测试，搜索代码并读取控制台输出。

随着更多工具的添加，此功能列表将随时间演变。

安装

使用 Cursor

安装并打开适用于 Mac 或 Windows 的最新版 [Rive](https://rive.app/downloads) 桌面应用。创建一个 [Cursor](https://www.cursor.com/) 账户并安装该应用。打开 Cursor，并导航至右上角的设置面板。

<img src="https://mintcdn.com/rive/4WyvnoR1218cyi0r/images/editor/cursor-settings-button.png?fit=max&auto=format&n=4WyvnoR1218cyi0r&q=85&s=39bb9802e31872b2317fed055e5cf24b" alt="Open cursor settings" width="1660" height="1090" data-path="images/editor/cursor-settings-button.png" />

打开“工具与 MCP”选项卡，然后点击“添加自定义 MCP”。

<img src="https://mintcdn.com/rive/4WyvnoR1218cyi0r/images/editor/cursor-mcp-settings.png?fit=max&auto=format&n=4WyvnoR1218cyi0r&q=85&s=d82531f4741d02cdd01233d7517a5f25" alt="Open Cursor MCPs tab" width="1658" height="1080" data-path="images/editor/cursor-mcp-settings.png" />

将以下 JSON 代码段作为 `mcp.json` 保存到你的计算机。

```json theme={null}
{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}
```

将 MCP 连接 `On` 如果一切安装正确，你应该会看到 Rive 作为可用的 MCP 服务器。

<img src="https://mintcdn.com/rive/4WyvnoR1218cyi0r/images/editor/cursor-mcp-connection.png?fit=max&auto=format&n=4WyvnoR1218cyi0r&q=85&s=59ca6c71d1cc1317320ab8272eae0e16" alt="Cursor verified" width="1660" height="1104" data-path="images/editor/cursor-mcp-connection.png" />

<Note>
  要使 Rive 服务器可用，你必须已打开 Rive 抢先体验版应用。
</Note>

有关设置 MCP 的更多信息，请参见此处。

在终端中使用 Claude

安装并打开适用于 macOS 或 Windows 的最新版 [Rive 桌面应用](https://rive.app/downloads)。在终端中运行以下命令：

```shell theme={null}
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
```

运行 Claude 并按照提示操作：

```shell theme={null}
claude
```

它能做什么？

一旦 Cursor 安装完毕且一切设置正确，就可以开始向 AI 发出提示了。

打开一个 Rive 文件并创建一个画板。在聊天界面中输入你的提示，然后按回车键。AI 将花一些时间处理请求。

示例提示：

```
Create a State Machine about birds with 20 states and 2 layers
```

请求处理完毕后，输入 **End Prompt** 以允许 AI 对 Rive 文件进行更改。