SVGator MCP

SVGator MCP सर्वर — दस्तावेज़ीकरण

MCP सर्वर आपके AI सहायक को सीधे SVGator से जोड़ता है, जो ऑनलाइन SVG एनीमेशन टूल है। वहाँ से, आपका सहायक आपकी परियोजनाओं के अंदर काम करके उन्हें ब्राउज़, निरीक्षण, संपादित, बनाना और निर्यात कर सकता है, एक साधारण "इस ब्रांड किट के अनुसार रंग संपादित करें" से लेकर पूर्ण "मेरे लिए एक एनिमेटेड लोगो रिवील बनाएं और इसे केवल-CSS फ़ाइल के रूप में निर्यात करें" तक सब कुछ संभाल सकता है।

• एंडपॉइंट: https://mcp.svgator.com/mcp
• प्रोटोकॉल: स्ट्रीमेबल HTTP पर मॉडल कॉन्टेक्स्ट प्रोटोकॉल
• प्रमाणीकरण: OAuth 2.1 (अपने SVGator खाते से साइन इन करें — देखें शुरू करना)

आप क्या कर सकते हैं

क्षमता	उपकरण	उदाहरण प्रॉम्प्ट
अपनी परियोजनाएँ ब्राउज़ करें	list_projects, get_project, get_profile	"मेरी SVGator परियोजनाएँ सूचीबद्ध करें"
किसी परियोजना की संरचना का निरीक्षण करें	get_skeleton, read_part	"प्रोजेक्ट X में कौन से तत्व हैं, और कौन से एनिमेटेड हैं?"
किसी परियोजना को वृद्धिशील रूप से संपादित करें	edit_part	"वृत्त को लाल करें और इसके उछाल को हमेशा के लिए लूप करें"
संपूर्ण परियोजनाएँ बनाएँ या बदलें	create_project, replace_project	"मेरे लिए एक नया एनिमेटेड लोडिंग स्पिनर बनाएं"
परियोजनाओं की नकल करें, स्थानांतरित करें और नाम बदलें	duplicate_project, move_project	"प्रोजेक्ट X को मेरे 'ड्राफ्ट' फ़ोल्डर में कॉपी करें"
पुन: प्रयोज्य संपत्तियों का प्रबंधन करें	list_assets, get_asset, create_asset, update_asset	"इस आइकन को पुन: प्रयोज्य संपत्ति के रूप में सहेजें"
परियोजनाओं को फ़ोल्डरों में व्यवस्थित करें	list_folders, get_folder, create_folder, update_folder	"एक 'मार्केटिंग' फ़ोल्डर बनाएं और इस परियोजना को इसके अंतर्गत दर्ज करें"
ऑथरिंग संदर्भ देखें	describe_shape	(सटीक JSON आकार प्राप्त करने के लिए सहायक द्वारा उपयोग किया जाता है)
वितरण योग्य प्रारूपों में निर्यात करें	export_project, get_render	"प्रोजेक्ट X को MP4 वीडियो के रूप में निर्यात करें"
मोशन-डिज़ाइन क्राफ्ट मार्गदर्शन प्राप्त करें	कौशल संसाधन + प्रॉम्प्ट	"एक लोगो रिवील का कला-निर्देशन करें, फिर इसे बनाएं"

सर्वर द्वारा लौटाई गई प्रत्येक परियोजना में एक editor_url शामिल होता है — एक डीप लिंक जो परियोजना को SVGator संपादक में खोलता है, ताकि आप हमेशा वहीं से हाथ से जारी रख सकें जहाँ सहायक ने छोड़ा था।

उपकरण

सर्वर 22 उपकरणों को उजागर करता है। पूर्ण पैरामीटर और आउटपुट तालिकाओं के लिए उपकरण संदर्भ देखें।

परियोजनाएँ

