Rive MCP Integration

​

Supported Features

• Create and manage Rive files — add, rename, resize, arrange, and focus artboards.
• Inspect and edit the scene — query hierarchies, select objects, update properties, rename, duplicate, reorder, reparent, or delete elements.
• Build designs — create shapes, paths, layouts, component instances, component lists, and asset-based elements.
• Create animation and interaction — edit linear animations, state machines, states, transitions, conditions, keyframes, and interpolation.
• Work with data binding — create view models, properties, instances, bindings, and custom property groups.
• Edit scripts and shaders — manage Luau scripts and WGSL shaders, update source code, run diagnostics, recompile, test, search code, and read console output.

​

Installation

​

Using Cursor

1

Open Rive

Install and open the latest version of the Rive desktop app for Mac or Windows.

2

Set up Cursor

Create a Cursor account and install the app.

3

Open Cursor settings

Open Cursor and navigate to the settings panel in the top right corner.

4

Add custom MCP

Open the Tools & MCPs tab and click Add Custom MCP.

5

Save the configuration

Save the following JSON snippet to your computer as mcp.json.

{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}

6

Enable connection

Turn the MCP connection On

7

Verify connection

If everything was installed correctly, you should see Rive as an available MCP server.

For the Rive server to be available, you must have the Rive Early Access app opened.

​

Using Claude in Terminal

claude mcp add --transport http rive http://127.0.0.1:9791/mcp

claude

​

What can it do?

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