Rive MCP: Как да свържете Claude Code, Cursor и Codex към Rive
Как работи сървърът Rive MCP, как да свържете Claude Code и Cursor към редактора на Rive, какво може и какво не може да направи AI и как се сравнява с вградения агент на 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 г. Функциите на AI на Rive се променят бързо, така че проверете официалната страница на MCP, ако дадена стъпка не съответства на това, което виждате. Ние правим ExodeUI, който има собствен сървър MCP и накрая сравняваме двата.
Какво може да направи сървърът Rive MCP
Rive казва, че първите инструменти са насочени към повтаряща се работа, като например изграждане на модели на изгледи или машини със стотици състояния и слоеве. Според документите на Rive, свързан AI инструмент може:
- Създавайте и управлявайте файлове: добавяйте, преименувайте, преоразмерявайте, подреждайте и фокусирайте артборда
- Проверете и редактирайте сцената: направете заявка в йерархията, изберете обекти, актуализирайте свойства, дублирайте, пренаредете, възстановявайте или изтривайте елементи
- Изградете проекти: форми, пътеки, оформления, екземпляри на компоненти и списъци
- Създаване на анимация и взаимодействие: линейни анимации, автомати, състояния, преходи, условия, ключови кадри и интерполация
- Работете с обвързване на данни: прегледайте модели, свойства, екземпляри и обвързвания
- Редактирайте Luau скриптове и WGSL шейдъри: актуализирайте кода, стартирайте диагностика, прекомпилирайте, тествайте и четете конзолния изход
Как да настроите Rive MCP с Claude Code
MCP работи само с настолния редактор, но не и с версията на браузъра. Първо отворете Rive, след което свържете вашия AI инструмент.
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 агент на Rive
Rive също има AI агент в редактора. И двамата могат да редактират вашия файл. Разликата е кой плаща и какво друго може да види агентът.
- Вграденият агент работи по плановете на Rive: ограничен на Free и Cadet, с разширени модели, кредити за допълване и ваш собствен API ключ на Voyager
- С MCP използвате абонамента за AI, за който вече плащате, като Claude или Cursor
- Външен агент може също да чете кода, бележките и документите на вашето приложение, така че да може да редактира файла Rive и да го свърже с вашето приложение в същата сесия
- Вграденият агент не се нуждае от настройка и работи в редактора на браузъра
Rive MCP срещу Rive CLI
По-новият CLI на Rive е различен маршрут. Вместо да управлява отворения редактор, вашият кодиращ агент записва сцената като текст на Rive Markup Language (RML), а CLI изгражда .riv файлове за вашето приложение или .rev файлове, които се отварят в редактора. Той показва локален предварителен преглед, може да изобразява рамки и да изпълнява тестове без прозорец и запазва проекта като папка с текст, така че да може да живее в контрола на версиите. Използвайте MCP за работа с дизайнер в редактора; използвайте CLI, когато агент изгражда или редактира Rive графики от код.
Ограничения, които трябва да знаете, преди да започнете
MCP интеграцията на Rive е млада и има някои практически ограничения.
- Само редактор за настолен компютър, на macOS и Windows, и Rive трябва да бъде отворен с вашия файл
- AI работи върху файла, който е отворен, така че проверете резултата на екрана, преди да му се доверите
- Публикуването на .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 сървър е по-лесният избор.
Фрагмент за внедряване на продукцията
# 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 се свързва чрез Инструменти и MCPs
- Може да създава форми, анимации, автомати, да преглежда модели и Luau скриптове в отворения файл
- Rive CLI е отделен, базиран на текст маршрут за агенти, които изграждат Rive файлове от код