मुख्य सामग्री पर जाएँ
Studio सेटअप गाइड मेरा AI असिस्टेंट इसे सेट अप करेगा

अपने AI असिस्टेंट से Studio सेट अप करवाएँ

आपके कंप्यूटर पर मौजूद AI कोडिंग असिस्टेंट, जैसे Claude Code, Codex या Cursor, आपके लिए Studio को ऑनलाइन कर सकता है। आप तैयार निर्देश पेस्ट करते हैं। आपका असिस्टेंट Studio के डाउनलोड में शामिल सेटअप निर्देश पढ़ता है, आपके साथ मिलकर तय करता है कि आपकी वेब होस्टिंग या Cloudflare अकाउंट में से कौन-सा बेहतर बैठता है, और कुछ भी बदलने से पहले पूछता है।

सर्वश्रेष्ठ के लिए
वे लोग जो पहले से ऐसा AI कोडिंग असिस्टेंट इस्तेमाल करते हैं जो उनके कंप्यूटर पर कमांड चला सकता है, दोनों तरह के Studio के लिए: वेब होस्टिंग पर या Cloudflare में।
आपको क्या चाहिए
Windows या Mac के लिए Maxisnap, उस अकाउंट से साइन इन किया हुआ जिसके पास Studio है; आपके कंप्यूटर पर एक AI कोडिंग असिस्टेंट; और आपका होस्टिंग लॉगिन या एक Cloudflare अकाउंट।
समय
आपको ज़्यादा कुछ नहीं करना पड़ता: आप अपने असिस्टेंट के सवालों के जवाब देते हैं और हर बदलाव को मंज़ूरी देते हैं।
आपको क्या मिलता है
सेटअप के दूसरे विकल्पों वाला ही Studio, आपकी वेब होस्टिंग पर या आपके अपने Cloudflare अकाउंट में।

आपका असिस्टेंट किन निर्देशों का पालन करता है

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

  • हर अपलोड, डिप्लॉयमेंट या सर्वर अथवा अकाउंट में बदलाव से पहले आपसे पूछे, और ठीक-ठीक बताए कि वह क्या बदलेगा।
  • जो पहले से मौजूद है उसे कभी न हटाए, न ओवरराइट करे और न उसका नाम बदले: वेबसाइट की फ़ाइलें, DNS रिकॉर्ड, Workers, बकेट या डेटाबेस। Studio सिर्फ़ नई चीज़ें जोड़ता है।
  • अपनी बनाई फ़ाइलों में कुंजियाँ और पासवर्ड न रखे।
  • अंत में आपको Studio का पता और एडमिन कुंजी दे, ताकि आप Maxisnap को कनेक्ट कर सकें।

अपने कंप्यूटर पर Studio पाएँ

  • Windows पर: Maxisnap में सेटिंग्स → अकाउंट → Maxisnap Studio सेटअप विज़ार्ड खोलें, “शुरू करें” पर क्लिक करें, फिर “डैशबोर्ड डाउनलोड करें”। Maxisnap, Studio की ZIP फ़ाइल को आपके डाउनलोड फ़ोल्डर में सहेजता है और वह फ़ोल्डर खोल देता है।
  • Mac पर: Maxisnap में Settings → Welcome & Help → Studio Setup Guide खोलें, “Get Started” पर क्लिक करें, फिर “Download Dashboard”। Maxisnap, Studio की ZIP फ़ाइल को आपके डाउनलोड फ़ोल्डर में सहेज देता है।

ZIP फ़ाइल को एक्सट्रैक्ट करें। Windows पर उस पर राइट-क्लिक करें और “सभी निकालें” (Extract All) चुनें। Mac पर उस पर डबल-क्लिक करें।

एक्सट्रैक्ट किए गए फ़ोल्डर की लोकेशन कॉपी करें; इसे आप चरण 3 में पेस्ट करेंगे। Windows पर फ़ोल्डर पर राइट-क्लिक करें और “पथ के रूप में कॉपी करें” (Copy as path) चुनें। Mac पर फ़ोल्डर चुनें और Option+Command+C दबाएँ।

