Rive MCP: Как подключить Claude Code, Cursor и Codex к Rive

Об этом руководстве

ExodeUI не ​​связан с Rive или Anthropic. Это руководство основано на собственной документации Rive по состоянию на октябрь 2026 года. Функции искусственного интеллекта Rive быстро меняются, поэтому проверьте официальную страницу MCP, если какой-либо шаг не соответствует тому, что вы видите. Мы создаем ExodeUI, у которого есть собственный сервер MCP, и в конце сравниваем их.

Что может сервер Rive MCP

Rive говорит, что первые инструменты предназначены для повторяющейся работы, такой как построение моделей представлений или конечных автоматов с сотнями состояний и слоев. Согласно документации Rive, подключенный инструмент искусственного интеллекта может:

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

Как настроить Rive MCP с Claude Code

MCP работает только с настольным редактором, а не с браузерной версией. Сначала откройте Rive, затем подключите инструмент искусственного интеллекта.

Как настроить Rive MCP с помощью Cursor и Codex

В Cursor откройте «Настройки», перейдите в «Инструменты и MCPs», выберите «Добавить пользовательский MCP» и добавьте сервер с именем rive с URL-адресом http://127.0.0.1:9791/mcp, затем включите соединение. Rive документирует Claude Code и Cursor. Поскольку сервер является локальным сервером HTTP MCP, другие клиенты, поддерживающие серверы HTTP MCP, такие как Codex, могут подключаться по тому же URL-адресу.

Rive MCP против встроенного AI-агента Rive

Rive также имеет в редакторе AI-агент. Оба могут редактировать ваш файл. Разница в том, кто платит и что еще может видеть агент.

• Встроенный агент работает на планах Rive: ограниченный для Free и Cadet, с расширенными моделями, кредитами для пополнения счета и собственным ключом API для Voyager.
• Используя MCP, вы используете уже оплаченную подписку AI, например Claude или Cursor.
• Внешний агент также может читать код вашего приложения, заметки и документы, поэтому он может редактировать файл Rive и подключать его к вашему приложению в одном сеансе.
• Встроенный агент не требует настройки и работает в редакторе браузера.

Rive MCP против CLI Rive

Новый CLI Rive идет по другому пути. Вместо управления открытым редактором ваш агент кодирования записывает сцену в виде текста на языке разметки Rive (RML), а CLI создает файлы .riv для вашего приложения или файлы .rev, которые открываются в редакторе. Он показывает локальный предварительный просмотр, может отображать кадры и запускать тесты без окна, а также сохраняет проект как текстовую папку, поэтому он может находиться в системе контроля версий. Используйте MCP для работы с дизайнером в редакторе; используйте CLI, когда агент создает или редактирует графику Rive из кода.

Ограничения, которые следует знать перед началом

Интеграция MCP в Rive молода и имеет некоторые практические ограничения.

• Только настольный редактор для macOS и Windows, и Rive должен быть открыт вместе с вашим файлом.
• ИИ работает с открытым файлом, поэтому проверяйте результат на экране, прежде чем доверять ему.
• Для публикации файлов .riv без заставки Rive по-прежнему требуется платный план от Cadet по цене 9 долларов за место в месяц с ежегодной оплатой.
• Подсказки, описывающие желаемый результат, работают лучше, чем подсказки, описывающие код.

Альтернатива: сервер MCP от ExodeUI.

ExodeUI — это браузер и настольный инструмент для интерактивного пользовательского интерфейса и анимации. У него также есть сервер MCP, поэтому Claude Code, Cursor и другие инструменты кодирования AI могут создавать и редактировать анимацию с помощью подсказок, написанных простым языком. В результате получается один открытый файл .exode JSON с конечными автоматами, физикой пружин, а также вводами и событиями, которыми управляет ваш код, воспроизводимый средами выполнения для React, Vue, Svelte, Angular, Solid, React Native, SwiftUI и Flutter. Он больше подходит для интерактивного пользовательского интерфейса продукта, чем для анимации персонажей. Если вы уже работаете в Rive, его сервер MCP — более простой выбор.