Mobiscroll MCP

आधिकारिक

Mobiscroll UI के लिए संस्करण-चिह्नित API ज्ञान — शेड्यूलर, इवेंट कैलेंडर, टाइमलाइन और पिकर्स — साथ ही Connect कैलेंडर API। 14 केवल-पठनीय उपकरण।

mobiscroll.com पर देखें

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

Resolve project environment — सहायक से अपने फ्रेमवर्क और Mobiscroll संस्करण को package.json से resolveEnvironment के माध्यम से पहचानने के लिए कहें।
List available components — सहायक से आपके फ्रेमवर्क और संस्करण के लिए सभी Mobiscroll घटकों को listComponents का उपयोग करके सूचीबद्ध करवाएं।
Fetch component schemas — किसी भी घटक के लिए सटीक विकल्प, इवेंट, विधियाँ और रेंडरर getComponentSchema के माध्यम से प्राप्त करें।
Search and retrieve examples — कीवर्ड द्वारा प्रासंगिक कोड नमूने searchExamples से खोजें और getExampleById से पूरा स्रोत प्राप्त करें।
Validate generated code — अज्ञात प्रॉप्स, इवेंट या पुराने उपयोग के लिए validateCode का उपयोग करके स्निपेट जांचें।
Map Connect REST to SDK — किसी भी Connect REST एंडपॉइंट के लिए समकक्ष SDK विधि mapConnectEndpointToSdk से खोजें।

होस्ट किया गया MCP सर्वर

npx add-mcp 'https://mcp.mobiscroll.com'

Claude Code, Codex, Cursor और अन्य में इंस्टॉल होता है

दस्तावेज़

Mobiscroll एक MCP सर्वर और एजेंट स्किल्स भेजता है ताकि कोडिंग असिस्टेंट शेड्यूलर, इवेंट कैलेंडर, टाइमलाइन और पिकर कोड सही ढंग से जनरेट करें - Claude Code, Codex, Cursor और GitHub Copilot के लिए, मशीन-पठनीय दस्तावेज़ीकरण और AI व्यवहार नियमों के साथ।

AI एकीकरण क्यों?

AI कोडिंग असिस्टेंट सबसे अच्छा तब काम करते हैं जब उनके पास संरचित, आधिकारिक दस्तावेज़ीकरण हो। इसके बिना, वे अक्सर:

API को hallucinate करते हैं — ऐसे विकल्प नाम, इवेंट, या प्रकार बनाते हैं जो मौजूद नहीं हैं
फ्रेमवर्क मिलाते हैं — React hooks और JSX के बजाय Angular module imports या jQuery plugin syntax का उपयोग करते हैं
पुराने संस्करणों का संदर्भ देते हैं — v5 कोड जनरेट करते हैं जब वर्तमान संस्करण v6 है
फ्रेमवर्क परंपराओं को अनदेखा करते हैं — @mobiscroll/react से named imports छोड़ देते हैं या CSS import को हटा देते हैं

Mobiscroll AI एकीकरण इन समस्याओं को AI उपभोग के लिए अनुकूलित दस्तावेज़ीकरण प्रदान करके हल करता है, साथ ही व्यवहार नियम जो फ्रेमवर्क अलगाव और सही API उपयोग को लागू करते हैं।

आर्किटेक्चर अवलोकन

एकीकरण तीन परतों से मिलकर बना है:

डेटा परत — llms फ़ाइलें

मशीन-पठनीय दस्तावेज़ीकरण फ़ाइलें जिनमें संपूर्ण Mobiscroll API संदर्भ और गाइड शामिल हैं, प्रति फ्रेमवर्क एक। ये सत्य का स्रोत हैं जिन्हें AI उपकरण प्रश्नों के उत्तर देने के लिए पढ़ते हैं।

फ़ाइल	विवरण
`llms-react-full.txt`	संपूर्ण React दस्तावेज़ीकरण
`llms-react.txt`	React विषय-सूची (व्यक्तिगत पृष्ठों के लिंक)
`llms-icons.txt`	आइकन नाम (IcoMoon, Font Awesome, Ionicons) — सभी फ्रेमवर्क

[!-info] -info info

आपको इन फ़ाइलों को डाउनलोड या होस्ट करने की आवश्यकता नहीं है — नियम फ़ाइलें और Claude Code और Codex प्लगइन सीधे उन्हें संदर्भित करते हैं और उनकी सामग्री स्वचालित रूप से प्राप्त करते हैं।

नियम परत — नियम फ़ाइलें

नियम फ़ाइलें केवल Cursor और GitHub Copilot को Mobiscroll संदर्भ प्रदान करती हैं। Claude Code और Codex इसके बजाय Mobiscroll प्लगइन का उपयोग करते हैं — कोई मैन्युअल फ़ाइल सेटअप आवश्यक नहीं है।

दो दृष्टिकोण उपलब्ध हैं:

विकल्प A — फ़ाइल-आधारित संदर्भ लोडिंग। एक नियम फ़ाइल (Cursor के लिए .mdc, Copilot के लिए .instructions.md) में API दस्तावेज़ीकरण और व्यवहार नियम शामिल हैं। कोई MCP सर्वर आवश्यक नहीं है।
विकल्प B — MCP सर्वर के माध्यम से लाइव स्कीमा प्राप्त करना। विस्तारित नियम फ़ाइलें AI को प्रत्येक जनरेशन पर लाइव कंपोनेंट स्कीमा लुकअप के लिए Mobiscroll MCP सर्वर को कॉल करने का निर्देश देती हैं। इंटरैक्टिव कोडिंग एजेंटों के लिए उपयुक्त जिन्हें प्रति-क्वेरी सटीकता की आवश्यकता होती है।