AI असिस्टेंट के लिए निर्देश फ़ाइल उसी फ़ोल्डर में है:

AGENTS.md

आपको क्या दिखेगा एक्सट्रैक्ट किया हुआ Studio फ़ोल्डर: तीन फ़ोल्डर (cloudflare, docs और snaps), Start Here पेज और AI असिस्टेंट के लिए निर्देश।

चाहें तो अपनी ब्रांडिंग लॉक करें

“Maxisnap Studio - Start Here.html” पर डबल-क्लिक करें, अपना लोगो, रंग और फ़ॉन्ट डिज़ाइन करें और “Lock in my branding” पर क्लिक करें। आपका असिस्टेंट इसी ब्रांडिंग का इस्तेमाल करता है। आप इसे छोड़ भी सकते हैं और ब्रांडिंग बाद में अपने डैशबोर्ड में Branding के अंतर्गत बदल सकते हैं।

निर्देश कॉपी करें

इन निर्देशों को कॉपी करें, एंगल ब्रैकेट वाली लाइन की जगह अपना Studio फ़ोल्डर लिखें, और उन्हें अपने असिस्टेंट में पेस्ट करें।

Set up Maxisnap Studio for me.

Maxisnap Studio is a self-hosted dashboard for the screenshots and screen recordings the Maxisnap desktop app uploads: a private library plus branded share links. It comes in two editions with the same features: a PHP app for ordinary web hosting, and a Cloudflare Worker that uses R2 and D1.

Everything is in this folder on my computer:
  <the folder where I extracted the Studio download>

Start by reading AGENTS.md in that folder. It explains both editions, the exact install steps, what must stay private, and how to check the result.
If I locked in my branding, it is in snaps.zip; AGENTS.md says what to do if it is missing.

Goal: Work out with me whether the PHP edition (my web hosting) or the Cloudflare Workers edition fits my setup, then install it.

Rules:
- Ask me before you upload, deploy, or change anything on a server or in an account, and tell me exactly what you will change.
- Never delete, overwrite or rename existing website files, DNS records, Workers, buckets or databases. Studio only adds new things.
- Keep keys and passwords out of files you create and out of chat transcripts where you can.
- When it works, give me the Studio address and the Admin key so I can connect the Maxisnap app (on Windows, Settings, Account, Maxisnap Studio setup wizard, step 4; on a Mac, Settings, Welcome & Help, Studio Setup Guide, “I already have a dashboard”).

अपने असिस्टेंट के सवालों के जवाब दें

  1. उसे बताएँ कि आपकी वेबसाइट कहाँ है: वेब होस्टिंग पर (cPanel, hPanel, Plesk वगैरह), Cloudflare पर, या अभी कहीं नहीं। वेबसाइट न होने पर Cloudflare एडिशन सुरक्षित विकल्प है।
  2. वेब होस्टिंग के लिए वह बताता है कि क्या अपलोड करना है और कहाँ, या अगर आप उसे अपनी होस्टिंग तक पहुँच दें तो खुद अपलोड कर देता है।
  3. Cloudflare के लिए वह आपसे Cloudflare API टोकन माँगता है। टोकन Cloudflare में My Profile → API Tokens के अंतर्गत उन अनुमतियों के साथ बनाएँ जो आपका असिस्टेंट बताता है, और उसे खुद टर्मिनल में पेस्ट करें।

Cloudflare अकाउंट, स्टोरेज और टोकन के चरण मुफ़्त Cloudflare अकाउंट वाली गाइड में देखें।

हाँ कहने से पहले उसका प्लान जाँचें

Cloudflare डिप्लॉय से पहले आपका असिस्टेंट आपको प्लान दिखाता है। “Will create” में एक Worker, एक R2 बकेट और एक D1 डेटाबेस की सूची होती है, और “Will not touch” में अकाउंट की बाकी सब चीज़ों की। वेब होस्टिंग पर वह बताता है कि कौन-सा फ़ोल्डर जोड़ेगा। हाँ तभी कहें जब सूची सही लगे।

