AI वेबसाइट बिल्डर प्रॉम्प्ट: काम करने वाले टेम्पलेट

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

• छह हिस्से इस्तेमाल करें: लक्ष्य, ऑडियंस, पेज, डेटा और फ़ीचर, इंटीग्रेशन, लुक।
• हर वह फ़ीचर साफ़ लिखें जो डेटा सेव करता है या जिसमें लॉगिन चाहिए, और यह भी कि कौन क्या देख सकता है। धुंधले प्रॉम्प्ट यहीं मात खाते हैं।
• जिन बाहरी सेवाओं का इस्तेमाल करेंगे, जैसे Stripe या आपका ईमेल अकाउंट, उनका नाम लिखें, ताकि बिल्ड उन्हें आपकी कीज़ के लिए तैयार रखे।
• अपनी फ़ाइलें जोड़ें और बताएं कि हर फ़ाइल किसलिए है।
• बदलाव पेज, हिस्से और नतीजे के हिसाब से मांगें, और सबको एक मैसेज में इकट्ठा करके भेजें।

पहला मैसेज इतना अहम क्यों है

WisyLink में हर बिल्ड आपके प्लान की रोलिंग उपयोग सीमा से खर्च होता है, जिसमें एक 5 घंटे की विंडो और एक साप्ताहिक विंडो होती है। मुफ़्त Community प्लान पर एक बिल्ड 5 घंटे की विंडो भर देता है। अगर पहला मैसेज आधी ज़रूरतें छोड़ दे, तो एक बिल्ड भी जाता है और सुधार से पहले इंतज़ार भी करना पड़ता है।

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

पूरा मैसेज होने का मतलब है कम सवाल। चैट असिस्टेंट Wisy कोई अहम बात छूटी होने पर एक छोटा सवाल पूछता है, और ज़रूरी जानकारी मिलने पर ही बिल्ड करता है। मैसेज जितनी बातों का जवाब पहले से दे देगा, बिल्ड उतनी जल्दी शुरू होगा। आप जो कहना चाहते हैं और जो बनकर आता है, उनके बीच का अंतर असली है; इरादे और नतीजे के बीच की खाई पर हमारा लेख बताता है कि यह अंतर कहां पैदा होता है।

प्रॉम्प्ट का 6 हिस्सों वाला फ़ॉर्मूला

इन छह हिस्सों को इसी क्रम में लिखें, तो पहले बिल्ड को बहुत कम अंदाज़ा लगाना पड़ेगा:

1. लक्ष्य। साइट को क्या हासिल करना है, एक वाक्य में। “लॉन्च से पहले वेटलिस्ट साइन-अप जुटाना”, न कि “मेरे स्टार्टअप के लिए एक वेबसाइट”।
2. ऑडियंस। इसे कौन इस्तेमाल करेगा, हर तरह के यूज़र समेत: विज़िटर, मेंबर, क्लाइंट, स्टाफ़, एडमिन।
3. पेज। उनकी लिस्ट दें, या एक-पेज साइट हो तो उसके सेक्शन की।
4. डेटा और फ़ीचर। क्या सेव होगा, उसे कौन देख या बदल सकता है, और नियम क्या हैं: कितनी जगह, कौन से फ़ील्ड ज़रूरी, तारीख़ की सीमा, स्टेटस।
5. इंटीग्रेशन। पेमेंट, ईमेल भेजना, सोशल साइन-इन या API वाली कोई और सेवा। बताएं कि हर एक क्या करेगी; कीज़ आप बिल्ड के बाद इंटीग्रेशन में जोड़ेंगे, चैट में कभी नहीं।
6. लुक। दो-तीन विशेषण, आपके रंग, साथ लगा लोगो, और साइट की भाषा या भाषाएं।

प्रॉम्प्ट कितना लंबा हो? इतना कि छहों हिस्से आ जाएं, जिसका मतलब आमतौर पर कुछ छोटे पैराग्राफ़ होता है। बिना ब्योरे की लंबाई किसी काम की नहीं; आपके सफ़र की लंबी कहानी में बिल्डर के बनाने लायक कुछ नहीं होता। ऊपरी सीमा के तौर पर, WisyLink का API और CLI 5,000 अक्षरों तक के मैसेज लेते हैं, जो विस्तृत ब्रीफ़ के लिए भी काफ़ी है।