• list_projects — प्रमाणीकृत उपयोगकर्ता की SVGator परियोजनाओं को सूचीबद्ध करें (सबसे नई पहले), प्रति पंक्ति एक editor_url डीप लिंक और पृष्ठांकन के लिए कुल गणना के साथ।
• get_project — एकल परियोजना सारांश प्राप्त करें: शीर्षक, पूर्वावलोकन, फ़ोल्डर, टाइमस्टैम्प, कैनवास आकार, पृष्ठभूमि रंग, एनीमेशन टाइमलाइन और सहेजी गई निर्यात सेटिंग्स।
• create_project — पूर्ण परियोजना JSON से एक नई SVGator परियोजना बनाएं, जो प्रमाणीकृत उपयोगकर्ता के स्वामित्व में हो।
• replace_project — किसी मौजूदा परियोजना के संपूर्ण JSON को आपूर्ति की गई पूर्ण परियोजना से बदलें (किसी भी उत्परिवर्तन से पहले सत्यापन चलता है)।
• duplicate_project — किसी मौजूदा परियोजना की एक प्रतिलिपि बनाएं, वैकल्पिक रूप से किसी भिन्न फ़ोल्डर में या नए शीर्षक के अंतर्गत।
• move_project — किसी परियोजना को किसी भिन्न फ़ोल्डर में ले जाएं और/या उसका नाम बदलें।

किसी परियोजना का निरीक्षण और संपादन

• get_skeleton — किसी परियोजना का एक सस्ता, टोकन-लाइट संरचना मानचित्र प्राप्त करें (केवल नामों और कीफ़्रेम गणनाओं वाला तत्व वृक्ष, कभी मान नहीं) — संपादन लूप का चरण 1।
• read_part — किसी आईडी-एंकर पथ पर सटीक मान या तत्व पढ़ें — संपादन लूप का चरण 2।
• edit_part — किसी पथ पर एक मान्य संपादन (अपडेट, सम्मिलित करें, स्थानांतरित करें, या हटाएं) लागू करें और इसे बनाए रखें — संपादन लूप का चरण 3।
• describe_shape — ऑथरिंग से पहले एक बिल्डिंग ब्लॉक (तत्व या एनिमेटर) का सटीक JSON आकार प्राप्त करें, ताकि फ़ील्ड नामों का कभी अनुमान न लगाया जाए।

संपत्तियाँ

• list_assets — प्रमाणीकृत उपयोगकर्ता की पुन: प्रयोज्य संपत्तियों (स्थिर या एनिमेटेड SVG आइटम) को सूचीबद्ध करें, सबसे नई पहले।
• get_asset — एकल संपत्ति प्राप्त करें जिसमें उसका पूर्ण data ({document, definitions}) पेलोड शामिल हो।
• create_asset — एक संपत्ति दस्तावेज़ से एक नई पुन: प्रयोज्य संपत्ति बनाएं।
• update_asset — किसी मौजूदा संपत्ति के संपूर्ण दस्तावेज़ को बदलें।

फ़ोल्डर

• list_folders — प्रमाणीकृत उपयोगकर्ता के फ़ोल्डरों को सूचीबद्ध करें (वे लेबल जिनके अंतर्गत परियोजनाएँ दर्ज हैं)।
• get_folder — किसी एकल फ़ोल्डर (आईडी, शीर्षक, टाइमस्टैम्प) को उसकी आईडी द्वारा प्राप्त करें।
• create_folder — परियोजनाओं को व्यवस्थित करने के लिए एक नया फ़ोल्डर बनाएं।
• update_folder — किसी मौजूदा फ़ोल्डर का नाम बदलें।

निर्यात और खाता

• export_project — किसी परियोजना को वितरण योग्य प्रारूप (SVG, Lottie, React Native, Flutter, वीडियो, या GIF) में निर्यात करें, वैकल्पिक प्रति-निर्यात ओवरराइड के साथ।
• get_render — export_project द्वारा शुरू किए गए रास्टर (वीडियो/GIF) रेंडर की स्थिति की पोल करें और पूरा होने पर हस्ताक्षरित डाउनलोड URL प्राप्त करें।
• get_profile — प्रमाणीकृत ग्राहक प्रोफ़ाइल प्राप्त करें: नाम, ईमेल, योजना और टीमें।

दस्तावेज़ीकरण मानचित्र