अपनी पसंद और सेटअप के आधार पर चुनें।

फ़ाइलें

विकल्प A — फ़ाइल-आधारित नियम:

फ़ाइल	प्रारूप	के लिए
`mobiscroll-react.mdc`	Cursor नियम फ़ाइल	Cursor
`copilot-instructions/mobiscroll-react.instructions.md`	Copilot निर्देश फ़ाइल	GitHub Copilot

विकल्प B — MCP के साथ विस्तारित नियम:

फ़ाइल	प्रारूप	के लिए
mobiscroll-ui.mdc	Cursor विस्तारित नियम (ऑर्केस्ट्रेटर)	Cursor
mobiscroll-ui-react.mdc	Cursor विस्तारित नियम (React)	Cursor
mobiscroll-ui-theming.mdc	Cursor विस्तारित नियम (थीमिंग)	Cursor
mobiscroll-ui.instructions.md	Copilot विस्तारित निर्देश (ऑर्केस्ट्रेटर)	GitHub Copilot
mobiscroll-ui-react.instructions.md	Copilot विस्तारित निर्देश (React)	GitHub Copilot
mobiscroll-ui-theming.instructions.md	Copilot विस्तारित निर्देश (थीमिंग)	GitHub Copilot

कौन सा उपकरण कौन सी फ़ाइलों का उपयोग करता है?

उपकरण	दृष्टिकोण	उपयोग की गई फ़ाइलें
Cursor	विकल्प A	`mobiscroll-react.mdc`
Cursor	विकल्प B	`mobiscroll-ui.mdc`, `mobiscroll-ui-react.mdc`, `mobiscroll-ui-theming.mdc`
GitHub Copilot	विकल्प A	`mobiscroll-react.instructions.md`
GitHub Copilot	विकल्प B	`mobiscroll-ui.instructions.md`, `mobiscroll-ui-react.instructions.md`, `mobiscroll-ui-theming.instructions.md`

लाइव स्कीमा परत — MCP सर्वर

Mobiscroll MCP सर्वर Model Context Protocol पर संरचित, संस्करण-स्टैम्प्ड API ज्ञान प्रदान करता है। यह एक एकल, एकीकृत सर्वर है: वही mobiscroll सर्वर जो इन UI कंपोनेंट टूल्स को उजागर करता है, Mobiscroll Connect टूल्स को भी प्रदान करता है, जो Connect उपसर्ग के साथ हैं ताकि वे कभी टकराएं नहीं। दस्तावेज़ीकरण स्नैपशॉट पर निर्भर रहने के बजाय, एक सहायक जनरेशन समय पर सटीक कंपोनेंट स्कीमा, मान्य props/events, या एक कार्यशील उदाहरण प्राप्त करने के लिए इन टूल्स को कॉल कर सकता है — ताकि यह कभी hallucinate न करे या वर्तमान API से विचलित न हो। यह जो उजागर करता है उसकी पूरी सूची के लिए MCP टूल संदर्भ देखें।

यह https://mcp.mobiscroll.com/ पर एक होस्टेड Streamable HTTP सर्वर है — कोई स्थानीय इंस्टॉल आवश्यक नहीं है। यह Cursor और GitHub Copilot के लिए वैकल्पिक है (केवल तभी उपयोग किया जाता है यदि आप विकल्प B चुनते हैं), और प्लगइन के माध्यम से Claude Code और Codex के लिए बंडल/हमेशा-चालू है।

Cursor सेटअप

चरण 1: दस्तावेज़ीकरण स्रोत पंजीकृत करें

Cursor Settings → Indexing & Docs खोलें और अपने फ्रेमवर्क के लिए दस्तावेज़ीकरण स्रोत जोड़ें:

फ्रेमवर्क	नाम	URL
React	Mobiscroll React	`https://mobiscroll.com/docs/llms-react-full.txt`

केवल अपने उपयोग के मामले से मेल खाने वाला स्रोत पंजीकृत करें। कई स्रोत पंजीकृत न करें — यह क्रॉस-डोमेन संदूषण को रोकता है।

चरण 2: व्यवहार नियम जोड़ें

एक दृष्टिकोण चुनें — विकल्प A तुरंत काम करता है और कोई अतिरिक्त सेटअप आवश्यक नहीं है; विकल्प B उच्च सटीकता के लिए लाइव MCP स्कीमा लुकअप जोड़ता है लेकिन MCP सर्वर को कॉन्फ़िगर करने की आवश्यकता होती है।

विकल्प A —.mdc नियम फ़ाइल

mobiscroll-react.mdc फ़ाइल डाउनलोड करें और इसे .cursor/rules/ में रखें:

your-project/
├── .cursor/
│   └── rules/
│       └── mobiscroll-react.mdc
├── src/
└── package.json

.mdc फ़ाइल टेक्स्ट-आधारित API नियम प्रदान करती है — कोई अतिरिक्त सेटअप आवश्यक नहीं है।

विकल्प B — विस्तारित नियम फ़ाइलें + MCP (3 फ़ाइलें)

तीन विस्तारित नियम फ़ाइलें डाउनलोड करें और उन्हें .cursor/rules/ में रखें:

your-project/
├── .cursor/
│   └── rules/
│       ├── mobiscroll-ui.mdc
│       ├── mobiscroll-ui-react.mdc
│       └── mobiscroll-ui-theming.mdc
├── src/
└── package.json