आपको क्या दिखेगा आपके असिस्टेंट का सारांश कि वह क्या बनाएगा और क्या नहीं छुएगा, आपकी हाँ का इंतज़ार करता हुआ।

Maxisnap कनेक्ट करें और आज़माएँ

जब यह काम कर जाता है, तो आपका असिस्टेंट आपको आपके Studio का पता और उसकी एडमिन कुंजी देता है। कुंजी को किसी सुरक्षित जगह रखें, जैसे आपका पासवर्ड मैनेजर।

  • Windows के लिए Maxisnap: सेटिंग्स → अकाउंट → Maxisnap Studio सेटअप विज़ार्ड खोलें, “शुरू करें” पर क्लिक करें, फिर चरण 4, “Maxisnap कनेक्ट करें”, आने तक “अगला” पर क्लिक करते जाएँ। अपने Studio का पता और कुंजी पेस्ट करें, “कनेक्शन टेस्ट करें” पर क्लिक करें, फिर “अगला” पर, और आख़िरी पेज पर “पूरा करें और सहेजें” पर क्लिक करें। सेटअप में मिली एडमिन कुंजी काम करती है, और आपके डैशबोर्ड में People & access से लिया गया अपलोड कोड भी काम करता है।
  • Mac के लिए Maxisnap: Settings → Welcome & Help → Studio Setup Guide खोलें और “I already have a dashboard” चुनें। अपने Studio का पता और कुंजी पेस्ट करें, “Test Connection” पर क्लिक करें, फिर “Next”, फिर “Finish & Save”।

कुछ कैप्चर करें और एडिटर में “अपलोड” पर क्लिक करें। Windows पर Ctrl+Alt+7 एक रीजन कैप्चर करके उसे तुरंत अपलोड कर देता है। शेयर लिंक आपके क्लिपबोर्ड पर आ जाता है।

अगले कदम: डैशबोर्ड में People & access के अंतर्गत अपनी टीम जोड़ें (हर किसी को अपना कोड और भूमिका मिलती है), और अपना लोगो या रंग कभी भी Branding के अंतर्गत बदलें।

अगर कुछ गड़बड़ हो जाए

आपका असिस्टेंट कहता है कि वह फ़ाइलें नहीं खोल सकता या कमांड नहीं चला सकता

ऐसा कोडिंग असिस्टेंट इस्तेमाल करें जो आपके कंप्यूटर पर चलता हो और किसी फ़ोल्डर में काम कर सके, जैसे Claude Code, Codex या Cursor। ब्राउज़र टैब में खुली चैट आपका Studio फ़ोल्डर नहीं देख सकती और डिप्लॉय टूल नहीं चला सकती।

आपका असिस्टेंट निर्देश फ़ाइल नहीं ढूँढ पा रहा

जिस फ़ोल्डर को आपने निर्देशों में पेस्ट किया था, उसे जाँचें। वह एक्सट्रैक्ट किया हुआ Studio फ़ोल्डर होना चाहिए, ZIP फ़ाइल नहीं, और उसमें AI असिस्टेंट के लिए निर्देश फ़ाइल होती है।

आपका असिस्टेंट कहता है कि Node.js मौजूद नहीं है या बहुत पुराना है

Cloudflare डिप्लॉय टूल को Node.js 20 या उससे नया वर्ज़न चाहिए। nodejs.org से मौजूदा LTS वर्ज़न इंस्टॉल करें, या अपने असिस्टेंट से इंस्टॉल करवाएँ, उसके यह बताने के बाद कि वह क्या करेगा; फिर दोबारा शुरू करें। वेब होस्टिंग पर Studio को Node.js की ज़रूरत नहीं होती।

आपका असिस्टेंट आपसे चैट में टोकन या पासवर्ड पेस्ट करने को कहता है

