Rive MCP

официальный

Rive MCP позволяет ИИ выполнять повторяющиеся задачи, такие как создание сложных View Models, State Machines с сотнями состояний/слоев, Layouts, Shapes и многое другое.

Смотреть на rive.app

Что можно делать с Rive MCP?

  • Управление файлами Rive и артбордами — Попросите ассистента добавить, переименовать, изменить размер, упорядочить или сфокусировать артборды в открытом файле Rive.
  • Просмотр и редактирование объектов сцены — Запрашивайте иерархии объектов, выбирайте элементы и обновляйте свойства, переименовывайте, дублируйте, изменяйте порядок, переназначайте родителя или удаляйте их.
  • Создание дизайнов программно — Создавайте фигуры, пути, макеты, экземпляры компонентов, списки компонентов и элементы на основе ассетов прямо в сцене.
  • Создание анимаций и взаимодействий — Редактируйте линейные анимации, конечные автоматы, состояния, переходы, условия, ключевые кадры и значения интерполяции.
  • Настройка привязки данных — Создавайте модели представлений, свойства, экземпляры, привязки и группы пользовательских свойств для сложных дизайнов, управляемых данными.
  • Редактирование скриптов и шейдеров — Управляйте скриптами Luau и шейдерами WGSL, обновляйте исходный код, запускайте диагностику, перекомпилируйте, тестируйте, ищите код и читайте вывод консоли.

Документация

Интеграция Rive MCP

Примечание

Интеграция MCP в настоящее время доступна только в настольном редакторе для Windows и macOS.

Вы можете подключить редактор Rive к инструментам ИИ через MCP (Model Context Protocol). Первый набор инструментов предназначен для того, чтобы ИИ мог выполнять повторяющиеся задачи, такие как создание сложных View Models, State Machines с сотнями состояний/слоев, Layouts, Shapes и многое другое.

Поддерживаемые функции

  • Создание и управление файлами Rive — добавление, переименование, изменение размера, упорядочивание и фокусировка артбордов.
  • Просмотр и редактирование сцены — запрос иерархий, выбор объектов, обновление свойств, переименование, дублирование, изменение порядка, смена родительского элемента или удаление элементов.
  • Создание дизайнов — создание фигур, путей, макетов, экземпляров компонентов, списков компонентов и элементов на основе ассетов.
  • Создание анимации и взаимодействия — редактирование линейных анимаций, state machines, состояний, переходов, условий, ключевых кадров и интерполяции.
  • Работа с привязкой данных — создание view models, свойств, экземпляров, привязок и групп пользовательских свойств.
  • Редактирование скриптов и шейдеров — управление скриптами Luau и шейдерами WGSL, обновление исходного кода, запуск диагностики, перекомпиляция, тестирование, поиск по коду и чтение вывода консоли.

Информация

Этот список функций будет расширяться по мере добавления новых инструментов.

Установка

Использование Cursor

Установите и откройте последнюю версию настольного приложения [Rive](https://rive.app/downloads) для Mac или Windows. Создайте учетную запись [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" />
Откройте вкладку Tools & MCPs и нажмите Add Custom 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" />

Примечание

Чтобы сервер Rive был доступен, приложение Rive Early Access должно быть открыто.

Дополнительную информацию о настройке MCP можно найти здесь.

Использование Claude в терминале

Установите и откройте последнюю версию [настольного приложения Rive](https://rive.app/downloads) для macOS или Windows. Выполните следующую команду в терминале: 
```shell theme={null}
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
```
Запустите Claude и следуйте подсказкам: 
```shell theme={null}
claude
```

Что это умеет?

После того как Cursor установлен и все настроено правильно, можно начинать отправлять запросы ИИ.

Откройте файл Rive и создайте артборд. Введите свой запрос в интерфейс чата и нажмите Enter. ИИ потребуется некоторое время для обработки запроса. 
Пример запроса:

```
Create a State Machine about birds with 20 states and 2 layers
```
После обработки запроса введите **End Prompt**, чтобы разрешить ИИ вносить изменения в файл Rive.