Rive MCP: як підключити Claude Code, Cursor і Codex до Rive
Як працює сервер Rive MCP, як підключити Claude Code і Cursor до редактора Rive, що може, а що не може робити ШІ, і як він порівнюється з вбудованим агентом Rive і Rive CLI.
Основний винос
Сервер Rive MCP вбудовано в настільний редактор Rive для Mac і Windows. Хоча Rive відкритий, він працює за адресою http://127.0.0.1:9791/mcp, і інструменти кодування штучного інтелекту, такі як Claude Code і Cursor, можуть підключатися до нього, щоб створювати монтажні області, фігури, анімацію, кінцеві автомати, переглядати моделі та сценарії у відкритому файлі. У Claude Code підключіть його за допомогою однієї команди: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
Про цей посібник
ExodeUI не пов’язаний з Rive або Anthropic. Цей посібник базується на власній документації Rive станом на жовтень 2026 року. Функції ШІ Rive швидко змінюються, тому перевіряйте офіційну сторінку MCP, якщо крок не відповідає тому, що ви бачите. Ми робимо ExodeUI, який має власний сервер MCP, і порівнюємо їх у кінці.
Що може робити сервер Rive MCP
Rive каже, що перші інструменти спрямовані на повторювану роботу, таку як побудова моделей перегляду або кінцевих автоматів із сотнями станів і шарів. Згідно з документацією Rive, підключений інструмент ШІ може:
- Створюйте файли та керуйте ними: додавайте, перейменовуйте, змінюйте розмір, упорядковуйте та фокусуйте монтажні області
- Перегляньте та відредагуйте сцену: запитуйте ієрархію, вибирайте об’єкти, оновлюйте властивості, дублюйте, змінюйте порядок, змінюйте або видаляйте елементи
- Створюйте проекти: форми, шляхи, макети, екземпляри компонентів і списки
- Створення анімації та взаємодії: лінійна анімація, кінцеві автомати, стани, переходи, умови, ключові кадри та інтерполяція
- Робота зі зв’язуванням даних: переглядайте моделі, властивості, екземпляри та зв’язки
- Редагувати сценарії Luau та шейдери WGSL: оновлювати код, запускати діагностику, перекомпілювати, тестувати та читати вихід консолі
Як налаштувати Rive MCP за допомогою Claude Code
MCP працює лише з настільним редактором, а не з версією браузера. Спочатку відкрийте Rive, а потім підключіть свій інструмент ШІ.
1. Відкрийте настільну програму Rive
Установіть найновіший редактор робочого столу Rive для macOS або Windows із rive.app/downloads і відкрийте файл, над яким хочете працювати.
2. Додайте сервер MCP
У терміналі запустіть: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Запустіть Claude Code
Біжи Клод. Запустіть його після того, як Rive буде відкрито, щоб він міг знайти інструменти Rive.
4. Підказуйте функції, а не код
Опишіть, що ви хочете бачити, а що не можна змінювати, наприклад «додайте стан наведення до кнопки, яка масштабує її до 1,05 за допомогою пружини, і збережіть натиснутий стан як є».
Як налаштувати 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 Agent Rive
Rive також має AI Agent у редакторі. Обидва можуть редагувати ваш файл. Різниця в тому, хто платить і що ще може бачити агент.
- Вбудований агент працює за тарифними планами Rive: обмежено на Free та Cadet, із розширеними моделями, кредитами поповнення та вашим власним ключем API на Voyager
- З MCP ви використовуєте підписку AI, за яку вже платите, наприклад Claude або Cursor
- Зовнішній агент також може читати код вашої програми, примітки та документи, тому він може редагувати файл Rive і підключати його до вашої програми в тому самому сеансі
- Вбудований Агент не потребує налаштування та працює в редакторі браузера
Rive MCP проти Rive CLI
Новіший 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 та інші інструменти кодування ШІ можуть створювати та редагувати анімацію за допомогою підказок простою мовою. Результатом є один відкритий файл .exode JSON із кінцевими автоматами, фізикою Spring, а також входами й подіями, якими керує ваш код, відтворених середовищами виконання для React, Vue, Svelte, Angular, Solid, React Native, SwiftUI і Flutter. Це більше підходить для інтерактивного інтерфейсу продукту, ніж для анімації персонажів. Якщо ви вже працюєте в Rive, його сервер MCP є простішим вибором.
Фрагмент впровадження виробництва
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeКлючі Principle, які слід запам’ятати
- Сервер Rive MCP працює в редакторі робочого столу Rive за адресою http://127.0.0.1:9791/mcp
- Claude Code підключається за допомогою однієї команди; Cursor підключається через інструменти та MCP
- Він може створювати форми, анімацію, кінцеві автомати, переглядати моделі та сценарії Luau у відкритому файлі
- Rive CLI — це окремий текстовий маршрут для агентів, які створюють файли Rive із коду