विकल्प A के विपरीत, ये नियम फ़ाइलें Cursor के AI को प्रत्येक जनरेशन पर लाइव कंपोनेंट स्कीमा लुकअप के लिए Mobiscroll MCP सर्वर को कॉल करने का निर्देश देती हैं — ताकि यह स्मृति से अनुमान लगाने के बजाय वर्तमान API से काम करे। किसी भी AI आउटपुट की तरह, मर्ज करने से पहले जनरेट किए गए कोड की समीक्षा करें।

नियम सक्रियण

विस्तारित .mdc फ़ाइलें अपने frontmatter में description के साथ alwaysApply: false का उपयोग करती हैं। Cursor विवरण पढ़ता है और नियम को केवल तभी सक्रिय करता है जब संदर्भ प्रासंगिक हो — नियम हर संदेश में शामिल नहीं होता। आप इसे @rule-name के साथ मैन्युअल रूप से भी ट्रिगर कर सकते हैं (जैसे @mobiscroll-ui)। .mdc प्रारूप Agent मोड सहित सभी Cursor मोड में काम करता है।

चरण 3: MCP सर्वर कनेक्ट करें

Mobiscroll MCP सर्वर को कॉन्फ़िगर करें ताकि विस्तारित नियम लाइव स्कीमा लुकअप के लिए इसे कॉल कर सकें।

अपने प्रोजेक्ट रूट में .cursor/mcp.json बनाएं या संपादित करें:

{
  "mcpServers": {
    "mobiscroll": {
      "url": "https://mcp.mobiscroll.com/"
    }
  }
}

[!-warning] -warning कोई type फ़ील्ड नहीं

Cursor URL से ट्रांसपोर्ट प्रकार का अनुमान लगाता है। Cursor के कॉन्फ़िग में "type": "http" न जोड़ें — यह एक त्रुटि का कारण बनता है।

your-project/
├── .cursor/
│   ├── mcp.json
│   └── rules/
│       ├── mobiscroll-ui.mdc
│       ├── mobiscroll-ui-react.mdc
│       └── mobiscroll-ui-theming.mdc
├── src/
└── package.json

दायरा	कॉन्फ़िग फ़ाइल	टीम के साथ साझा
प्रोजेक्ट	प्रोजेक्ट रूट में `.cursor/mcp.json`	हाँ, यदि प्रतिबद्ध है
वैश्विक	`~/.cursor/mcp.json`	नहीं, आपके सभी प्रोजेक्ट

कनेक्शन सत्यापित करें: Cursor में Output पैनल खोलें और ड्रॉपडाउन से MCP Logs चुनें। एक सफल कनेक्शन mobiscroll सर्वर के लिए टूल डिस्कवरी संदेशों को लॉग करता है।

यह कैसे काम करता है

Cursor से Mobiscroll के बारे में पूछते समय, यह सुनिश्चित करने के लिए @docs शामिल करें कि यह पंजीकृत दस्तावेज़ीकरण पढ़े:

@docs How do I set up a weekly scheduler with Mobiscroll?

@docs What options does the Eventcalendar timeline view accept?

GitHub Copilot सेटअप

चरण 1: व्यवहार नियम जोड़ें

विकल्प A —.instructions.md नियम फ़ाइल

mobiscroll-react.instructions.md फ़ाइल डाउनलोड करें और इसे .github/instructions/ में रखें:

your-project/
├── .github/
|   └── instructions/
|       └── mobiscroll-react.instructions.md
├── src/
└── package.json

.instructions.md फ़ाइल टेक्स्ट-आधारित API नियम प्रदान करती है — कोई अतिरिक्त सेटअप आवश्यक नहीं है।

विकल्प B — विस्तारित निर्देश फ़ाइलें + MCP (3 फ़ाइलें)

तीन विस्तारित निर्देश फ़ाइलें डाउनलोड करें और उन्हें .github/instructions/ में रखें:

your-project/
├── .github/
|   └── instructions/
|       ├── mobiscroll-ui.instructions.md
|       ├── mobiscroll-ui-react.instructions.md
|       └── mobiscroll-ui-theming.instructions.md
├── src/
└── package.json

चरण 2: MCP सर्वर कनेक्ट करें

Mobiscroll MCP सर्वर को कॉन्फ़िगर करें ताकि विस्तारित निर्देश फ़ाइलें लाइव स्कीमा लुकअप के लिए इसे कॉल कर सकें।

अपने प्रोजेक्ट रूट में .vscode/mcp.json बनाएं या संपादित करें:

{
  "servers": {
    "mobiscroll": {
      "type": "http",
      "url": "https://mcp.mobiscroll.com/"
    }
  }
}

[!-warning] -warning "servers" नहीं "mcpServers"

VS Code रूट कुंजी के रूप में "servers" का उपयोग करता है — न कि "mcpServers" जैसा कि Claude Code और Cursor करते हैं। गलत कुंजी का उपयोग करने से बिना किसी त्रुटि संदेश के कॉन्फ़िग चुपचाप टूट जाता है।

your-project/
├── .vscode/
│   └── mcp.json
├── .github/
│   └── instructions/
│       ├── mobiscroll-ui.instructions.md
│       ├── mobiscroll-ui-react.instructions.md
│       └── mobiscroll-ui-theming.instructions.md
├── src/
└── package.json

दायरा	कॉन्फ़िग फ़ाइल	टीम के साथ साझा
कार्यक्षेत्र	प्रोजेक्ट रूट में `.vscode/mcp.json`	हाँ, यदि प्रतिबद्ध है
उपयोगकर्ता प्रोफ़ाइल	MCP: Open User Configuration के माध्यम से खोला गया	नहीं, आपके सभी कार्यक्षेत्र