दस्तावेज़	के लिए	शामिल है
शुरू करना	सभी	claude.ai, Claude Desktop, Claude Code और अन्य MCP क्लाइंट से कनेक्ट करना; प्रमाणीकरण; गोपनीयता
उपकरण संदर्भ	इंटीग्रेटर्स / जिज्ञासु	पूर्ण पैरामीटर और आउटपुट तालिकाओं के साथ प्रत्येक उपकरण
परियोजनाओं का संपादन	इंटीग्रेटर्स / पावर उपयोगकर्ता	नेविगेट करें → पढ़ें → संपादित करें → सत्यापित करें लूप, पथ एड्रेसिंग, ऑथरिंग नियम
परियोजनाओं का निर्यात	सभी	प्रारूप, वितरण मोड, निर्यात विकल्प, रेंडर पोलिंग
कौशल और संसाधन	इंटीग्रेटर्स	मोशन-डिज़ाइन क्राफ्ट कौशल, MCP संसाधन और प्रॉम्प्ट
समस्या निवारण	सभी	कनेक्शन समस्याएँ, सामान्य त्रुटियाँ और उनका अर्थ

आवश्यकताएँ

• एक SVGator खाता (साइन अप करें)। निर्यात आपकी योजना की सीमाओं के विरुद्ध ठीक वैसे ही गिने जाते हैं जैसे वे संपादक में होते हैं।
• claude.ai / Claude Desktop से कनेक्ट करने के लिए, कस्टम कनेक्टर्स के लिए Claude Pro, Max, Team, या Enterprise योजना की आवश्यकता होती है। Claude Code और अन्य MCP क्लाइंट सीधे एंडपॉइंट से कनेक्ट होते हैं।

यह कैसे काम करता है (एक पैराग्राफ)

सर्वर एक दूरस्थ MCP सर्वर है: आपका MCP क्लाइंट (Claude, या स्ट्रीमेबल HTTP बोलने वाला कोई भी क्लाइंट) https://mcp.svgator.com/mcp से कनेक्ट होता है और आपको SVGator के नियमित OAuth लॉगिन के माध्यम से साइन इन करता है। आपके SVGator क्रेडेंशियल केवल सर्वर-साइड रहते हैं — AI मॉडल कभी भी आपका एक्सेस टोकन या गुप्त कुंजी नहीं देखता है; यह केवल उपकरण परिणाम (परियोजना सूचियाँ, संरचना मानचित्र, निर्यात की गई फ़ाइलें) प्राप्त करता है। उपकरण इनपुट प्रकाशित स्कीमा के विरुद्ध मान्य किए जाते हैं, और अमान्य अनुरोध वर्णनात्मक त्रुटियाँ लौटाते हैं जिन्हें सहायक पढ़ और सुधार सकता है।

⚙️ क्षमताएँ

MCP सर्वर SVGator को कुछ ऐसा बनाता है जिसे आप सरल भाषा में चला सकते हैं। संपादक के माध्यम से क्लिक करने के बजाय, आप वर्णन करते हैं कि आप क्या चाहते हैं और आपका AI सहायक इसे करता है: एक परियोजना खींचना, रंग बदलना, लोगो को एनिमेट करना, या एक तैयार फ़ाइल निर्यात करना।

यह उन डिज़ाइनरों के लिए बनाया गया है जो एनिमेटिंग के दोहराए जाने वाले भागों को संभालने के लिए एक सहायक चाहते हैं, उन मार्केटिंग टीमों के लिए जिन्हें हर छोटे बदलाव के लिए डिज़ाइनर की प्रतीक्षा किए बिना वेब-रेडी एनिमेशन की आवश्यकता होती है, और उन डेवलपर्स के लिए जो उत्पादन-तैयार निर्यात (Lottie, React Native, Flutter, या SVG) चाहते हैं जो सीधे उत्पाद में ड्रॉप हो जाएं। प्रत्येक परियोजना एक सीधे संपादक लिंक के साथ वापस आती है, ताकि आप इसे हमेशा खोल सकें और हाथ से समाप्त कर सकें, टोकन बचाते हुए।

यहाँ बताया गया है कि आपका सहायक एक बार कनेक्ट होने के बाद क्या कर सकता है:

🗂️ परियोजनाएँ और संपत्तियाँ

• परियोजनाएँ सूचीबद्ध करें: सबसे नई पहले, प्रत्येक एक सीधे संपादक लिंक के साथ
• बड़ी लाइब्रेरी में खोजें और पृष्ठांकित करें
• परियोजना सेटिंग्स पढ़ें: कैनवास आकार, पृष्ठभूमि, टाइमलाइन और निर्यात सेटिंग्स
• पूर्ण परिभाषा से एक परियोजना बनाएं
• किसी मौजूदा परियोजना को अधिलेखित करें
• किसी परियोजना की नकल करें: उसी या किसी अन्य फ़ोल्डर में
• किसी परियोजना को स्थानांतरित करें या उसका नाम बदलें
• परियोजनाओं को फ़ोल्डरों में व्यवस्थित करें
• पुन: प्रयोज्य संपत्तियों का प्रबंधन करें: सूचीबद्ध करें, पढ़ें, बनाएं और अपडेट करें

