Rive MCP

официальный

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

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

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

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

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

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

[!NOTE]

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

Вы можете подключить редактор Rive к инструментам ИИ через MCP (Model Context Protocol). Первый набор инструментов предназначен для выполнения ИИ повторяющихся задач, например создания сложных моделей представления, машин состояний с сотнями состояний и слоёв, макетов, фигур и многого другого.

YouTube video player

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

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

[!NOTE]

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

Изменения, из-за которых среда выполнения откажется загружать файл или аварийно завершит работу, например два цвета для одной заливки или градиент вне заливки или обводки, отклоняются и отменяются. Цвета считываются так же, как в поле HEX: #fff — это белый цвет, а названия вроде red отклоняются.

Установка

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

1. Откройте Rive

Установите и откройте последнюю версию настольного приложения Rive для Mac или Windows.

2. Настройте Cursor

Создайте учётную запись Cursor и установите приложение.

3. Откройте настройки Cursor

Откройте Cursor и перейдите на панель настроек в правом верхнем углу.

Open cursor settings

4. Добавьте пользовательский MCP

Откройте вкладку Tools & MCPs и нажмите Add Custom MCP.

Open Cursor MCPs tab

5. Сохраните конфигурацию

Сохраните следующий фрагмент JSON на компьютере под именем mcp.json.

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

6. Включите подключение

Включите подключение MCP On

7. Проверьте подключение

Если установка прошла успешно, Rive появится в списке доступных серверов MCP.

Cursor verified

[!NOTE]

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

Дополнительные сведения о настройке MCP можно найти здесь.

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

YouTube video player

1. Откройте Rive

Установите и откройте последнюю версию настольного приложения Rive для macOS или Windows.

2. Добавьте сервер MCP

Выполните в терминале следующую команду:

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

3. Запустите Claude

Запустите Claude и следуйте инструкциям:

claude

Что он умеет?

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

1. Откройте файл Rive

Откройте файл Rive и создайте монтажную область.

2. Введите запрос

Введите запрос в интерфейсе чата и нажмите Enter. ИИ обработает запрос, и внесённые изменения появятся в открытом файле Rive.

Пример запроса:

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