Rive MCP: Jak podłączyć Claude Code, Cursor i Codex do Rive
Jak działa serwer Rive MCP, jak połączyć Claude Code i Cursor z edytorem Rive, co sztuczna inteligencja może, a czego nie może zrobić i jak wypada w porównaniu z wbudowanym agentem Rive i interfejsem CLI Rive.
Rdzeń na wynos
Serwer Rive MCP jest wbudowany w edytor pulpitu Rive dla komputerów Mac i Windows. Gdy Rive jest otwarty, działa pod adresem http://127.0.0.1:9791/mcp, a narzędzia do kodowania AI, takie jak Claude Code i Cursor, mogą się z nim łączyć, aby tworzyć obszary robocze, kształty, animacje, maszyny stanu, przeglądać modele i skrypty w otwartym pliku. W Claude Code połącz to jednym poleceniem: claude mcp add --transport http rive http://127.0.0.1:9791/mcp.
O tym przewodniku
ExodeUI nie jest powiązany z Rive ani Anthropic. Ten przewodnik opiera się na dokumentacji Rive z października 2026 r. Funkcje AI Rive zmieniają się szybko, więc sprawdź oficjalną stronę MCP, jeśli jakiś krok nie pasuje do tego, co widzisz. Tworzymy ExodeUI, który ma własny serwer MCP i na koniec porównujemy oba.
Co potrafi serwer Rive MCP
Rive twierdzi, że pierwsze narzędzia są przeznaczone do powtarzalnych prac, takich jak budowanie modeli widoków lub maszyn stanowych z setkami stanów i warstw. Według dokumentacji Rive podłączone narzędzie AI może:
- Twórz pliki i zarządzaj nimi: dodawaj, zmieniaj nazwy, zmieniaj rozmiar, układaj i ustawiaj obszary robocze
- Sprawdzaj i edytuj scenę: sprawdzaj hierarchię, wybieraj obiekty, aktualizuj właściwości, duplikuj, zmieniaj kolejność, ponownie rodzić lub usuwaj elementy
- Twórz projekty: kształty, ścieżki, układy, instancje komponentów i listy
- Twórz animacje i interakcje: animacje liniowe, maszyny stanowe, stany, przejścia, warunki, klatki kluczowe i interpolacja
- Pracuj z powiązaniami danych: przeglądaj modele, właściwości, instancje i powiązania
- Edytuj skrypty Luau i shadery WGSL: aktualizuj kod, uruchamiaj diagnostykę, rekompiluj, testuj i czytaj dane wyjściowe konsoli
Jak skonfigurować Rive MCP z Claude Code
MCP działa tylko z edytorem komputerowym, a nie z wersją przeglądarkową. Najpierw otwórz Rive, a następnie podłącz narzędzie AI.
1. Otwórz aplikację komputerową Rive
Zainstaluj najnowszy edytor pulpitu Rive dla systemu macOS lub Windows ze strony rive.app/downloads i otwórz plik, nad którym chcesz pracować.
2. Dodaj serwer MCP
W terminalu uruchom: claude mcp add --transport http rive http://127.0.0.1:9791/mcp
3. Uruchom Claude Code
Biegnij claude. Uruchom go po otwarciu Rive, aby mógł znaleźć narzędzia Rive.
4. Pytaj o funkcje, a nie o kod
Opisz, co chcesz zobaczyć, a czego nie wolno zmieniać, na przykład „dodaj stan najechania do przycisku, który skaluje go do 1,05 ze sprężyną i pozostaw stan wciśnięty bez zmian”.
Jak skonfigurować Rive MCP z Cursor i Codex
W Cursor otwórz Ustawienia, przejdź do Narzędzia i MCPs, wybierz opcję Dodaj niestandardowe MCP i dodaj serwer o nazwie rive z adresem URL http://127.0.0.1:9791/mcp, a następnie włącz połączenie. Rive dokumentuje Claude Code i Cursor. Ponieważ serwer jest lokalnym serwerem HTTP MCP, inni klienci obsługujący serwery HTTP MCP, np. Codex, mogą łączyć się za pomocą tego samego adresu URL.
Rive MCP kontra wbudowany agent AI Rive
Rive ma również agenta AI w edytorze. Obydwa mogą edytować Twój plik. Różnica polega na tym, kto płaci i co jeszcze agent może zobaczyć.
- Wbudowany Agent działa na planach Rive: ograniczony w wersjach Free i Cadet, z zaawansowanymi modelami, środkami doładowującymi i własnym kluczem API na Voyager
- Dzięki MCP korzystasz z subskrypcji AI, za którą już zapłaciłeś, takiej jak Claude lub Cursor
- Zewnętrzny agent może również odczytać kod aplikacji, notatki i dokumenty, dzięki czemu może edytować plik Rive i podłączyć go do aplikacji w tej samej sesji
- Wbudowany Agent nie wymaga konfiguracji i działa w edytorze przeglądarki
Rive MCP kontra Rive CLI
Nowsze CLI Rive to inna droga. Zamiast sterować otwartym edytorem, Twój agent kodujący zapisuje scenę jako tekst w języku znaczników Rive (RML), a interfejs CLI tworzy pliki .riv dla Twojej aplikacji lub pliki .rev, które otwierają się w edytorze. Pokazuje lokalny podgląd, może renderować ramki i uruchamiać testy bez okna, a także przechowuje projekt jako folder tekstowy, dzięki czemu może działać pod kontrolą wersji. Użyj MCP do pracy z projektantem w edytorze; użyj interfejsu CLI, gdy agent tworzy lub edytuje grafikę Rive z kodu.
Ograniczenia, które warto poznać zanim zaczniesz
Integracja Rive z MCP jest młoda i ma pewne praktyczne ograniczenia.
- Tylko edytor stacjonarny, na macOS i Windows, a Rive musi być otwarty z plikiem
- Sztuczna inteligencja pracuje na otwartym pliku, więc zanim zaufasz, sprawdź wynik na ekranie
- Publikowanie plików .riv bez ekranu powitalnego Rive nadal wymaga płatnego planu, od Cadet w cenie 9 USD za miejsce miesięcznie, z opłatą roczną
- Podpowiedzi opisujące żądany wynik działają lepiej niż podpowiedzi opisujące kod
Alternatywa: serwer MCP firmy ExodeUI
ExodeUI to przeglądarka i narzędzie komputerowe umożliwiające interaktywny interfejs użytkownika i animacje. Posiada również serwer MCP, więc Claude Code, Cursor i inne narzędzia do kodowania AI mogą tworzyć i edytować animacje na podstawie podpowiedzi w prostym języku. Rezultatem jest jeden otwarty plik .exode JSON z maszynami stanów, fizyką sprężyn oraz wejściami i zdarzeniami sterowanymi przez Twój kod, odtwarzany przez środowiska wykonawcze React, Vue, Svelte, Angular, Solid, React Native, SwiftUI i Flutter. Bardziej pasuje do interaktywnego interfejsu użytkownika produktu niż animacji postaci. Jeśli już pracujesz w Rive, jego serwer MCP będzie prostszym wyborem.
Fragment wdrożenia produkcyjnego
# Rive desktop editor must be open first
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
# then start Claude Code
claudeKlucz Principles do zapamiętania
- Serwer Rive MCP działa w edytorze pulpitu Rive pod adresem http://127.0.0.1:9791/mcp
- Claude Code łączy się jednym poleceniem; Cursor łączy się za pomocą narzędzi i MCP
- Może budować kształty, animacje, maszyny stanów, przeglądać modele i skrypty Luau w otwartym pliku
- Interfejs CLI Rive to osobna, tekstowa ścieżka dla agentów, którzy tworzą pliki Rive z kodu