🔍 संरचना और निरीक्षण

• किसी परियोजना की संरचना का मानचित्रण करें: कीफ़्रेम गणनाओं वाला तत्व वृक्ष, कोई भारी डेटा नहीं
• देखें कि क्या एनिमेटेड है: प्रत्येक तत्व पर कौन से चैनल कीफ़्रेम रखते हैं
• सटीक मान पढ़ें: कोई भी गुण, कीफ़्रेम, या तत्व
• ऑथरिंग आकार देखें: किसी भी तत्व या अवधारणा के लिए सटीक JSON

🔷 आकार और तत्व

• आयत
• वृत्त और दीर्घवृत्त
• रेखाएँ, पॉलीलाइन और बहुभुज
• कस्टम पथ
• पाठ और बहु-पंक्ति पाठ
• छवियाँ
• पुन: प्रयुक्त प्रतीक और उदाहरण
• समूह
• मास्क और क्लिप पथ

🎨 भरण, स्ट्रोक और रंग

• ठोस रंग भरण: स्थिर या एनिमेटेड
• ढाल भरण
• स्ट्रोक: ठोस या ढाल, स्थिर या एनिमेटेड
• कंपोज़िटिंग: मिश्रण मोड और अपारदर्शिता
• फ़िल्टर प्रभाव जैसे धुंधलापन

🎞️ एनीमेशन और कीफ़्रेम

• विशिष्ट समय पर, मानों के साथ कीफ़्रेम जोड़ें
• जहाँ कोई गति आवश्यक नहीं है वहाँ स्थिर मान सेट करें
• कीफ़्रेम पढ़ें, निरीक्षण करें और हटाएं
• प्रति कीफ़्रेम ईज़िंग सेट करें: क्यूबिक बेज़ियर
• ट्रांसफ़ॉर्म को एनिमेट करें: स्थिति, घुमाव, स्केल और तिरछापन
• भरण, स्ट्रोक, कंपोज़िटिंग और फ़िल्टर चैनलों को एनिमेट करें
• एक आकार को दूसरे में रूपांतरित करें

📤 निर्यात और वितरण

• एनिमेटेड SVG निर्यात करें: JavaScript या CSS द्वारा संचालित
• एक प्रारंभ ट्रिगर सेट करें: लोड, होवर, क्लिक, स्क्रॉल, या प्रोग्रामेटिक
• क्लिक और होवर व्यवहार सेट करें: फ़्रीज़, पुनरारंभ, उल्टा, या रीसेट
• Lottie में निर्यात करें
• React Native या Flutter स्रोत में निर्यात करें
• वीडियो रेंडर करें: MP4, MOV, AVI, MKV, या WebM
• GIF, WebP, PNG अनुक्रम, या ZIP रेंडर करें
• लूपिंग नियंत्रित करें: पुनरावृत्तियाँ, दिशा, पिंग-पोंग और गति
• फ़्रेम दर, रिज़ॉल्यूशन और गुणवत्ता सेट करें
• पारदर्शिता और पृष्ठभूमि रंग संभालें

✅ सर्वोत्तम अभ्यास

SVGator मोशन डिज़ाइन कौशल स्थापित करें, फिर इसे नाम से कॉल करें: यह क्राफ्ट मार्गदर्शन है जो आपके सहायक को सपाट, सामान्य गति के बजाय समय, ईज़िंग और व्यक्तित्व के बारे में सोच-समझकर निर्णय लेने में मदद करता है। इसे SVGator कौशल रिपॉजिटरी से डाउनलोड करें, फिर अपने प्रॉम्प्ट में ही कुछ इस तरह से शुरू करके इसे ट्रिगर करें "इस लोगो को एनिमेट करने के लिए SVGator मोशन स्किल्स का उपयोग करें।" आप इसे उद्देश्यपूर्ण ढंग से मैन्युअल रूप से कॉल करते हैं: इस तरह जब आप केवल निर्यात कर रहे हों या छोटे संपादन कर रहे हों तो कौशल आपके टोकन उपयोग से बाहर रहता है, और केवल तभी लोड होता है जब आप वास्तव में अतिरिक्त कला निर्देशन चाहते हैं।