क्या हिंदी में लिख सकते हैं? हां। Wisy आपके आख़िरी मैसेज की भाषा में जवाब देता है, चाहे वह हिंदी हो, अंग्रेज़ी हो या कोई और भाषा। साइट की अपनी भाषा अलग चीज़ है: वह उसी भाषा में रहती है जिसमें बनी थी, जब तक आप साफ़ तौर पर अनुवाद न मांगें। इसलिए अगर आप हिंदी में लिख रहे हैं पर साइट अंग्रेज़ी में चाहिए, तो लिखें “साइट अंग्रेज़ी में हो”।

पांच आम साइटों के लिए कॉपी-पेस्ट टेम्पलेट

[ब्रैकेट] में लिखी हर चीज़ बदलें, जो वैकल्पिक हिस्से न चाहिए उन्हें हटाएं, अपनी फ़ाइलें जोड़ें और भेज दें। हर टेम्पलेट छह हिस्सों वाले फ़ॉर्मूले पर चलता है।

वेटलिस्ट वाला लैंडिंग पेज

[प्रोडक्ट का नाम] के लिए एक-पेज का लैंडिंग पेज बनाएं। यह [किसके लिए है] के लिए [यह क्या करता है, एक वाक्य में]।

सेक्शन: हेडलाइन और सब-हेडलाइन, तीन मुख्य फ़ायदे, तीन स्टेप में यह कैसे काम करता है, एक छोटा FAQ, और वेटलिस्ट फ़ॉर्म (ईमेल ज़रूरी, [वैकल्पिक: कंपनी का साइज़ या रोल])।

हर साइन-अप सेव करें, दोबारा आए ईमेल को स्वीकार न करें और पेज पर कन्फ़र्मेशन मैसेज दिखाएं। मुझे एक एडमिन पेज दें, सिर्फ़ मेरे लिए, जिसमें साइन-अप तारीख़ के साथ दिखें और मैं उन्हें CSV फ़ाइल के रूप में डाउनलोड कर सकूं।

लुक: [दो-तीन विशेषण], [रंग], साथ लगा लोगो इस्तेमाल करें। भाषा: [भाषा]।

यह क्यों काम करता है: एक ही लक्ष्य, एक ही फ़ॉर्म, और डुप्लिकेट के लिए साफ़ नियम। ध्यान रखें: हेडलाइन आपके प्रोडक्ट से ज़्यादा का वादा न करे। उसे अपने शब्दों में दोबारा लिखें।

बुकिंग साइट

[बिज़नेस का नाम] के लिए बुकिंग साइट बनाएं, जो [शहर] में एक [बिज़नेस का प्रकार] है।

विज़िटर अगले [दो] हफ़्तों के उपलब्ध [अपॉइंटमेंट या क्लास] देखें और नाम, ईमेल और फ़ोन डालकर बुक करें। सर्विसेज़: [समय और कीमत के साथ लिस्ट, या “साथ लगी रेट लिस्ट देखें”]। हर स्लॉट में [1] बुकिंग होगी; स्लॉट भर जाने के बाद कोई और उसे बुक नहीं कर सकेगा। बुकिंग के बाद कन्फ़र्मेशन पेज दिखाएं।

एडमिन पेज, सिर्फ़ मेरे लिए: उपलब्ध समय जोड़ना या हटाना, बुकिंग देखना और कैंसिल करना। [वैकल्पिक: बुकिंग होने पर मेरे SMTP अकाउंट से मुझे और ग्राहक को ईमेल भेजें।]

पेज: होम, सर्विसेज़, बुक करें, संपर्क। लुक: [स्टाइल]। भाषा: [भाषा]।

