Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Yapay Zeka Hareket Kılavuzu6 dakikalık okuma·Updated Ekim 2026·ExodeUI ekibi

Rive MCP: Claude Code, Cursor ve Codex'i Rive'e Bağlama

Rive MCP sunucusu nasıl çalışır, Claude Code ve Cursor'in Rive düzenleyicisine nasıl bağlanacağı, yapay zekanın neler yapabileceği ve yapamayacağı ve Rive'in yerleşik aracısı ve Rive CLI ile nasıl karşılaştırılacağı.

Özet ve tanım

Ana nokta

Rive MCP sunucusu, Mac ve Windows için Rive masaüstü düzenleyicisinde yerleşiktir. Rive açıkken http://127.0.0.1:9791/mcp adresinde çalışır ve Claude Code ve Cursor gibi yapay zeka kodlama araçları, açık dosyada çalışma yüzeyleri, şekiller, animasyonlar, durum makineleri, görünüm modelleri ve komut dosyaları oluşturmak için ona bağlanabilir. Claude Code'te, onu tek bir komutla bağlayın: Claude mcp add --transport http rive http://127.0.0.1:9791/mcp.

Bu kılavuz hakkında

ExodeUI, Rive veya Anthropic'e bağlı değildir. Bu kılavuz, Rive'in Ekim 2026 tarihli kendi belgelerini temel almaktadır. Rive'in yapay zeka özellikleri hızlı bir şekilde değişir; bu nedenle, bir adım gördüklerinizle eşleşmiyorsa resmi MCP sayfasını kontrol edin. Kendi MCP sunucusuna sahip olan ExodeUI'i yapıyoruz ve sonunda ikisini karşılaştırıyoruz.

Rive MCP sunucusunun yapabilecekleri

Rive, ilk araçların yüzlerce durum ve katmana sahip görünüm modelleri veya durum makineleri oluşturma gibi tekrarlayan çalışmaları hedeflediğini söylüyor. Rive'in belgelerine göre bağlı bir yapay zeka aracı şunları yapabilir:

  • Dosyaları oluşturun ve yönetin: çalışma yüzeylerini ekleyin, yeniden adlandırın, yeniden boyutlandırın, düzenleyin ve odaklanın
  • Sahneyi inceleyin ve düzenleyin: hiyerarşiyi sorgulayın, nesneleri seçin, özellikleri güncelleyin, öğeleri çoğaltın, yeniden sıralayın, yeniden üst öğe olarak belirleyin veya silin
  • Tasarımlar oluşturun: şekiller, yollar, düzenler, bileşen örnekleri ve listeler
  • Animasyon ve etkileşim oluşturun: doğrusal animasyonlar, durum makineleri, durumlar, geçişler, koşullar, ana kareler ve enterpolasyon
  • Veri bağlamayla çalışın: modelleri, özellikleri, örnekleri ve bağlamaları görüntüleyin
  • Luau komut dosyalarını ve WGSL gölgelendiricilerini düzenleyin: kodu güncelleyin, tanılamayı çalıştırın, konsol çıktısını yeniden derleyin, test edin ve okuyun

Claude Code ile Rive MCP nasıl kurulur

MCP tarayıcı sürümüyle değil, yalnızca masaüstü düzenleyiciyle çalışır. Önce Rive'i açın, ardından AI aracınızı bağlayın.

1. Rive masaüstü uygulamasını açın

macOS veya Windows için en son Rive masaüstü düzenleyicisini rive.app/downloads adresinden yükleyin ve üzerinde çalışmak istediğiniz dosyayı açın.

2. MCP sunucusunu ekleyin

Bir terminalde şunu çalıştırın: Claude mcp add --transport http rive http://127.0.0.1:9791/mcp

3. Claude Code'i başlatın

Claude'u çalıştır. Rive açıldıktan sonra başlatın, böylece Rive araçlarını bulabilir.

4. Kodda değil özelliklerde bilgi isteyin

Neyi görmek istediğinizi ve nelerin değişmemesi gerektiğini açıklayın; örneğin "düğmeye onu bir yay ile 1,05'e ölçeklendiren bir fareyle üzerine gelme durumu ekleyin ve basılı durumu olduğu gibi koruyun".

Cursor ve Codex ile Rive MCP nasıl kurulur

Cursor'te Ayarlar'ı açın, Araçlar ve MCP'ler'e gidin, Özel MCP Ekle'yi seçin ve http://127.0.0.1:9791/mcp URL'sine sahip rive adlı bir sunucu ekleyin ve ardından bağlantıyı açın. Rive, Claude Code ve Cursor'i belgeler. Sunucu yerel bir HTTP MCP sunucusu olduğundan, Codex gibi HTTP MCP sunucularını destekleyen diğer istemciler aynı URL ile bağlanabilir.

