Rive MCP

Rive MCP एकीकरण

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 एकीकरण वर्तमान में केवल Windows और macOS के लिए डेस्कटॉप एडिटर में उपलब्ध है।

आप MCP (मॉडल कॉन्टेक्स्ट प्रोटोकॉल) के माध्यम से Rive एडिटर को AI उपकरणों से जोड़ सकते हैं। उपकरणों का पहला सेट AI को दोहराए जाने वाले कार्यों को संभालने देने के लिए डिज़ाइन किया गया है, जैसे जटिल व्यू मॉडल, सैकड़ों अवस्थाओं/परतों वाली स्टेट मशीनें, लेआउट, आकृतियाँ और बहुत कुछ बनाना।

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

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

सुविधाओं की यह सूची समय के साथ विकसित होगी क्योंकि और अधिक उपकरण जोड़े जाएँगे।

स्थापना

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

Mac या Windows के लिए [Rive](https://rive.app/downloads) डेस्कटॉप ऐप का नवीनतम संस्करण स्थापित करें और खोलें। एक [Cursor](https://www.cursor.com/) खाता बनाएँ और ऐप स्थापित करें। Cursor खोलें और ऊपरी दाएँ कोने में सेटिंग पैनल पर जाएँ।

<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 टैब खोलें और Add Custom MCP पर क्लिक करें।

<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" />

निम्नलिखित JSON स्निपेट को `mcp.json` के रूप में अपने कंप्यूटर पर सहेजें।

```json theme={null}
{
  "mcpServers": {
      "rive": {
          "url": "http://127.0.0.1:9791/mcp"
      }
  }
}
```

MCP कनेक्शन को `On` करें यदि सब कुछ सही ढंग से स्थापित किया गया है, तो आपको Rive एक उपलब्ध MCP सर्वर के रूप में दिखाई देना चाहिए।

<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 सर्वर उपलब्ध होने के लिए, आपके पास Rive Early Access ऐप खुला होना चाहिए।
</Note>

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

टर्मिनल में Claude का उपयोग करना

macOS या Windows के लिए [Rive डेस्कटॉप ऐप](https://rive.app/downloads) का नवीनतम संस्करण स्थापित करें और खोलें। अपने टर्मिनल में निम्नलिखित कमांड चलाएँ:

```shell theme={null}
claude mcp add --transport http rive http://127.0.0.1:9791/mcp
```

Claude चलाएँ और संकेतों का पालन करें:

```shell theme={null}
claude
```

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

एक बार Cursor स्थापित हो जाए और सब कुछ सही ढंग से सेट हो जाए, तो AI को संकेत देना शुरू करने का समय आ गया है।

एक Rive फ़ाइल खुली रखें और एक आर्टबोर्ड बनाया हुआ हो। चैट UI में अपना संकेत टाइप करें और एंटर दबाएँ। AI अनुरोध को संसाधित करने में कुछ समय लेगा।

उदाहरण संकेत:

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

एक बार अनुरोध संसाधित हो जाने पर, AI को Rive फ़ाइल में परिवर्तन करने की अनुमति देने के लिए **End Prompt** टाइप करें।