Claude Design: वेबसाइट की coding से पहले quote calculator का prototype बनाएँ
Claude Design में काल्पनिक दामों वाला quote calculator सोचकर बनाएँ। हिसाब, गलत एंट्री, Reset और शेयरिंग जाँचें; इसे तैयार वेबसाइट न समझें।

इस लेख में
इस गाइड की जानकारी और सीमाएँ
Anthropic की गाइड 2 नवंबर 2026 को चेक की। हमने Claude Design में यह कैलकुलेटर बनाकर टेस्ट नहीं किया है। दाम काल्पनिक हैं।
फ्रीलांसर की वेबसाइट पर सिर्फ सुंदर होमपेज काफी नहीं होता। आने वाले लोग सर्विस चुनना, पैकेज की तुलना करना या एक और पेज जोड़ने पर खर्च समझना चाह सकते हैं।
Claude Design से coding से पहले ऐसा अनुभव सोचकर देख सकते हैं। Anthropic की गाइड interactive prototypes और बातचीत, canvas editing व comments से बदलाव का तरीका बताती है। नीचे का अभ्यास उसी जानकारी पर आधारित है, हमारे किए हुए प्रोडक्ट टेस्ट पर नहीं।
डिजाइन माँगने से पहले हिसाब के नियम दें
हिस्सा 1 में से 4ऐसा काल्पनिक मॉडल लें जिसका हिसाब आप खुद जाँच सकें। नीचे के दाम केवल demo के लिए हैं, बाजार के सुझाए हुए रेट नहीं। असली काम में अपनी मंजूर pricing लगाएँ। AI से अपने आप discount, टैक्स का तरीका या delivery का वादा बनाने को न कहें।
छोटा, अपने आप चलने वाला prototype माँगें
हिस्सा 2 में से 4Anthropic की docs के मुताबिक बातचीत में design माँग सकते हैं या Artifacts tab में Design template चुन सकते हैं। Artifact बातचीत के साथ खुलता है। किसी feature या sharing option पर निर्भर होने से पहले अपने account की capabilities और संस्था की settings देखें।
सुंदरता से पहले हिसाब जाँचें
हिस्सा 3 में से 4नीचे के जवाब काल्पनिक formula से अलग निकाले गए हैं। ये Claude के बनाए calculator में देखे गए नतीजे नहीं हैं। हर case उसमें आजमाएँ।
एक बार में एक व्यवहार बदलें
हिस्सा 4 में से 4साफ बदलाव माँगें: pricing के नियम न बदलें, बस selector के नीचे extra-page charge समझाएँ। फिर हिसाब और गलत inputs वाले tests दोहराएँ। सिर्फ visual बदलाव के साथ calculation चुपचाप नहीं बदलनी चाहिए।
डिजाइन माँगने से पहले हिसाब के नियम दें
ऐसा काल्पनिक मॉडल लें जिसका हिसाब आप खुद जाँच सकें। नीचे के दाम केवल demo के लिए हैं, बाजार के सुझाए हुए रेट नहीं। असली काम में अपनी मंजूर pricing लगाएँ। AI से अपने आप discount, टैक्स का तरीका या delivery का वादा बनाने को न कहें।
Formula है: 12000 + (1500 × extra pages) + copywriting चुनी हो तो 3000। इस अभ्यास में AI prototype बनाने में मदद करता है; visitor के हर बदलाव पर AI मॉडल को कॉल करने की जरूरत नहीं रखी गई है।
- वेबसाइट का base package: ₹12,000।
- हर extra page: ₹1,500।
- Copywriting का वैकल्पिक add-on: ₹3,000।
- Extra pages: 0 से 10 तक पूरे अंक।
- नतीजा केवल अंदाजा है, पक्का या बाध्यकारी quotation नहीं।
छोटा, अपने आप चलने वाला prototype माँगें
Anthropic की docs के मुताबिक बातचीत में design माँग सकते हैं या Artifacts tab में Design template चुन सकते हैं। Artifact बातचीत के साथ खुलता है। किसी feature या sharing option पर निर्भर होने से पहले अपने account की capabilities और संस्था की settings देखें।
यह सुझाया prompt है, टेस्ट करके दिखाया गया product demo नहीं। निर्देश देने से यह साबित नहीं होता कि बने हुए code ने उनका पालन किया है। उसे चलाने या शेयर करने से पहले जाँचें, खासकर अगर वह बिना माँगे कोई library, network request या input जोड़ दे।
एक काल्पनिक freelance studio के लिए interactive website quote-calculator prototype बनाएँ।
Base package ₹12,000, हर extra page ₹1,500 और optional copywriting ₹3,000 रखें।
Extra pages में 0 से 10 तक पूरे अंक ही लें। खाली input, शून्य से कम संख्या,
2.5 जैसी दशमलव संख्या और 10 से ज्यादा संख्या पर साफ error दिखाएँ; अपने आप round न करें।
सही विकल्प बदलने पर अलग-अलग खर्च और कुल अंदाजा अपडेट करें। सभी दाम demo बताएँ
और नतीजे को पक्का quotation न कहें। Reset से 0 extra pages, copywriting बंद
और कुल ₹12,000 लौटाएँ। निजी जानकारी न लें, requests न भेजें, payment न लें,
चलते समय AI मॉडल को कॉल न करें और बाहरी service न जोड़ें।
छोटी मोबाइल स्क्रीन पर भी layout पढ़ने लायक रखें।सुंदरता से पहले हिसाब जाँचें
नीचे के जवाब काल्पनिक formula से अलग निकाले गए हैं। ये Claude के बनाए calculator में देखे गए नतीजे नहीं हैं। हर case उसमें आजमाएँ।
खाली input, शून्य से कम संख्या, दशमलव और 10 से ऊपर की संख्या भी डालें। Error समझ में आना चाहिए और गलत input को सही estimate की तरह नहीं दिखाना चाहिए। Reset के बाद inputs और total मिलाएँ: 0 extra pages, copywriting बंद और ₹12,000।
कोई test fail हो तो सुधार माँगते समय input, उम्मीद वाला जवाब और असल जवाब तीनों लिखें। सुंदर दिखने वाले calculator का हिसाब भी गलत हो सकता है।
| Extra pages | Copywriting | उम्मीद वाला कुल |
|---|---|---|
| 0 | बंद | ₹12,000 |
| 2 | बंद | ₹15,000 |
| 2 | चालू | ₹18,000 |
| 10 | चालू | ₹30,000 |
एक बार में एक व्यवहार बदलें
साफ बदलाव माँगें: pricing के नियम न बदलें, बस selector के नीचे extra-page charge समझाएँ। फिर हिसाब और गलत inputs वाले tests दोहराएँ। सिर्फ visual बदलाव के साथ calculation चुपचाप नहीं बदलनी चाहिए।
Anthropic बातचीत, canvas editing और किसी हिस्से पर comment से सुधार का तरीका बताता है। उसकी गाइड कहती है कि कभी comment Claude तक नहीं पहुँचता; जरूरत हो तो वही feedback बातचीत में paste करें।
- चारों totals अपने निकाले हुए जवाब से मिलें।
- खाली, शून्य से कम, दशमलव और 10 से ज्यादा input को सही estimate न माना जाए।
- Reset से 0 pages, copywriting बंद और ₹12,000 वापस आएँ।
- खर्च का ब्योरा, demo वाला label और अंदाजे की सीमा मोबाइल पर साफ दिखें।
- निजी जानकारी लेने, payment करने या बाहरी service से जुड़ने का flow न हो।
आम सवाल और जवाब
क्या ये फ्रीलांस काम के सुझाए हुए दाम हैं?
नहीं। ₹12,000, ₹1,500 और ₹3,000 केवल हिसाब जाँचने के काल्पनिक दाम हैं। ये market rates या टैक्स की सलाह नहीं हैं।
क्या visitor को estimate निकालने के लिए AI चाहिए?
इस अभ्यास में तय formula है। AI prototype बनाने में मदद करता है; visitor के विकल्प बदलते ही मॉडल को कॉल करने को नहीं कहा गया है।
क्या क्लाइंट बिना sign in किए लिंक खोल सकता है?
ऐसा मानकर न चलें। Anthropic की गाइड shared artifacts के लिए Claude account माँगती है; chat से publish हुए legacy artifact का अपवाद है। अपने artifact की असली access settings देखें।
जानकारी के स्रोत
ये मूल लेख के official sources हैं। इनमें से कई पेज English में हैं।