कनेक्शन सत्यापित करें: Command Palette खोलें और MCP: List Servers चलाएं। mobiscroll सर्वर कनेक्टेड स्थिति के साथ दिखाई देना चाहिए। पहले उपयोग पर एक विश्वास संवाद दिखाई देता है — सर्वर को शुरू करने की अनुमति देने के लिए इसे स्वीकृत करें।

वैकल्पिक रूप से, निर्देशित सेटअप के लिए Command Palette खोलें और MCP: Add Server चलाएं।

यह कैसे काम करता है

applyTo: "**" वाली निर्देश फ़ाइलें सभी Copilot Chat प्रश्नों पर स्वचालित रूप से लागू होती हैं — कोई मैन्युअल संदर्भ आवश्यक नहीं है। दोनों विकल्पों में शामिल हैं:

दस्तावेज़ीकरण URLs — AI को सही फ्रेमवर्क दस्तावेज़ों की ओर इंगित करें
कंपोनेंट मैपिंग — उपयोगकर्ता इरादों (जैसे, "scheduler") को सही Mobiscroll APIs से मैप करें
नियम — सही पैकेज imports, CSS लोडिंग, और API उपयोग लागू करें
बाधाएं — क्रॉस-फ्रेमवर्क मिश्रण और API hallucination को रोकें

Mobiscroll प्रश्न सीधे पूछें:

How do I set up a weekly scheduler with Mobiscroll?

What options does the Eventcalendar timeline view accept?

Claude Code सेटअप

Claude Code के लिए Mobiscroll प्लगइन इंस्टॉल करें। प्लगइन फ्रेमवर्क कोडिंग स्किल्स और MCP सर्वर को एक ही इंस्टॉल में बंडल करता है — कोई प्रति-प्रोजेक्ट कॉन्फ़िगरेशन फ़ाइलें आवश्यक नहीं हैं।

चरण 1: मार्केटप्लेस पंजीकृत करें

Mobiscroll प्लगइन मार्केटप्लेस पंजीकृत करने के लिए Claude Code में एक बार यह चलाएं:

/plugin marketplace add acidb/mobiscroll-marketplace

चरण 2: प्लगइन इंस्टॉल करें

/plugin install mobiscroll@mobiscroll

[!-warning] -warning प्लगइन स्किल्स स्वतः अपडेट नहीं होतीं

प्लगइन इंस्टॉल करना इसकी स्किल्स का एक स्नैपशॉट लेता है — जब तक आप मार्केटप्लेस के लिए ऑटो-अपडेट सक्षम नहीं करते, Claude Code अपने आप नई स्किल्स नहीं लाएगा। किसी भी समय नवीनतम प्राप्त करने के लिए, /plugin marketplace update mobiscroll && /plugin update mobiscroll@mobiscroll चलाएं, फिर /reload-plugins।

चरण 3: MCP सर्वर कनेक्ट करें

प्लगइन MCP सर्वर को बंडल करता है — अधिकांश सेटअप के लिए कोई अलग कॉन्फ़िगरेशन आवश्यक नहीं है। इसे मैन्युअल रूप से कॉन्फ़िगर करने या अपनी टीम के साथ साझा करने के लिए:

claude mcp add --transport http mobiscroll https://mcp.mobiscroll.com/

[!-warning] -warning VS Code एक्सटेंशन

यदि आप Claude Visual Studio Code एक्सटेंशन का उपयोग कर रहे हैं, तो सर्वर तब तक दिखाई नहीं देगा जब तक इसे प्रोजेक्ट दायरे के साथ नहीं जोड़ा जाता। नीचे अगला कमांड देखें।

सर्वर को अपनी टीम के साथ स्वचालित रूप से साझा करने के लिए, प्रोजेक्ट दायरे का उपयोग करें:

claude mcp add --transport http --scope project mobiscroll https://mcp.mobiscroll.com/

यह आपके प्रोजेक्ट रूट में .mcp.json बनाता या अपडेट करता है। आप उस फ़ाइल को मैन्युअल रूप से भी बना सकते हैं:

{
  "mcpServers": {
    "mobiscroll": {
      "type": "http",
      "url": "https://mcp.mobiscroll.com/"
    }
  }
}

दायरा	CLI फ़्लैग	कॉन्फ़िग स्थान	टीम के साथ साझा
स्थानीय (डिफ़ॉल्ट)	`--scope local`	`~/.claude.json`	नहीं
प्रोजेक्ट	`--scope project`	प्रोजेक्ट रूट में `.mcp.json`	हाँ, संस्करण नियंत्रण के माध्यम से
उपयोगकर्ता	`--scope user`	`~/.claude.json`	नहीं, आपके सभी प्रोजेक्ट

[!-info] -info info

टीम रिपॉजिटरी के लिए --scope project का उपयोग करें ताकि प्रोजेक्ट क्लोन करने पर सभी को MCP सर्वर स्वचालित रूप से मिल जाए। [!-warning] -warning क्या आप डायरेक्टरी से भी कनेक्टेड हैं?

यदि आपके संगठन ने Anthropic की डायरेक्टरी से Mobiscroll कनेक्टर सक्षम किया है, तो हो सकता है कि आपके पास पहले से ही आपके Claude खाते के माध्यम से सर्वर हो। एक प्रोजेक्ट-स्कोप्ड .mcp.json प्रविष्टि और डायरेक्टरी कनेक्टर एक ही सर्वर के दो रास्ते हैं, और Claude Code प्रोजेक्ट प्रविष्टि को तब तक लोड करने में विफल के रूप में रिपोर्ट कर सकता है जब तक आप अपने खाते पर कनेक्टर को अधिकृत नहीं करते। इसे एक बार अधिकृत करें और दोनों काम करेंगे, या .mcp.json प्रविष्टि हटा दें और केवल कनेक्टर पर निर्भर रहें। नीचे Claude ऐप सेटअप देखें।

