1एक वाक्य में
तैयार डिज़ाइन को Claude Code को सौंपा जा सकता है, जो उसे एक असली वेबसाइट या ऐप के रूप में बना देता है, यानी तस्वीर ही असली चीज़ बन जाती है।
2नए शब्द
- हैंडऑफ़ (Handoff) — डिज़ाइन को Claude Design से Claude Code तक उस हर चीज़ के साथ पहुँचाना जिसकी उसे ज़रूरत है: लेआउट, रंग, टेक्स्ट, तस्वीरें।
- Claude Code — Claude का वह वर्ज़न जो सॉफ़्टवेयर लिखता और चलाता है (भाग 6)। इस काम के लिए इसे इस्तेमाल करने में आपको कोड पढ़ना आने की ज़रूरत नहीं है।
- बंडल (Bundle) — वह पैकेज जो हैंडऑफ़ से बनता है। Claude Code को देने के लिए एक फ़ाइल।
3यह आपके काम का क्यों है
"मुझे एक वेबसाइट चाहिए" से वेबसाइट होने तक का यह सबसे छोटा रास्ता है: उसके बारे में बताइए (3.1), उसे सही दिखाइए (3.2), प्रोटोटाइप के रूप में टेस्ट कीजिए (3.4), सौंप दीजिए, और Claude Code उसे बना देता है। एक आसान लैंडिंग पेज के लिए यह पूरा रास्ता एक दोपहर का है, और किसी ने हाथ से कोड की एक भी लाइन नहीं लिखी।
4अभी आज़माएँ
(पेड प्लान; Claude Code चैप्टर 6.1 की तरह सेट किया हुआ)
- चैप्टर 3.1 वाला तैयार लैंडिंग पेज खोलें। Claude Code के लिए हैंडऑफ़ बंडल बनाने के लिए एक्सपोर्ट या शेयर मेन्यू इस्तेमाल करें।
- एक खाली फ़ोल्डर में Claude Code खोलें (ऐप में Code टैब, या डेस्कटॉप ऐप)।
- टाइप करें: इस डिज़ाइन को एक स्टैटिक वेबसाइट के रूप में बनाइए। लेआउट और रंग बिल्कुल वैसे ही रखिए। नकली टाइमिंग और पते की जगह यह डालिए: [आपकी जानकारी]।
- नतीजे को ब्राउज़र में खोलें।
5आपको क्या दिखेगा
[तस्वीर बाकी है: Design में हैंडऑफ़ मेन्यू, और ब्राउज़र में खुली बनी हुई साइट।] Claude Code बंडल पढ़ता है, फ़ाइलें बनाता है, साइट को आपके कंप्यूटर पर चलाता है और आपको खोलने के लिए पता दिखाता है। पेज डिज़ाइन जैसा ही दिखता है, और अब बटन असली काम कर सकते हैं (बुकिंग फ़ॉर्म, मैप का लिंक)।
6ध्यान दें
- वेबसाइट को इंटरनेट पर एक घर चाहिए (होस्टिंग)। Claude Code आपके साथ मिलकर इसे सेट कर सकता है, पर यह एक अलग कदम है और कभी-कभी इसमें थोड़ा खर्च आता है।
- डिज़ाइन और साइट को एक जैसा रखें: दोनों को हाथ से बदलने के बजाय, डिज़ाइन बदलें और दोबारा सौंप दें।
7और आगे
भाग 6 Claude Code को अच्छी तरह समझाता है: यह आपके फ़ोल्डरों में कैसे काम करता है, इसे सुरक्षित कैसे रखें, और इसे हर बार आपके नियम कैसे मनवाएँ।