Rive MCP

resmi

Rive MCP, yapay zekanın karmaşık Görünüm Modelleri, yüzlerce durum/katman içeren Durum Makineleri, Düzenler, Şekiller ve daha fazlasını oluşturmak gibi tekrarlayan görevleri halletmesini sağlar.

rive.app üzerinde görüntüle

Rive MCP ile neler yapabilirsiniz?

  • Rive dosyalarını yönetme — Açık bir Rive dosyasındaki çalışma yüzeylerini ekleyin, yeniden adlandırın, boyutlandırın, düzenleyin ve odaklayın.
  • Sahneyi düzenleme — Hiyerarşileri sorgulayın, nesneleri seçin, özellikleri güncelleyin, öğeleri yeniden adlandırın, çoğaltın, yeniden sıralayın, üst öğelerini değiştirin veya silin.
  • Tasarımlar oluşturma — Şekiller, yollar, düzenler, bileşen örnekleri, bileşen listeleri ve varlık tabanlı öğeler oluşturun.
  • Kemiklerle donatma — Uzunluk ve dönüşe ya da baş ve kuyruk noktalarına göre kök kemikler ve kemik zincirleri oluşturun, ardından bunları bağlayıp ağırlıklandırın.
  • Animasyon ve etkileşim ekleme — Doğrusal animasyonları, durum makinelerini, durumları, geçişleri, koşulları, anahtar kareleri ve enterpolasyonu düzenleyin.
  • Veri bağlamayla çalışma — Görünüm modelleri, özellikler, örnekler, bağlamalar ve özel özellik grupları oluşturun.

Dokümantasyon

Rive MCP Entegrasyonu

[!NOTE]

MCP entegrasyonu şu anda yalnızca Windows ve macOS için masaüstü Editor'da kullanılabilir.

Rive Editor'ı MCP (Model Context Protocol) aracılığıyla yapay zekâ araçlarına bağlayabilirsiniz. İlk araç grubu, yapay zekânın karmaşık View Model'ler, yüzlerce durum/katman içeren State Machine'ler, Layout'lar, Shape'ler ve daha fazlasını oluşturmak gibi tekrarlayan görevleri üstlenmesini sağlamak için tasarlanmıştır.

YouTube video player

Desteklenen özellikler

  • Rive dosyaları oluşturma ve yönetme — artboard ekleme, yeniden adlandırma, boyutlandırma, düzenleme ve odağı artboard'a getirme.
  • Sahneyi inceleme ve düzenleme — hiyerarşileri sorgulama, nesneleri seçme, özellikleri güncelleme, öğeleri yeniden adlandırma, çoğaltma, yeniden sıralama, üst öğe atama veya silme.
  • Tasarımlar oluşturma — Shape'ler, path'ler, Layout'lar, component instance'ları, component listeleri ve varlık tabanlı öğeler oluşturma.
  • Kemiklerle rig oluşturma — uzunluk ve dönüşe ya da baş ve kuyruk noktalarına göre kök kemikler ve kemik zincirleri oluşturma, ardından bunları bağlama ve ağırlıklandırma.
  • Animasyon ve etkileşim oluşturma — doğrusal animasyonları, state machine'leri, durumları, geçişleri, koşulları, keyframe'leri ve interpolasyonu düzenleme.
  • Veri bağlamayla çalışma — view model'ler, özellikler, instance'lar, bağlamalar ve özel özellik grupları oluşturma.
  • Script'leri ve shader'ları düzenleme — Luau script'lerini ve WGSL shader'larını yönetme, kaynak kodunu güncelleme, tanılamaları çalıştırma, yeniden derleme, test etme, kodda arama yapma ve konsol çıktısını okuma.

[!NOTE]

Daha fazla araç eklendikçe bu özellik listesi zaman içinde gelişecektir.

Dosyanın çalışma zamanlarının dosyayı reddetmesine veya çökmesine neden olabilecek düzenlemeler (örneğin, tek bir fill üzerinde iki renk kullanmak ya da fill veya stroke dışında bir gradient kullanmak) reddedilir ve geri alınır. Renkler hex alanındakiyle aynı şekilde okunur: #fff beyazdır; red gibi adlar ise reddedilir.

Kurulum

Cursor kullanımı

1. Rive'ı açın

Mac veya Windows için Rive masaüstü uygulamasının en son sürümünü yükleyip açın.

2. Cursor'ı ayarlayın

Bir Cursor hesabı oluşturup uygulamayı yükleyin.

3. Cursor ayarlarını açın

Cursor'ı açın ve sağ üst köşedeki ayarlar paneline gidin.

Open cursor settings

4. Özel MCP ekleyin

Tools & MCPs sekmesini açın ve Add Custom MCP'ye tıklayın.

Open Cursor MCPs tab

5. Yapılandırmayı kaydedin

Aşağıdaki JSON kod parçacığını bilgisayarınıza mcp.json olarak kaydedin.

{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}

6. Bağlantıyı etkinleştirin

MCP bağlantısını On

7. Bağlantıyı doğrulayın

Her şey doğru yüklendiyse, kullanılabilir bir MCP sunucusu olarak Rive'ı görmeniz gerekir.

Cursor verified

[!NOTE]

Rive sunucusunun kullanılabilir olması için Rive masaüstü uygulamasının açık olması gerekir.

MCP kurulumuyla ilgili ek bilgilere buradan ulaşabilirsiniz.

Terminal'de Claude kullanımı

YouTube video player

1. Rive'ı açın

macOS veya Windows için Rive masaüstü uygulamasının en son sürümünü yükleyip açın.

2. MCP sunucusunu ekleyin

Terminalinizde aşağıdaki komutu çalıştırın:

claude mcp add --transport http rive http://127.0.0.1:9791/mcp

3. Claude'u başlatın

Claude'u çalıştırın ve yönergeleri izleyin:

claude

Neler yapabilir?

Yapay zekâ aracınız bağlandıktan sonra yapay zekâya istem vermeye başlayabilirsiniz.

1. Rive dosyanızı açın

Bir Rive dosyasının açık ve bir Artboard'un oluşturulmuş olduğundan emin olun.

2. İsteminizi girin

İsteminizi sohbet arayüzüne yazıp Enter'a basın. Yapay zekânın isteği işlemesi biraz zaman alır ve yaptığı değişiklikler açık Rive dosyasında görünür.

Örnek istem:

Create a State Machine about birds with 20 states and 2 layers