कनेक्शन सत्यापित करें: Claude Code के अंदर /mcp चलाएँ। पैनल प्रत्येक कनेक्टेड सर्वर और उसकी टूल संख्या सूचीबद्ध करता है। एक स्वस्थ कनेक्शन कम से कम एक टूल के साथ mobiscroll दिखाता है।

यह कैसे काम करता है

एक बार इंस्टॉल होने के बाद, प्लगइन प्रदान करता है:

स्किल्स — mobiscroll-ui ऑर्केस्ट्रेटर स्किल है जो आपके फ्रेमवर्क (React, Angular, Vue, JavaScript, या jQuery) का पता लगाता है और मेल खाने वाली फ्रेमवर्क उप-स्किल लोड करता है। थीमिंग प्रश्न mobiscroll-ui-theming द्वारा संभाले जाते हैं। सभी स्किल्स एक साथ इंस्टॉल होती हैं।
MCP सर्वर — बंडल किया गया Mobiscroll MCP सर्वर लाइव कंपोनेंट स्कीमा लुकअप, कोड सत्यापन, और उदाहरण खोज ऑन-डिमांड प्रदान करता है, ताकि Claude मेमोरी से अनुमान लगाने के बजाय वर्तमान API से काम करे। विलय करने से पहले उत्पन्न कोड की समीक्षा करें, किसी भी AI आउटपुट की तरह।

जब आप Claude Code से Mobiscroll कोड लिखने के लिए कहते हैं, तो यह:

resolveEnvironment के माध्यम से आपके फ्रेमवर्क और Mobiscroll संस्करण का पता लगाता है
मुहावरेदार परंपराओं के साथ मेल खाने वाली फ्रेमवर्क स्किल लोड करता है
कोई भी प्रॉप्स या इवेंट लिखने से पहले कंपोनेंट स्कीमा देखता है
आपको लौटाने से पहले उत्पन्न कोड को सत्यापित करता है

Codex सेटअप

OpenAI Codex के लिए Mobiscroll प्लगइन इंस्टॉल करें। प्लगइन एक ही इंस्टॉल में फ्रेमवर्क कोडिंग स्किल्स और MCP सर्वर को बंडल करता है — किसी प्रोजेक्ट-विशिष्ट कॉन्फ़िगरेशन फ़ाइल की आवश्यकता नहीं है।

चरण 1: मार्केटप्लेस पंजीकृत करें

Mobiscroll प्लगइन मार्केटप्लेस को पंजीकृत करने के लिए Codex में एक बार यह चलाएँ:

/plugins marketplace add acidb/mobiscroll-marketplace

चरण 2: प्लगइन इंस्टॉल करें

/plugins install mobiscroll@mobiscroll

[!-warning] -warning प्लगइन स्किल्स स्वतः अपडेट नहीं होतीं

प्लगइन इंस्टॉल करना इसकी स्किल्स का एक स्नैपशॉट लेता है — Codex अपने आप नए संस्करण नहीं खींचेगा। किसी भी समय नवीनतम पाने के लिए, मार्केटप्लेस कैटलॉग अपडेट करें और प्लगइन पुनः इंस्टॉल करें: /plugins marketplace update mobiscroll, फिर /plugins install mobiscroll@mobiscroll।

चरण 3: MCP सर्वर कनेक्ट करें

प्लगइन MCP सर्वर को बंडल करता है — अधिकांश सेटअप के लिए किसी अलग कॉन्फ़िगरेशन की आवश्यकता नहीं है। इसे मैन्युअल रूप से कॉन्फ़िगर करने या अपनी टीम के साथ साझा करने के लिए, इसे ~/.codex/config.toml (वैश्विक) या .codex/config.toml (प्रोजेक्ट) में जोड़ें:

[mcp_servers.mobiscroll]
url = "https://mcp.mobiscroll.com/"

आप इसे कमांड लाइन से भी पंजीकृत कर सकते हैं:

codex mcp add mobiscroll --url https://mcp.mobiscroll.com/

दायरा	कॉन्फ़िगरेशन स्थान	टीम के साथ साझा
वैश्विक	`~/.codex/config.toml`	नहीं, आपके सभी प्रोजेक्ट
प्रोजेक्ट	प्रोजेक्ट रूट में `.codex/config.toml` (केवल विश्वसनीय प्रोजेक्ट)	हाँ, संस्करण नियंत्रण के माध्यम से

[!-info] -info info

टीम रिपॉजिटरी के लिए प्रोजेक्ट-स्तरीय .codex/config.toml का उपयोग करें ताकि प्रोजेक्ट क्लोन करने पर सभी को स्वचालित रूप से MCP सर्वर मिल जाए।

कनेक्शन सत्यापित करें: Codex के अंदर /mcp चलाएँ। पैनल प्रत्येक कनेक्टेड सर्वर और उसकी टूल संख्या सूचीबद्ध करता है। एक स्वस्थ कनेक्शन अपने टूल सूचीबद्ध के साथ mobiscroll दिखाता है।

यह कैसे काम करता है

एक बार इंस्टॉल होने के बाद, प्लगइन प्रदान करता है:

स्किल्स — mobiscroll-ui ऑर्केस्ट्रेटर स्किल है जो आपके फ्रेमवर्क (React, Angular, Vue, JavaScript, या jQuery) का पता लगाता है और मेल खाने वाली फ्रेमवर्क उप-स्किल लोड करता है। थीमिंग प्रश्न mobiscroll-ui-theming द्वारा संभाले जाते हैं। सभी स्किल्स एक साथ इंस्टॉल होती हैं।
MCP सर्वर — बंडल किया गया Mobiscroll MCP सर्वर लाइव कंपोनेंट स्कीमा लुकअप, कोड सत्यापन, और उदाहरण खोज ऑन-डिमांड प्रदान करता है, ताकि Codex मेमोरी से अनुमान लगाने के बजाय वर्तमान API से काम करे। विलय करने से पहले उत्पन्न कोड की समीक्षा करें, किसी भी AI आउटपुट की तरह।

