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ı ve artboard’ları yönetin — Asistanınızdan açık bir Rive dosyasındaki artboard’ları eklemesini, yeniden adlandırmasını, boyutlandırmasını, düzenlemesini veya odaklanmasını isteyin.
  • Sahne nesnelerini inceleyin ve düzenleyin — Nesne hiyerarşilerini sorgulayın, öğeleri seçin ve özellikleri güncelleyin, yeniden adlandırın, çoğaltın, yeniden sıralayın, yeniden ebeveynleyin veya silin.
  • Tasarımları programatik olarak oluşturun — Sahneye doğrudan şekiller, yollar, düzenler, bileşen örnekleri, bileşen listeleri ve varlık tabanlı öğeler ekleyin.
  • Animasyonlar ve etkileşimler oluşturun — Doğrusal animasyonları, durum makinelerini, durumları, geçişleri, koşulları, anahtar kareleri ve interpolasyon değerlerini düzenleyin.
  • Veri bağlamayı ayarlayın — Karmaşık veri odaklı tasarımlar için 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ılamayı çalıştırın, yeniden derleyin, test edin, kod arayın ve konsol çıktısını okuyun.

Dokümantasyon

Rive MCP Entegrasyonu

Not

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

Rive Düzenleyici'yi MCP (Model Context Protocol) aracılığıyla yapay zeka araçlarına bağlayabilirsiniz. İlk araç seti, yapay zekanın karmaşık Görünüm Modelleri, yüzlerce durum/katman içeren Durum Makineleri, Yerleşimler, Şekiller ve daha fazlasını oluşturma gibi tekrarlayan görevleri üstlenmesini sağlamak için tasarlanmıştır.

Desteklenen özellikler

  • Rive dosyaları oluşturun ve yönetin — artboard'ları 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, yeniden ebeveynleyin veya öğeleri silin.
  • Tasarımlar oluşturun — şekiller, yollar, yerleşimler, 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ı, anahtar kareleri ve enterpolasyonu 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ılamayı çalıştırın, yeniden derleyin, test edin, kodu arayın ve konsol çıktısını okuyun.

Bilgi

Bu özellik listesi, daha fazla araç eklendikçe zamanla 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ü kurun ve açın. Bir [Cursor](https://www.cursor.com/) hesabı oluşturun ve uygulamayı kurun. 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" />
Tools & MCPs sekmesini açın ve Add Custom MCP'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çası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` çevirin. Her şey doğru kurulduysa, 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" />

Not

Rive sunucusunun kullanılabilir olması için Rive Early Access uygulamasının açık olması gerekir.

MCP kurulumu hakkında ek bilgi burada bulunabilir.

Terminalde Claude Kullanarak

macOS veya Windows için [Rive masaüstü uygulamasının](https://rive.app/downloads) en son sürümünü kurun 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 istemleri takip edin: 
```shell theme={null}
claude
```

Ne yapabilir?

Cursor kurulduktan ve her şey doğru şekilde ayarlandıktan sonra, yapay zekaya komut vermeye başlamanın zamanı geldi.

Bir Rive Dosyasının açık olduğundan ve bir Artboard'un oluşturulduğundan emin olun. Komutunuzu sohbet arayüzüne yazın ve enter'a basın. Yapay zeka isteği işlemek için bir süre bekleyecektir. 
Örnek komut:

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