यह क्यों काम करता है: क्षमता और “भरा है तो भरा है” वाला नियम साफ़ लिखे हैं, इसलिए बुकिंग आपस में नहीं टकरातीं। ध्यान रखें: टाइम ज़ोन और खुलने का समय। अगर ग्राहक किसी दूसरी जगह से बुक करते हैं, तो इन्हें लिखें।

छोटा ऑनलाइन स्टोर

[दुकान का नाम] के लिए छोटा ऑनलाइन स्टोर बनाएं, जो [किसे] [क्या] बेचता है।

प्रोडक्ट साथ लगी [products.csv] में हैं (कॉलम: नाम, कैटेगरी, कीमत, स्टॉक, विवरण, फ़ोटो फ़ाइल का नाम); साथ लगी फ़ोटो इस्तेमाल करें। हर प्रोडक्ट का अपना पेज हो। शॉप पेज पर कैटेगरी और कीमत से फ़िल्टर हो।

[शिपिंग या दुकान से पिकअप] के लिए Stripe से चेकआउट। हर ऑर्डर पहले सेव करें और उसे पेड तभी मार्क करें जब Stripe पुष्टि करे। ऑर्डर पेड होने पर स्टॉक घटाएं और शून्य होने पर “स्टॉक ख़त्म” दिखाएं।

एडमिन पेज: प्रोडक्ट और स्टॉक एडिट करना, ऑर्डर देखना, उन्हें भेजा गया मार्क करना। लुक: [स्टाइल]। भाषा: [भाषा]।

यह क्यों काम करता है: डेटा एक साफ़ फ़ाइल में आता है, और पेमेंट का नियम लिखा हुआ है। ध्यान रखें: बड़े कैटलॉग पर सर्च बॉक्स न मांगें। WisyLink कैटेगरी और कीमत जैसे फ़ील्ड से फ़िल्टर करता है, पर इसमें फ़्री-टेक्स्ट सर्च नहीं है, इसलिए फ़िल्टर मांगना ही सही है। भारत में नए बिज़नेस के लिए Stripe सीमित रूप से उपलब्ध है; ऐसे में प्रॉम्प्ट में अपने पेमेंट प्रदाता का नाम लिखें, जैसे Razorpay, जिसे उसके API से जोड़ा जा सकता है (हमने इसे ख़ुद टेस्ट नहीं किया है)।

क्लाइंट पोर्टल

[एजेंसी या फ़र्म का नाम] के लिए क्लाइंट पोर्टल बनाएं।

क्लाइंट अकाउंट मैं एडमिन पेज से बनाऊंगा; क्लाइंट ख़ुद साइन अप नहीं कर सकते। हर क्लाइंट साइन इन करके सिर्फ़ अपने प्रोजेक्ट देखे: स्टेटस, अगले कदम और वे फ़ाइलें जो मैं उसके लिए अपलोड करूं, सब प्राइवेट। क्लाइंट मुझे फ़ाइलें वापस अपलोड कर सकें, हर फ़ाइल [साइज़] MB तक, और किसी प्रोजेक्ट पर कमेंट कर सकें।

एडमिन पेज: क्लाइंट और प्रोजेक्ट बनाना, स्टेटस बदलना, फ़ाइलें अपलोड करना, कमेंट पढ़ना। [वैकल्पिक: प्रोजेक्ट का स्टेटस बदलने पर मेरे SMTP अकाउंट से क्लाइंट को ईमेल भेजें।]

लुक: [प्रोफ़ेशनल, मिनिमल], [ब्रांड के रंग], साथ लगा लोगो। भाषा: [भाषा]।

यह क्यों काम करता है: इसमें लिखा है कि अकाउंट कौन बनाता है और हर क्लाइंट सिर्फ़ अपना डेटा देखता है, यही दो फ़ैसले किसी पोर्टल की नींव हैं। ध्यान रखें: फ़ाइल का साइज़। अपलोड की सीमा हर फ़ाइल के लिए 25 MB है।

इंटरनल टूल

हमारी [टीम का साइज़] लोगों की टीम के लिए एक इंटरनल [रिक्वेस्ट, इन्वेंटरी या इक्विपमेंट] ट्रैकर बनाएं।