जब आप Codex से Mobiscroll कोड लिखने के लिए कहते हैं, तो यह:

resolveEnvironment के माध्यम से आपके फ्रेमवर्क और Mobiscroll संस्करण का पता लगाता है
मुहावरेदार परंपराओं के साथ मेल खाने वाली फ्रेमवर्क स्किल लोड करता है
कोई भी प्रॉप्स या इवेंट लिखने से पहले कंपोनेंट स्कीमा देखता है
आपको लौटाने से पहले उत्पन्न कोड को सत्यापित करता है

Claude ऐप सेटअप — claude.ai, डेस्कटॉप और मोबाइल

MCP सर्वर Anthropic की कनेक्टर डायरेक्टरी में प्रकाशित है, इसलिए वेब पर Claude, Claude Desktop और Claude मोबाइल ऐप किसी प्रोजेक्ट फ़ाइल या CLI कमांड के बिना इसका उपयोग कर सकते हैं। यह वही सर्वर है जो ऊपर के एडिटर सेटअप उपयोग करते हैं — अंतर केवल यह है कि आप इसे कैसे पहुँचते हैं।

चरण 1: डायरेक्टरी से कनेक्ट करें

सेटिंग्स → कनेक्टर्स → कनेक्टर्स ब्राउज़ करें खोलें, Mobiscroll खोजें, और कनेक्ट पर क्लिक करें।

कॉन्फ़िगर करने के लिए कुछ भी नहीं है। सर्वर केवल-पढ़ने के लिए है और इसे किसी खाते, API कुंजी या OAuth साइन-इन की आवश्यकता नहीं है।

चरण 2: इसे अपने संगठन के लिए सक्षम करें (टीम और एंटरप्राइज़)

टीम और एंटरप्राइज़ योजनाओं पर एक स्वामी पहले संगठन के लिए कनेक्टर जोड़ता है। फिर प्रत्येक सदस्य इसे अपने खाते पर कनेक्ट करता है — कनेक्टर सभी के लिए सूचीबद्ध है, लेकिन यह तब तक उत्तर नहीं देता जब तक व्यक्तिगत सदस्य इसे कनेक्ट नहीं करता।

[!-warning] -warning पहले से इसे कस्टम कनेक्टर के रूप में जोड़ा है?

यदि आपने डायरेक्टरी में होने से पहले mobiscroll को हाथ से जोड़ा था, तो डायरेक्टरी से कनेक्ट करने से पहले उस प्रविष्टि को हटा दें। https://mcp.mobiscroll.com/ की ओर इशारा करने वाली दो प्रविष्टियाँ एक ही टूल को दो बार पंजीकृत करती हैं, और Claude उस प्रति को कॉल कर सकता है जिसकी आप उम्मीद नहीं कर रहे हैं।

सेटिंग्स → कनेक्टर्स खोलें, अपनी कस्टम mobiscroll प्रविष्टि ढूंढें, और इसे हटा दें। फिर डायरेक्टरी से कनेक्ट करें।

यह कैसे काम करता है

Claude नीचे MCP टूल संदर्भ में सूचीबद्ध समान 14 केवल-पढ़ने वाले टूल को कॉल करता है। इससे किसी कंपोनेंट के विकल्पों, किसी इवेंट सिग्नेचर, किसी Connect एंडपॉइंट या REST कॉल के SDK समकक्ष के बारे में पूछें, और यह मेमोरी से उत्तर देने के बजाय वर्तमान स्कीमा पढ़ता है।

डायरेक्टरी कनेक्टर कोई स्किल्स नहीं रखता। वे Claude Code और Codex प्लगइन का हिस्सा हैं — किसी प्रोजेक्ट के अंदर Mobiscroll कोड लिखने के लिए, ऊपर Claude Code सेटअप का उपयोग करें।

MCP टूल संदर्भ

MCP सर्वर 14 टूल उजागर करता है। ये सभी केवल-पढ़ने के लिए हैं और इस रूप में एनोटेट किए गए हैं, इसलिए एक AI सहायक हर बार पुष्टि मांगे बिना उन्हें कॉल कर सकता है। इनमें से कोई भी आपके Mobiscroll खाते में कुछ भी पढ़ता या लिखता नहीं है, और Connect टूल Connect API का वर्णन करते हैं बजाय इसे कॉल करने के।

Mobiscroll UI टूल