अपनी स्वयं की कलाकृति से शुरू करें, फिर एनिमेट करें: किसी भी AI सहायक में शुरुआत से मूल आकार उत्पन्न करना सबसे कठिन काम है। सर्वोत्तम परिणामों के लिए, पहले SVGator के संपादक में अपना SVG बनाएं या लाएं, फिर अपने सहायक से इसे एनिमेट करने के लिए कहें। यह आपकी दृश्य शैली को सुसंगत रखता है और AI को उस पर ध्यान केंद्रित करने देता है जो वह सबसे अच्छा करता है: गति, समय और अनुक्रमण।

प्रॉम्प्ट करने से पहले अपने तत्वों को नाम दें: आपका सहायक किसी परियोजना की संरचना को समझने के लिए तत्व नाम पढ़ता है। "left_arm", "bg_circle", या "headline" जैसे स्पष्ट नाम इसे सही तत्व को लक्षित करने, गलतियों से बचने और जटिल दृश्यों में व्यवस्थित रहने में मदद करते हैं। सामान्य नाम इसके काम को कठिन बनाते हैं, और आपको अधिक टोकन खर्च करने पड़ सकते हैं (मॉडल पर निर्भर करता है)।

जटिल एनिमेशन को चरणों में तोड़ें: "मेरे लिए एक पूर्ण ऑनबोर्डिंग एनीमेशन बनाएं" के बजाय, एक बार में एक टुकड़ा करें: तत्व बनाएं, कीफ़्रेम जोड़ें, फिर समय को परिष्कृत करें। सर्वर प्रति संपादन एक मान्य परिवर्तन लागू करता है, इसलिए छोटे कदम आपको अधिक नियंत्रण देते हैं और किसी भी गलती को पकड़ना और सुधारना आसान बनाते हैं।

समय और अनुभव के बारे में विशिष्ट रहें: "एक सहज फ़ेड" थोड़ा अस्पष्ट है। "ईज़-आउट के साथ 400ms का फ़ेड-इन" आपके सहायक को काम करने के लिए कुछ ठोस देता है। आप जितना अधिक अनुभव का वर्णन करेंगे, चाहे वह स्नैपी, उछालभरा, धीमा या सूक्ष्म हो, पहला परिणाम उतना ही करीब होगा जो आपके मन में था।

निर्यात प्रारूप को वहाँ से मिलाएँ जहाँ यह रहेगा: SVG वेब के लिए सही विकल्प है, आपकी पसंद के JavaScript या केवल-CSS (और भी बेहतर प्रदर्शन के लिए) के साथ। Lottie, React Native और Flutter ऐप और मोबाइल परियोजनाओं को सफाई से सौंपते हैं। वीडियो और GIF सोशल और ईमेल के लिए तैयार हैं, जहाँ एक एनिमेटेड SVG नहीं चलेगा। पहले से प्रारूप चुनना पुनः निर्यात के एक दौर को बचाता है।

बड़े प्रयोगों से पहले एक परियोजना की नकल करें: यदि आप चाहते हैं कि AI शुरू से कुछ पुनर्निर्माण करे, तो पहले परियोजना की नकल करने के लिए कहें, फिर प्रतिलिपि पर परिवर्तन करें। मूल बिल्कुल वैसा ही रहता है जैसा वह था, इसलिए एक साहसिक प्रयोग आपको कभी भी कार्यशील संस्करण से वंचित नहीं करता है। संपादक में समाप्त करें: हर प्रोजेक्ट एक सीधे संपादक लिंक के साथ वापस आता है। एक बार जब सहायक आपको अधिकांश रास्ते तक पहुँचा दे, तो प्रोजेक्ट खोलें और अंतिम सुधार हाथ से करें। AI भारी काम करता है, और आप विवरणों पर नियंत्रण रखते हैं। इससे टोकन भी बचते हैं, क्योंकि हाथ से छोटे बदलाव करना, सहायक से हर एक बदलाव करवाने की तुलना में तेज़ और सस्ता होता है।