स्टाफ़ मेरे बनाए अकाउंट से साइन इन करे। वे इन फ़ील्ड के साथ [रिक्वेस्ट जोड़ सकें या कोई आइटम ले सकें]: [फ़ील्ड]। स्टेटस: [नया, चल रहा है, पूरा]। मैनेजर स्टेटस बदलें और आइटम किसी व्यक्ति को सौंपें; स्टाफ़ [सिर्फ़ अपने या सारे] आइटम देखे।

लिस्ट पेज पर स्टेटस, व्यक्ति और तारीख़ से फ़िल्टर हों, और हर स्टेटस की गिनती का सारांश हो। [आइटम] की शुरुआती लिस्ट के लिए साथ लगी [file.xlsx] इस्तेमाल करें।

साफ़, कॉम्पैक्ट, पहले डेस्कटॉप के लिए। भाषा: [भाषा]।

यह क्यों काम करता है: रोल, स्टेटस और कौन क्या देखेगा, सब लिखा है। ध्यान रखें: कोई भी काम जो किसी तय मिनट पर चलना चाहिए। WisyLink में शेड्यूल्ड जॉब 30 से 60 मिनट के अंतराल पर चलते हैं, जो रिमाइंडर और सफ़ाई जैसे कामों के लिए ठीक है, पर सटीक टाइमर के लिए नहीं।

कोई टेम्पलेट आज़माना है? Community पर मुफ़्त शुरू करें, टेम्पलेट पेस्ट करें और अपनी फ़ाइलें जोड़ें।

संदर्भ फ़ाइलों का इस्तेमाल कैसे करें

फ़ाइलें वे ब्योरे साथ ले आती हैं जो प्रॉम्प्ट में लिखने न पड़ें। WisyLink 17 तरह की फ़ाइलें लेता है, हर फ़ाइल 25 MB तक, जिनमें इमेज (JPEG, PNG, WebP, GIF, HEIC, SVG), PDF, Word, Excel, CSV, सादा टेक्स्ट और JSON शामिल हैं। कौन सी फ़ाइल किस काम की है:

• लोगो: SVG, या ट्रांसपेरेंट बैकग्राउंड वाला PNG, ताकि वह किसी भी रंग पर साफ़ दिखे।
• मेन्यू या ब्रोशर की PDF: आइटम, विवरण और कीमतों का भरोसेमंद स्रोत।
• रेट लिस्ट या प्रोडक्ट की CSV: हर आइटम की एक पंक्ति, सादे कॉलम नामों वाली हेडर पंक्ति, कैटेगरी की एक जैसी स्पेलिंग, और ऐसे फ़ोटो फ़ाइल नाम जो अपलोड की गई फ़ोटो से मेल खाएं।
• मौजूदा टेक्स्ट: आपका अभी का “हमारे बारे में” टेक्स्ट या सर्विस का विवरण, Word या टेक्स्ट फ़ाइल में, ताकि शब्द आपके ही रहें।
• अपने ब्रांड के स्क्रीनशॉट: आपका फ़्लायर, पैकेजिंग या मौजूदा साइट, ताकि रंग और माहौल वैसा ही रहे।

बताएं कि हर फ़ाइल किसलिए है: “कीमतें prices.csv से लें, team.jpg को हमारे बारे में पेज पर लगाएं, रंग flyer.pdf जैसे रखें”। फ़ाइलें लिंक की संदर्भ फ़ाइलें में रहती हैं, इसलिए आगे के बिल्ड उन्हें दोबारा अपलोड किए बिना इस्तेमाल कर सकते हैं। लंबी लिस्ट हो तो नतीजे को फ़ाइल से कुछ जगह मिलाकर देखें, और एडमिन पेज मांग लें ताकि एंट्री ख़ुद सुधार सकें।

अपनी ही सामग्री इस्तेमाल करें। किसी दूसरी कंपनी की साइट का स्क्रीनशॉट उसके डिज़ाइन की नकल को न्योता देता है, जो न ओरिजिनल है, न सुरक्षित। उसकी जगह लिखें कि आपको उसमें क्या पसंद है: “बड़ी फ़ोटो, खुली-खुली जगह, एक दमदार एक्सेंट रंग”।