टूल	यह क्या लौटाता है	आवश्यकता
`resolveEnvironment`	फ्रेमवर्क और प्रमुख संस्करण जो एक प्रोजेक्ट उपयोग करता है, इसके `package.json` से पढ़ा गया। ये वे मान हैं जो अन्य UI टूल तर्क के रूप में लेते हैं।	package.json सामग्री
`listComponents`	एक फ्रेमवर्क और संस्करण के लिए उपलब्ध हर कंपोनेंट, संक्षिप्त विवरण और इकाई संख्या के साथ।	फ्रेमवर्क, प्रमुख
`getComponentSchema`	एक कंपोनेंट के लिए विकल्प, इवेंट, विधियाँ और रेंडरर। पहले एक संक्षिप्त सूचकांक लौटाता है; पूर्ण विवरण के लिए विशिष्ट नामों के साथ फिर से कॉल करें।	कंपोनेंट, फ्रेमवर्क, प्रमुख
`searchExamples`	कीवर्ड से मेल खाने वाले उदाहरण, कंपोनेंट और संस्करण द्वारा फ़िल्टर किए गए, प्रासंगिकता द्वारा क्रमबद्ध।	फ्रेमवर्क, प्रमुख
`getExampleById`	एक पूर्ण उदाहरण इसकी स्रोत फ़ाइलों, विवरण और कार्यान्वयन नोट्स के साथ।	exampleId, फ्रेमवर्क, प्रमुख
`validateCode`	एक स्निपेट में अज्ञात प्रॉप्स, इवेंट और विधियाँ, साथ ही पुराना उपयोग। स्थैतिक विश्लेषण — कुछ भी निष्पादित नहीं होता।	कंपोनेंट, फ्रेमवर्क, प्रमुख, स्निपेट

Mobiscroll Connect टूल

वही सर्वर Connect REST API और इसके SDK के बारे में प्रश्नों का भी उत्तर देता है। ये Connect AI एकीकरण गाइड में पूर्ण रूप से प्रलेखित हैं।

टूल	यह क्या लौटाता है	आवश्यकता
`resolveConnectEnvironment`	कौन सा Connect SDK और संस्करण एक प्रोजेक्ट निर्भर करता है, इसकी निर्भरता मेनिफेस्ट से पढ़ा गया।	मेनिफेस्ट सामग्री
`listConnectEndpoints`	हर Connect REST एंडपॉइंट इसकी विधि, पथ, सारांश और प्रमाणीकरण के साथ।	—
`getConnectEndpointSchema`	एक एंडपॉइंट पूर्ण रूप में: प्रकारों के साथ पैरामीटर, प्रमाणीकरण, प्रतिक्रिया स्थितियाँ, उदाहरण।	endpointId, या विधि + पथ
`listConnectSdkMethods`	एक भाषा का SDK जो संसाधन और विधियाँ उजागर करता है।	भाषा
`getConnectSdkMethod`	एक SDK विधि पूर्ण रूप में: हस्ताक्षर, पैरामीटर, रिटर्न प्रकार, doc टिप्पणी, उदाहरण।	भाषा, विधि
`searchConnect`	REST एंडपॉइंट्स और SDK विधियों में कीवर्ड मेल।	क्वेरी
`mapConnectEndpointToSdk`	एक REST एंडपॉइंट के लिए समकक्ष SDK कॉल, प्रत्येक भाषा में या एक में।	endpointId, या विधि + पथ
`getConnectErrorTaxonomy`	प्रत्येक त्रुटि श्रेणी इसकी HTTP स्थिति और प्रति भाषा मुहावरेदार अपवाद प्रकार के साथ।	—

[!-success] -success एक resolve कॉल से शुरू करें

सर्वर दूरस्थ रूप से चलता है और आपकी फ़ाइलें नहीं पढ़ सकता, इसलिए resolveEnvironment और resolveConnectEnvironment आपकी मेनिफेस्ट सामग्री को तर्क के रूप में लेते हैं। हर अन्य टूल फ्रेमवर्क, संस्करण या भाषा को सीधे स्वीकार करता है यदि आप उन्हें पहले से जानते हैं।

फ्रेमवर्क अलगाव

[!-warning] -warning महत्वपूर्ण

प्रत्येक नियम फ़ाइल और दस्तावेज़ीकरण स्रोत बिल्कुल एक फ्रेमवर्क या डोमेन को लक्षित करता है। विभिन्न फ्रेमवर्क की फ़ाइलों को कभी संयोजित न करें, या UI फ्रेमवर्क फ़ाइलों को Connect फ़ाइलों के साथ मिश्रित न करें।

यह क्यों मायने रखता है:

अधिकांश API विकल्प फ्रेमवर्क में साझा हैं, लेकिन कंपोनेंट उपयोग और टेम्पलेटिंग प्रत्येक के लिए भिन्न है — उन्हें मिलाने से टूटा हुआ कोड उत्पन्न होता है

Mobiscroll Connect एक अलग डोमेन है:

Connect एक बैकएंड एकीकरण परत है — OAuth 2.0, REST API, वेबहुक, कैलेंडर सिंक
इसमें कोई UI कंपोनेंट, कोई JSX, कोई फ्रंटएंड फ्रेमवर्क बाइंडिंग नहीं है
Connect mobiscroll-connect.mdc और llms-connect-full.txt का उपयोग करता है — कभी UI फ्रेमवर्क फ़ाइलें नहीं
Connect दस्तावेज़ों को UI दस्तावेज़ों के साथ मिलाने से AI REST एंडपॉइंट्स को कंपोनेंट APIs के साथ भ्रमित करता है

[!-info] -info info

mobiscroll@mobiscroll प्लगइन सर्वर-साइड Connect (OAuth, REST, कैलेंडर सिंक) के लिए एक mobiscroll-connect स्किल भी बंडल करता है। यह केवल बैकएंड Connect कार्य के लिए सक्रिय होता है और कभी UI कंपोनेंट कोड के साथ मिश्रित नहीं होता। Connect AI एकीकरण गाइड देखें।

नियम:

