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?

  • Katmanlar oluşturma ve yönetme — mevcut Rive dosyasındaki katmanları ekleme, yeniden adlandırma, yeniden boyutlandırma, düzenleme ve odaklama.
  • Sahne grafiğini inceleme ve düzenleme — nesne hiyerarşilerini sorgulama, öğeleri seçme, özellikleri güncelleme, yeniden adlandırma, çoğaltma, yeniden sıralama, yeniden ebeveynleme veya düğümleri silme.
  • Tasarım öğeleri oluşturma — şekiller, yollar, düzenler, bileşen örnekleri, bileşen listeleri ve varlık tabanlı öğeler oluşturma.
  • Durum makineleri ve animasyonlar yazma — doğrusal animasyonları, durum makinelerini, durumları, geçişleri, koşulları, anahtar kareleri ve enterpolasyonu düzenleme.
  • Veri bağlama ayarlama — görünüm modelleri, özellikler, örnekler, bağlamalar ve özel özellik grupları oluşturma.
  • Betikler ve gölgelendiricileri düzenleme — Luau betiklerini ve WGSL gölgelendiricilerini yönetme, kaynak kodunu güncelleme, tanılama çalıştırma, yeniden derleme, test etme, kod arama ve konsol çıktısını okuma.

Dokümantasyon

Rive MCP Entegrasyonu

export const YouTube = ({id, timestamp}) => { const videoSrc = timestamp ? https://www.youtube.com/embed/${id}?start=${timestamp} : https://www.youtube.com/embed/${id}; return ; }; <Note> MCP entegrasyonu şu anda yalnızca Windows ve macOS için masaüstü Düzenleyici'de mevcuttur.

Rive Düzenleyici'yi MCP (Model Bağlam Protokolü) aracılığıyla AI araçlarına bağlayabilirsiniz. İlk araç seti, 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 AI'ın üstlenmesini sağlamak için tasarlanmıştır.

Desteklenen Özellikler

  • Rive dosyalarını oluşturun ve yönetin — çalışma yüzeylerini ekleyin, yeniden adlandırın, yeniden boyutlandırın, düzenleyin ve odaklayın.
  • Sahneyi inceleyin ve düzenleyin — hiyerarşileri sorgulayın, nesneleri seçin, özellikleri güncelleyin, yeniden adlandırın, çoğaltın, yeniden sıralayın, ebeveynini değiştirin veya öğeleri silin.
  • Tasarımlar oluşturun — şekiller, yollar, düzenler, bileşen örnekleri, bileşen listeleri ve varlık tabanlı öğeler oluşturun.
  • Animasyon ve etkileşim oluşturun — doğrusal animasyonları, durum makinelerini, durumları, geçişleri, koşulları, ana kareleri ve interpolasyonu düzenleyin.
  • Veri bağlama ile çalışın — görünüm modelleri, özellikler, örnekler, bağlamalar ve özel özellik grupları oluşturun.
  • Betikleri ve gölgelendiricileri düzenleyin — Luau betiklerini ve WGSL gölgelendiricilerini yönetin, kaynak kodunu güncelleyin, tanılamaları çalıştırın, yeniden derleyin, test edin, kod arayın ve konsol çıktısını okuyun.
Bu özellik listesi, daha fazla araç eklendikçe zaman içinde gelişecektir.

Kurulum

Cursor Kullanarak

Mac veya Windows için [Rive](https://rive.app/downloads) masaüstü uygulamasının en son sürümünü yükleyin ve açın. Bir [Cursor](https://www.cursor.com/) hesabı oluşturun ve uygulamayı yükleyin. Cursor'u açın ve sağ üst köşedeki ayarlar paneline gidin. 
<img src="https://mintcdn.com/rive/4WyvnoR1218cyi0r/images/editor/cursor-settings-button.png?fit=max&auto=format&n=4WyvnoR1218cyi0r&q=85&s=39bb9802e31872b2317fed055e5cf24b" alt="Open cursor settings" width="1660" height="1090" data-path="images/editor/cursor-settings-button.png" />
Araçlar ve MCP'ler sekmesini açın ve Özel MCP Ekle'ye tıklayın. 
<img src="https://mintcdn.com/rive/4WyvnoR1218cyi0r/images/editor/cursor-mcp-settings.png?fit=max&auto=format&n=4WyvnoR1218cyi0r&q=85&s=d82531f4741d02cdd01233d7517a5f25" alt="Open Cursor MCPs tab" width="1658" height="1080" data-path="images/editor/cursor-mcp-settings.png" />
Aşağıdaki JSON parçacığını bilgisayarınıza `mcp.json` olarak kaydedin. 
```json theme={null}
{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}
```
MCP bağlantısını `On` olarak açın Her şey doğru şekilde yüklendiyse, Rive'ı kullanılabilir bir MCP sunucusu olarak görmelisiniz. 
<img src="https://mintcdn.com/rive/4WyvnoR1218cyi0r/images/editor/cursor-mcp-connection.png?fit=max&auto=format&n=4WyvnoR1218cyi0r&q=85&s=59ca6c71d1cc1317320ab8272eae0e16" alt="Cursor verified" width="1660" height="1104" data-path="images/editor/cursor-mcp-connection.png" />

<Note>
  Rive sunucusunun kullanılabilir olması için Rive Erken Erişim uygulamasının açık olması gerekir.
</Note>

MCP kurulumuyla ilgili ek bilgileri burada bulabilirsiniz.

Terminalde Claude Kullanarak

macOS veya Windows için [Rive masaüstü uygulamasının](https://rive.app/downloads) en son sürümünü yükleyin ve açın. Terminalinizde aşağıdaki komutu çalıştırın: 
```shell theme={null}
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
```
Claude'u çalıştırın ve yönergeleri izleyin: 
```shell theme={null}
claude
```

Neler Yapabilir?

Cursor yüklendikten ve her şey doğru şekilde ayarlandıktan sonra, AI'a komut vermeye başlama zamanı.

Bir Rive Dosyası açık ve bir Çalışma Yüzeyi oluşturulmuş olsun. Komutunuzu sohbet arayüzüne yazın ve enter tuşuna basın. AI'ın isteği işlemesi biraz zaman alacaktır. 
Örnek komut:

```
Create a State Machine about birds with 20 states and 2 layers
```
İstek işlendikten sonra, AI'ın Rive dosyasında değişiklik yapmasına izin vermek için **End Prompt** yazın.