वेबसाइट या ऐप बनाएँ
पेज के डिज़ाइन से लेकर चलती हुई साइट तक, चाहे आपने कभी कोड न किया हो।
इसके लिए सबसे अच्छे टूल्स
ये चैप्टर पढ़ें
Claude · चैप्टर 3.1 · 3 मिनट पढ़ेंClaudeडिज़ाइन से असली वेबसाइट तक
Claude · चैप्टर 3.5 · 3 मिनट पढ़ेंClaudeClaude Code क्या है
Claude · चैप्टर 6.1 · 3 मिनट पढ़ेंClaudeCanvas: लिखाई और कोड साथ-साथ
ChatGPT · चैप्टर 1.10 · 3 मिनट पढ़ेंChatGPTCanvas
Gemini · चैप्टर 1.11 · 3 मिनट पढ़ेंGemini
कॉपी करने के लिए तैयार प्रॉम्प्ट
अपनी सर्विस के लिए एक लैंडिंग पेज डिज़ाइन करें
लक्ष्य. एक पेज जो मेरी सर्विस समझाए, लोगों को मुझसे संपर्क करने के लिए प्रेरित करे, और प्रोफ़ेशनल दिखे।
खोलें. Claude Design (पेड प्लान); अगर आपके पास अपना डिज़ाइन सिस्टम है तो वो भी।
[किसके लिए] के लिए [कारोबार का नाम] की [सर्विस] का एक लैंडिंग पेज। पहले डेस्कटॉप चौड़ाई, फिर फ़ोन वाला वर्ज़न। ऊपर से नीचे हिस्से: एक हेडलाइन जो 8 शब्दों से कम में मुख्य फ़ायदा बताए; उसके नीचे एक लाइन; तस्वीर के लिए एक बड़ी जगह; हमें चुनने की तीन छोटी वजहें; 3 स्टेप में आसान "यह कैसे काम करता है"; एक ग्राहक की बात (कोट); कीमतें या "[रकम] से शुरू"; संपर्क वाला हिस्सा [फ़ोन / ईमेल / फ़ॉर्म] के साथ। स्टाइल: [गर्मजोशी भरा / साफ़-सुथरा / दमदार], रंग [ब्रैंड के या आप सुझाएँ], गोल किनारों वाले बटन। एक साफ़ कॉल-टू-एक्शन बटन जो दो बार आए। मुझे बताएँ कि आपने क्या-क्या मान लिया, ताकि मैं प्लेसहोल्डर बदल सकूँ।
आपको क्या मिलेगा · ध्यान दें
आपको क्या मिलेगा. कैनवस पर एक पेज, फिर फ़ोन वाला आर्टबोर्ड; Claude अपने अनुमानों की लिस्ट देता है।
ध्यान दें. शुरू करने से पहले हेडलाइन और तीन वजहें लिख लें। एक्सपोर्ट करने से पहले हर प्लेसहोल्डर (समय, पता, कोट) बदल दें। अटक जाएँ तो: अध्याय 3.1, 3.2।
लक्ष्य. मेरा डिज़ाइन किया हुआ लैंडिंग पेज एक असली वेबसाइट बन जाए जिसे मैं ऑनलाइन डाल सकूँ।
खोलें. Claude Design (हैंडऑफ़ के लिए), फिर Claude Code (भाग 6), पेड प्लान; एक खाली फ़ोल्डर।
इस डिज़ाइन को एक आसान स्टैटिक वेबसाइट के रूप में बनाएँ: एक पेज, HTML और CSS, कोई फ़्रेमवर्क नहीं, फ़ोन पर जल्दी खुले। लेआउट, रंग और टेक्स्ट बिल्कुल डिज़ाइन जैसे रखें। प्लेसहोल्डर बदलें: खुलने का समय [समय], पता [पता], फ़ोन [फ़ोन], ईमेल [ईमेल]। बटन चालू करें: Order से [लिंक] खुले, Menu से पेज मेन्यू वाले हिस्से तक स्क्रॉल हो, Visit us से मैप का लिंक खुले। इसे लोकल चलाएँ और मुझे खोलने के लिए पता दें। फिर आसान शब्दों में बताएँ कि इसे ऑनलाइन डालने के तीन तरीके क्या हैं और हर एक का कितना ख़र्च है।
आपको क्या मिलेगा · ध्यान दें
आपको क्या मिलेगा. साइट वाला एक फ़ोल्डर, लोकल प्रीव्यू का पता, और होस्टिंग के विकल्पों की आसान समझ।
ध्यान दें. होस्टिंग अलग स्टेप है और उसमें थोड़ा ख़र्च होता है; बनाने से पहले इसका फ़ैसला कर लें। साइट को हाथ से एडिट करने की बजाय डिज़ाइन बदलें और फिर से हैंडऑफ़ करें। अटक जाएँ तो: अध्याय 3.5, 6.1।
लक्ष्य. एक दोपहर में मेरे प्रोडक्ट एक ऑनलाइन स्टोर पर, विवरण के साथ।
खोलें. Shopify कनेक्टर के साथ Cowork (पेड प्लान); एक स्टोर अकाउंट; प्रोडक्ट की फ़ोटो किसी फ़ोल्डर में या अटैच की हुई। *इसके लिए Claude के बाहर का एक टूल चाहिए।*
मेरा काम [किसे] [क्या] बेचना है। ब्रैंड की आवाज़: [3 शब्द]। ये मेरे प्रोडक्ट हैं: [नाम, कीमत, साइज़/वैरिएंट, हर एक के 2 तथ्य] और फ़ोटो। 1. हर एक के लिए मेरी आवाज़ में प्रोडक्ट टाइटल, 60 शब्दों का विवरण, और 3 बुलेट तथ्य लिखें। 2. पास करने के लिए सब मुझे एक टेबल में दिखाएँ। 3. मेरे पास करने के बाद, कनेक्टर से स्टोर में प्रोडक्ट बनाएँ, [नाम] नाम के कलेक्शन में, ड्राफ़्ट के रूप में (पब्लिश नहीं)। 4. बताएँ कि पब्लिश करने से पहले क्या बाकी है (शिपिंग, टैक्स, पॉलिसी)।
आपको क्या मिलेगा · ध्यान दें
आपको क्या मिलेगा. पास करने के लिए एक टेबल, फिर स्टोर में ड्राफ़्ट प्रोडक्ट और लॉन्च की एक चेकलिस्ट।
ध्यान दें. ड्राफ़्ट के रूप में बनाएँ; कीमतें जाँचकर खुद पब्लिश करें। मटीरियल और साइज़ के तथ्य आपसे आने चाहिए, गढ़े हुए नहीं। अटक जाएँ तो: अध्याय 1.9, 2.10।