Rive MCP

आधिकारिक

Rive MCP AI को दोहराए जाने वाले कार्यों को संभालने देता है, जैसे जटिल व्यू मॉडल, सैकड़ों स्टेट्स/लेयर्स वाली स्टेट मशीनें, लेआउट, शेप और अधिक बनाना।

Rive MCP के साथ आप क्या कर सकते हैं?

  • Rive फ़ाइलें प्रबंधित करें — खुली Rive फ़ाइल में आर्टबोर्ड जोड़ें, उनका नाम बदलें, आकार बदलें, उन्हें व्यवस्थित करें और उन पर फ़ोकस करें।
  • सीन संपादित करें — पदानुक्रमों की जानकारी लें, ऑब्जेक्ट चुनें, प्रॉपर्टी अपडेट करें, नाम बदलें, डुप्लिकेट करें, क्रम बदलें, पैरेंट बदलें या एलिमेंट हटाएँ।
  • डिज़ाइन बनाएँ — शेप, पाथ, लेआउट, कंपोनेंट इंस्टेंस, कंपोनेंट सूचियाँ और एसेट-आधारित एलिमेंट बनाएँ।
  • बोन्स से रिग बनाएँ — लंबाई और रोटेशन या हेड और टेल पॉइंट के आधार पर रूट बोन्स और बोन चेन बनाएँ, फिर उन्हें बाइंड और वेट करें।
  • एनिमेट करें और इंटरैक्शन जोड़ें — लीनियर एनिमेशन, स्टेट मशीन, स्टेट, ट्रांज़िशन, कंडीशन, कीफ़्रेम और इंटरपोलेशन संपादित करें।
  • डेटा बाइंडिंग के साथ काम करें — व्यू मॉडल, प्रॉपर्टी, इंस्टेंस, बाइंडिंग और कस्टम प्रॉपर्टी ग्रुप बनाएँ।

दस्तावेज़

Rive MCP Integration

[!NOTE]

MCP integration वर्तमान में केवल Windows और macOS के डेस्कटॉप Editor में उपलब्ध है।

आप MCP (Model Context Protocol) के ज़रिए Rive Editor को AI टूल से कनेक्ट कर सकते हैं। टूल का पहला सेट AI को दोहराए जाने वाले काम करने में मदद करने के लिए बनाया गया है, जैसे जटिल View Models, सैकड़ों states/layers वाली State Machines, Layouts, Shapes और अन्य चीज़ें बनाना।

YouTube video player

समर्थित सुविधाएँ

  • Rive फ़ाइलें बनाएँ और प्रबंधित करें — artboards जोड़ें, उनका नाम बदलें, आकार बदलें, उन्हें व्यवस्थित करें और उन पर फ़ोकस करें।
  • सीन की जाँच और संपादन करें — hierarchies की जानकारी लें, objects चुनें, properties अपडेट करें, elements का नाम बदलें, उन्हें डुप्लिकेट करें, उनका क्रम बदलें, उन्हें फिर से parent करें या हटाएँ।
  • डिज़ाइन बनाएँ — shapes, paths, layouts, component instances, component lists और assets पर आधारित elements बनाएँ।
  • bones के साथ rig करें — लंबाई और rotation या head और tail points के आधार पर root bones और bone chains बनाएँ, फिर उन्हें bind और weight करें।
  • animation और interaction बनाएँ — linear animations, state machines, states, transitions, conditions, keyframes और interpolation संपादित करें।
  • data binding के साथ काम करें — view models, properties, instances, bindings और custom property groups बनाएँ।
  • scripts और shaders संपादित करें — Luau scripts और WGSL shaders प्रबंधित करें, source code अपडेट करें, diagnostics चलाएँ, फिर से compile करें, परीक्षण करें, code खोजें और console output पढ़ें।

[!NOTE]

और टूल जुड़ने के साथ सुविधाओं की यह सूची समय के साथ बदलती रहेगी।

ऐसे संपादन अस्वीकार करके पूर्ववत कर दिए जाते हैं जिनसे runtimes फ़ाइल को अस्वीकार कर सकते हैं या क्रैश हो सकते हैं, जैसे एक fill पर दो रंग या किसी fill या stroke के बाहर gradient। रंगों को hex field की तरह ही पढ़ा जाता है: #fff सफ़ेद है, और red जैसे नाम अस्वीकार किए जाते हैं।

इंस्टॉलेशन

Cursor का उपयोग करके

1. Rive खोलें

Mac या Windows के लिए Rive डेस्कटॉप ऐप का नवीनतम संस्करण इंस्टॉल करें और खोलें।

2. Cursor सेट अप करें

Cursor अकाउंट बनाएँ और ऐप इंस्टॉल करें।

3. Cursor की सेटिंग खोलें

Cursor खोलें और ऊपर दाईं ओर सेटिंग पैनल पर जाएँ।

Open cursor settings

4. कस्टम MCP जोड़ें

Tools & MCPs टैब खोलें और Add Custom MCP पर क्लिक करें।

Open Cursor MCPs tab

5. कॉन्फ़िगरेशन सेव करें

निम्नलिखित JSON snippet को अपने कंप्यूटर पर mcp.json नाम से सेव करें।

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

6. कनेक्शन सक्षम करें

MCP कनेक्शन को On

7. कनेक्शन सत्यापित करें

अगर सब कुछ सही तरीके से इंस्टॉल हुआ है, तो आपको Rive एक उपलब्ध MCP server के रूप में दिखाई देगा।

Cursor verified

[!NOTE]

Rive server उपलब्ध होने के लिए, Rive डेस्कटॉप ऐप खुला होना चाहिए।

MCP सेट अप करने के बारे में अतिरिक्त जानकारी यहाँ मिल सकती है।

Terminal में Claude का उपयोग करके

YouTube video player

1. Rive खोलें

macOS या Windows के लिए Rive डेस्कटॉप ऐप का नवीनतम संस्करण इंस्टॉल करें और खोलें।

2. MCP server जोड़ें

अपने terminal में निम्नलिखित command चलाएँ:

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

3. Claude शुरू करें

Claude चलाएँ और दिए गए निर्देशों का पालन करें:

claude

यह क्या कर सकता है?

आपका AI टूल कनेक्ट हो जाने के बाद, AI को prompt देना शुरू करें।

1. अपनी Rive फ़ाइल खोलें

एक Rive File खुली रखें और एक Artboard बनाएँ।

2. अपना prompt दर्ज करें

chat UI में अपना prompt लिखें और Enter दबाएँ। AI अनुरोध को संसाधित करने में थोड़ा समय लेगा और उसके बदलाव खुली हुई Rive फ़ाइल में दिखाई देंगे।

उदाहरण prompt:

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