इसके बजाय इसे टर्मिनल में पेस्ट करें, जब कमांड इसे माँगे, ताकि यह चैट हिस्ट्री में न रहे। अगर आप Cloudflare टोकन पहले ही चैट में पेस्ट कर चुके हैं, तो आपका Studio चलने लगने के बाद उसे Cloudflare में My Profile → API Tokens के अंतर्गत हटा दें, और अगली बार ज़रूरत पड़ने पर नया बना लें।

आपका असिस्टेंट कुछ हटाना, बदलना या उसका नाम बदलना चाहता है

मना कर दें। Studio सिर्फ़ नई चीज़ें जोड़ता है, और उसके निर्देश आपके असिस्टेंट से कहते हैं कि वह मौजूदा वेबसाइट फ़ाइलों, DNS रिकॉर्ड, Workers, बकेट या डेटाबेस को कभी न हटाए, न ओवरराइट करे और न उनका नाम बदले। उससे इसके बजाय कोई नया नाम चुनने को कहें।

आपका असिस्टेंट कहता है कि आपकी ब्रांडिंग फ़ाइल नहीं मिल रही

आपने अभी तक ब्रांडिंग लॉक नहीं की है। “Maxisnap Studio - Start Here.html” खोलें, अपनी ब्रांडिंग डिज़ाइन करें और “Lock in my branding” पर क्लिक करें, या अपने असिस्टेंट से कहें कि वह Maxisnap के लुक के साथ आगे बढ़े। इसे आप बाद में अपने डैशबोर्ड में Branding के अंतर्गत बदल सकते हैं।

आपके असिस्टेंट की आख़िरी जाँच 401 या 404 देती है

{"error":"unauthorized"}

401 का मतलब है कि कुंजी गलत है: एडमिन कुंजी को ठीक वैसे ही इस्तेमाल करें जैसी सेटअप ने दिखाई थी। 404, या छोटे जवाब की जगह कोई वेब पेज आना, इसका मतलब है कि पता या फ़ोल्डर गलत है, या वेब होस्टिंग पर Studio के .htaccess नियमों को अनदेखा किया जा रहा है।

Cloudflare डिप्लॉय बीच में रुक गया

अपने असिस्टेंट से वही डिप्लॉय कमांड उसी फ़ोल्डर से दोबारा चलाने को कहें। डिप्लॉय deployment.json को पढ़ता है और वहीं से आगे बढ़ता है जहाँ रुका था, बिना कुछ दो बार बनाए।

Maxisnap आपके असिस्टेंट से मिले पते और कुंजी से कनेक्ट नहीं हो रहा

पता वही है जिस पर आप अपना Studio डैशबोर्ड खोलते हैं। वह इस रूप में शुरू होता है: https://, जैसे https://yourcompany.com/snaps. कुंजी को आगे या पीछे खाली जगह (स्पेस) छोड़े बिना कॉपी करें। मौजूदा Studio को कनेक्ट करने वाली गाइड में बताया गया है कि हर संदेश का क्या मतलब है।

अब भी मदद चाहिए?

हमें ईमेल करें, और कोई व्यक्ति आपको जवाब लिखेगा, आमतौर पर एक कार्य-दिवस के भीतर। ये जानकारियाँ हमें एक ही बार में जवाब देने में मदद करती हैं:

  • आपने कौन-सा सेटअप विकल्प चुना और आप किस चरण पर हैं।
  • स्क्रीन का एक स्क्रीनशॉट, जिसमें कोई भी एरर संदेश पूरा दिखे।
  • आपका Studio कहाँ लगने वाला है: नया या मौजूदा Cloudflare अकाउंट, या आपकी वेब होस्टिंग कंपनी का नाम।
  • आपका Maxisnap वर्ज़न: Windows पर सेटिंग्स → “के बारे में”; Mac पर Maxisnap → “About Maxisnap”।

कृपया अपनी एडमिन कुंजी, कोई Cloudflare कुंजी या पासवर्ड न भेजें। आपकी मदद करने के लिए हमें इनकी ज़रूरत नहीं है।

सेटअप की दूसरी गाइड