Rive MCP ile Rive'in yerleşik AI Aracısı karşılaştırması

Rive'in ayrıca düzenleyicinin içinde bir AI Aracısı vardır. Her ikisi de dosyanızı düzenleyebilir. Aradaki fark, kimin ödediği ve acentenin başka neleri görebildiğidir.

  • Yerleşik Aracı, Rive'in planları üzerinde çalışır: Ücretsiz ve Cadet ile sınırlıdır, gelişmiş modeller, kontör yükleme kredileri ve Voyager'da kendi API anahtarınızla birlikte
  • MCP ile, zaten ödemesini yaptığınız Claude veya Cursor gibi AI aboneliğini kullanırsınız
  • Harici bir aracı da uygulama kodunuzu, notlarınızı ve belgelerinizi okuyabilir, böylece Rive dosyasını düzenleyebilir ve aynı oturumda uygulamanıza bağlayabilir
  • Yerleşik Aracının kuruluma ihtiyacı yoktur ve tarayıcı düzenleyicisinde çalışır

Rive MCP ve Rive CLI karşılaştırması

Rive'in daha yeni CLI'si farklı bir yoldur. Kodlama aracınız, açık düzenleyiciyi çalıştırmak yerine sahneyi Rive İşaretleme Dili'nde (RML) metin olarak yazar ve CLI, uygulamanız için .riv dosyaları veya düzenleyicide açılan .rev dosyalarını oluşturur. Yerel bir önizleme gösterir, pencere olmadan çerçeveler oluşturabilir ve testleri çalıştırabilir ve projeyi bir metin klasörü olarak tutar, böylece sürüm kontrolünde yaşayabilir. Düzenleyicide bir tasarımcıyla çalışmak için MCP'i kullanın; Bir aracı Rive grafiklerini koddan oluşturduğunda veya düzenlediğinde CLI'yi kullanın.

Başlamadan önce bilmeniz gereken sınırlar

Rive'in MCP entegrasyonu yenidir ve bazı pratik sınırları vardır.

  • Yalnızca masaüstü düzenleyici, macOS ve Windows'ta ve Rive'in dosyanızla birlikte açık olması gerekir
  • Yapay zeka açık dosya üzerinde çalışır, bu nedenle ona güvenmeden önce ekrandaki sonucu kontrol edin
  • .riv dosyalarını Rive açılış ekranı olmadan yayınlamak için hâlâ ücretli bir plan gerekiyor; Cadet'ten lisans başına aylık 9 ABD doları tutarında yıllık fatura kesiliyor
  • İstediğiniz sonucu açıklayan istemler, kodu açıklayan istemlerden daha iyi çalışır

Bir alternatif: ExodeUI'in MCP sunucusu

ExodeUI, etkileşimli kullanıcı arayüzü ve animasyon için bir tarayıcı ve masaüstü aracıdır. Aynı zamanda bir MCP sunucusuna da sahip olduğundan Claude Code, Cursor ve diğer AI kodlama araçları, düz dildeki istemlerden animasyonlar oluşturabilir ve düzenleyebilir. Sonuç, React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve Flutter çalışma zamanları tarafından oynatılan durum makineleri, bahar fiziği ve kodunuzun kontrol ettiği girişler ve olaylar içeren açık bir .exode JSON dosyasıdır. Etkileşimli ürün kullanıcı arayüzüne karakter animasyonundan daha çok uygundur. Zaten Rive'te çalışıyorsanız MCP sunucusu daha basit bir seçimdir.

Üretim için uygulama örneği

Etkileşimli bileşen uygulaması
# 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

Hatırlanacak temel ilkeler

  • Rive MCP sunucusu, http://127.0.0.1:9791/mcp adresindeki Rive masaüstü düzenleyicisinin içinde çalışır.
  • Claude Code tek komutla bağlanır; Cursor, Araçlar ve MCP'ler aracılığıyla bağlanır
  • Açık dosyada şekiller, animasyonlar, durum makineleri oluşturabilir, modelleri görüntüleyebilir ve Luau komut dosyalarını oluşturabilir.
  • Rive CLI, Rive dosyalarını koddan oluşturan aracılar için ayrı, metin tabanlı bir yoldur

Sık sorulan sorular

İlgili rehberler ve örnekler

Etkileşimli arayüzü bir kez tasarlayın. Aynı dosyayı yayınlayın.

ExodeUI'da durumları, yay fiziğini ve mantığı görsel olarak oluşturun; aynı dosyayı React, SwiftUI, Flutter ve diğerlerinde oynatın. Ücretsiz başlayın.

Ücretsiz dene