फ़ॉलो-अप प्रॉम्प्ट: बदलाव सही तरीके से कैसे मांगें

अच्छी बदलाव रिक्वेस्ट के चार हिस्से होते हैं: कहां, क्या, क्या बदलना है, और उसके पीछे का नियम। तुलना करें:

• “थोड़ा आकर्षक बनाओ” की जगह: “होम पेज पर ‘क्लास बुक करें’ बटन बड़ा और गहरा हरा करें, और मोबाइल पर बिना स्क्रॉल किए दिखाएं।”
• “फ़ॉर्म ठीक करो” की जगह: “संपर्क पेज का फ़ॉर्म ख़ाली ईमेल भी ले लेता है। ईमेल ज़रूरी करें और गलती का मैसेज फ़ील्ड के नीचे दिखाएं।”
• “बुकिंग ख़राब है” की जगह: “मैंने मंगलवार शाम 6 बजे की क्लास बुक की, फिर भी 10 में से 10 जगह ख़ाली दिख रही हैं। बुकिंग से गिनती एक कम होनी चाहिए।”

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

इन सबके पीछे की आदत है बिल्डर को चतुर शब्दों की जगह सही संदर्भ देना, जिस पर हमने कॉन्टेक्स्ट इंजीनियरिंग वाले लेख में विस्तार से लिखा है। यही चीज़ अनुशासित प्रॉम्प्टिंग को अंदाज़ेबाज़ी से अलग करती है, जैसा हमारा लेख वाइब कोडिंग का अनुशासन बताता है।

गलतियां जो बिल्ड बर्बाद करती हैं

• आइडिया टुकड़ों में भेजना। पांच छोटे मैसेज का मतलब है सवालों या बिल्ड के पांच दौर। पहले पूरा ब्रीफ़ लिखें।
• कौन क्या देखेगा, यह छोड़ देना। “क्लाइंट लॉगिन कर सकें” के साथ “और सिर्फ़ अपनी फ़ाइलें देखें” न लिखना पोर्टल और मेंबर साइटों में आम चूक है।
• वह मांगना जो प्लेटफ़ॉर्म नहीं करता। App Store वाले नेटिव ऐप, AI से बनी फ़ोटो या वीडियो, बड़े कैटलॉग में फ़ुल-टेक्स्ट सर्च और मिनट-दर-मिनट सटीक शेड्यूल उपलब्ध नहीं हैं। इनकी जगह वेब ऐप, स्टॉक या अपनी फ़ोटो, फ़िल्टर और 30 से 60 मिनट वाले जॉब मांगें।
• कीज़ या पासवर्ड चैट में पेस्ट करना। इनकी जगह इंटीग्रेशन है, और Wisy इन्हें चैट में लेगा भी नहीं।
• गलती से भाषा बदल देना। किसी दूसरी भाषा में फ़ॉलो-अप लिखने से साइट का अनुवाद नहीं होता। अनुवाद चाहिए तो साफ़ मांगें।
• खोखले स्टाइल शब्द। रंग, माहौल और लोगो के बिना “मॉडर्न” का कोई मतलब नहीं।
• नकली भरोसा मांगना। गढ़े हुए रिव्यू, क्लाइंट लोगो या “10,000 ख़ुश ग्राहक” विज़िटर को गुमराह करते हैं। अनुमति के साथ असली बातें लिखें, या वह सेक्शन छोड़ दें।
• फ़्री प्लान पर बहुत बड़ा दायरा। फ़्री बिल्ड एक काम करते पहले वर्ज़न पर ध्यान देते हैं। मुख्य फ़्लो से शुरू करें और वह चल जाए तो फ़ीचर जोड़ें।

भेजने से पहले की चेकलिस्ट

सेंड दबाने से पहले देखें कि आपके मैसेज में ये सब है:

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

अपना पहला मैसेज भेजें

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

एक मैसेज में बताएं और लाइव लिंक पाएं: Community पर मुफ़्त शुरू करें, कार्ड की ज़रूरत नहीं।