केवल उन नियम फ़ाइलों का उपयोग करें जो एक फ्रेमवर्क या डोमेन से मेल खाती हैं — विभिन्न फ्रेमवर्क की फ़ाइलों को कभी मिश्रित न करें
Cursor में केवल एक दस्तावेज़ीकरण स्रोत पंजीकृत करें
यदि आपका प्रोजेक्ट कई फ्रेमवर्क उपयोग करता है (जैसे, माइक्रो-फ्रंटएंड), तो अलग-अलग .mdc फ़ाइलों के साथ अलग निर्देशिकाएँ सेट करें
यदि आपका प्रोजेक्ट एक UI फ्रेमवर्क और Mobiscroll Connect दोनों उपयोग करता है, तो प्रत्येक के लिए अलग AI संदर्भ निर्देशिकाएँ उपयोग करें
यदि एक AI सहायक गलत फ्रेमवर्क आयात के साथ कोड उत्पन्न करता है, तो जाँचें कि सही नियम फ़ाइल मौजूद है

उदाहरण क्वेरी

ये उदाहरण उन प्रश्नों के प्रकार दिखाते हैं जिन्हें AI एकीकरण सही ढंग से संभालने के लिए डिज़ाइन किया गया है।

How do I create an Eventcalendar with a weekly scheduler view?
Add drag and drop support to my Mobiscroll timeline.
What is the type for calendar events in Mobiscroll React?

समस्या निवारण

AI गलत फ्रेमवर्क के साथ कोड उत्पन्न करता है

लक्षण: आप React उपयोग कर रहे हैं लेकिन AI एक अलग फ्रेमवर्क के लिए कोड उत्पन्न करता है (जैसे import { Eventcalendar } from '@mobiscroll/angular')।

समाधान: सत्यापित करें कि सही नियम फ़ाइल मौजूद है। Cursor में React के लिए, mobiscroll-react.mdc उपयोग करें; Copilot के लिए, mobiscroll-react.instructions.md उपयोग करें। Cursor में, जाँचें कि पंजीकृत @docs स्रोत llms-react-full.txt की ओर इशारा करता है।

AI गैर-मौजूद APIs का आविष्कार करता है

लक्षण: AI ऐसे विकल्प, इवेंट, या प्रकार सुझाता है जो Mobiscroll दस्तावेज़ीकरण में मौजूद नहीं हैं।

समाधान: .mdc नियम AI को केवल दस्तावेज़ों में पाए गए APIs का उपयोग करने का निर्देश देते हैं। यदि यह अभी भी होता है, तो Cursor क्वेरी में स्पष्ट रूप से @docs संदर्भित करें, या सत्यापित करें कि Mobiscroll प्लगइन Claude Code (/plugin list) या Codex (codex plugin list) में इंस्टॉल है। आप AI से Mobiscroll दस्तावेज़ों में किसी विकल्प के अस्तित्व को सत्यापित करने के लिए भी कह सकते हैं।

AI Mobiscroll Connect को UI कंपोनेंट्स के साथ मिश्रित करता है

लक्षण: AI REST API कॉल उत्पन्न करता है जब आपने एक फ्रंटएंड कैलेंडर कंपोनेंट के बारे में पूछा था, या JSX/कंपोनेंट कोड उत्पन्न करता है जब आपने Connect API के बारे में पूछा था। समाधान: Mobiscroll Connect एक बैकएंड एकीकरण परत (OAuth, REST, वेबहुक) है और इसमें कोई UI घटक नहीं हैं। Eventcalendar एक फ्रंटएंड UI घटक है जिसमें कोई REST API नहीं है। वे पूरी तरह से अलग .mdc फ़ाइलें और दस्तावेज़ीकरण स्रोत उपयोग करते हैं। सत्यापित करें कि आपके प्रोजेक्ट के लिए सही .mdc फ़ाइल सक्रिय है। यदि आप दोनों को एक ही कोडबेस में उपयोग करते हैं, तो प्रत्येक के लिए अलग AI संदर्भ निर्देशिकाएँ रखें।

सेटअप के बाद MCP सर्वर दिखाई नहीं देता

लक्षण: MCP सर्वर पैनल में कोई mobiscroll प्रविष्टि नहीं दिखती है, या उपकरण उपलब्ध नहीं हैं।

समाधान: जाँचें कि कॉन्फ़िग फ़ाइल सही स्थान पर है और सही रूट कुंजी का उपयोग करती है — Claude Code, Codex और Cursor के लिए mcpServers, VS Code के लिए servers। सत्यापित करें कि फ़ाइल अच्छी तरह से निर्मित JSON है। Claude Code या Codex के लिए, कनेक्टेड सर्वरों का निरीक्षण करने के लिए /mcp चलाएँ।

फ़ाइल संदर्भ

सभी AI एकीकरण फ़ाइलें निम्नलिखित URL पर उपलब्ध हैं:

दस्तावेज़ीकरण फ़ाइलें

फ़ाइल	URL
React	`https://mobiscroll.com/docs/llms-react-full.txt`

नियम फ़ाइलें

फ़ाइल	Cursor (`.mdc`)	Copilot (`.instructions.md`)
React नियम	`mobiscroll-react.mdc`	`copilot-instructions/mobiscroll-react.instructions.md`

विस्तारित नियम फ़ाइलें

फ़ाइल	Cursor (`.mdc`)	Copilot (`.instructions.md`)
ऑर्केस्ट्रेटर	`mobiscroll-ui.mdc`	`copilot-instructions/mobiscroll-ui.instructions.md`
React परंपराएँ	`mobiscroll-ui-react.mdc`	`copilot-instructions/mobiscroll-ui-react.instructions.md`
थीमिंग	`mobiscroll-ui-theming.mdc`	`copilot-instructions/mobiscroll-ui-theming.instructions.md`

फ़ाइल सामग्री

प्रत्येक फ़ाइल की पूरी सामग्री नीचे दिखाई गई है। आप सीधे इन ब्लॉकों से कॉपी कर सकते हैं या ऊपर दिए गए डाउनलोड लिंक का उपयोग कर सकते हैं।