AI से ऐप बनवाने के प्रॉम्प्ट टिप्स -- बेहतर नतीजों के लिए क्या लिखें

क्या आपने कभी Claude Code या ChatGPT से "एक TODO ऐप बनाओ" कहा और जो मिला वो आपकी सोच से बिल्कुल अलग था? जनरेटिव AI बहुत शक्तिशाली है, लेकिन जब आपके निर्देश अस्पष्ट होते हैं, तो AI अपनी मान्यताओं से खाली जगह भरता है।

यह लेख बेहतर प्रॉम्प्ट लिखने के 5 व्यावहारिक टिप्स बताता है, जिसमें ठोस पहले-और-बाद के उदाहरण हैं जिन्हें कोई भी -- बिल्कुल शुरुआती भी -- अपना सकता है।

1. आपका प्रॉम्प्ट नतीजा क्यों तय करता है

जनरेटिव AI केवल आपके निर्देशों (प्रॉम्प्ट) के आधार पर कोड लिखता है। एक इंसान सहकर्मी पूछ सकता है "क्या आपका मतलब यह था?", लेकिन AI दी गई जानकारी के आधार पर सबसे संभावित उत्तर जनरेट करता है -- इसलिए अपर्याप्त संदर्भ से गलत नतीजे मिलते हैं।

अस्पष्ट निर्देशों से होने वाली समस्याएँ

• AI आपकी इच्छा से अलग फ्रेमवर्क चुन लेता है
• UI (स्क्रीन डिज़ाइन) आपकी उम्मीद से मेल नहीं खाता
• ज़रूरी फीचर्स गायब रहते हैं या अनावश्यक फीचर्स जुड़ जाते हैं
• एरर हैंडलिंग और वैलिडेशन अपर्याप्त रहता है

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

2. प्रभावी AI प्रॉम्प्ट लिखने के 5 टिप्स

इन पाँच मुख्य बिंदुओं में महारत हासिल करें और AI-जनरेटेड कोड की गुणवत्ता में काफी सुधार लाएँ।

टिप 1: टेक स्टैक स्पष्ट करें

"एक वेब ऐप बनाओ" कहने की बजाय, सटीक भाषा, फ्रेमवर्क और डेटाबेस बताएँ।

❌ खराब:
"एक TODO ऐप बनाओ"

✅ अच्छा (इंजीनियर के लिए):
"React + TypeScript का उपयोग करके एक TODO ऐप बनाओ।
स्टेट मैनेजमेंट के लिए useState और
डेटा पर्सिस्टेंस के लिए localStorage उपयोग करो।"

✅ अच्छा (गैर-इंजीनियर के लिए):
"एक TODO ऐप बनाओ जो वेब ब्राउज़र में चले।
पेज बंद करने पर डेटा न खोए।
तकनीक का चुनाव आप पर छोड़ता हूँ,
लेकिन शुरुआती के लिए आसान रखो।"

टिप 2: फीचर्स स्पष्ट रूप से सूचीबद्ध करें

आवश्यक फीचर्स को बुलेट पॉइंट में रखें और हर एक को आवश्यक या वैकल्पिक के रूप में चिह्नित करें। AI बुलेट पॉइंट्स को लंबे पैराग्राफ से अधिक सटीकता से समझता है।

✅ अच्छा:
"कृपया निम्नलिखित फीचर्स लागू करें:
[आवश्यक]
- टास्क जोड़ना (टेक्स्ट इनपुट + ऐड बटन)
- टास्क पूरा होने की स्थिति टॉगल करना
- टास्क डिलीट करना
[वैकल्पिक]
- टास्क के लिए डेडलाइन सेट करना
- पूरे हुए टास्क फ़िल्टर करना"

टिप 3: UI का ठोस विवरण दें

"अच्छा दिखने वाला बनाओ" कहने से AI को लगभग कुछ नहीं पता चलता। रंग, लेआउट और व्यवहार के बारे में विशिष्ट जानकारी दें।

✅ अच्छा (इंजीनियर के लिए):
"UI आवश्यकताएँ:
- Tailwind CSS उपयोग करो
- डार्क मोड (background: slate-900)
- कार्ड-आधारित लेआउट, 8px border-radius
- मोबाइल-फर्स्ट रिस्पॉन्सिव डिज़ाइन
- नीचे-दाएँ फ्लोटिंग एक्शन बटन"

✅ अच्छा (गैर-इंजीनियर के लिए):
"कैसा दिखना चाहिए:
- डार्क बैकग्राउंड थीम
- हर टास्क को कार्ड में दिखाओ
- फ़ोन पर आसानी से उपयोग हो
- ऐड बटन हमेशा नीचे-दाएँ दिखे
- Apple Notes जैसा सरल और साफ़"

टिप 4: बाधाएँ और क्या नहीं चाहिए बताएँ

आप क्या चाहते हैं उसके अलावा, AI को बताना कि क्या नहीं चाहिए, सटीकता में काफी सुधार लाता है।

✅ अच्छा (इंजीनियर के लिए):
"बाधाएँ:
- केवल Tailwind CSS बाहरी लाइब्रेरी के रूप में
- Redux या Zustand जैसी स्टेट मैनेजमेंट लाइब्रेरी नहीं
- बैकएंड नहीं चाहिए (केवल फ्रंटएंड)
- कमेंट अंग्रेज़ी में लिखो"

✅ अच्छा (गैर-इंजीनियर के लिए):
"बाधाएँ:
- सर्वर या डेटाबेस सेटअप की ज़रूरत नहीं होनी चाहिए
- लॉगिन फ़ीचर नहीं चाहिए
- जितना हो सके सरल रखो
- कोड में समझाने वाले कमेंट जोड़ो"

टिप 5: आउटपुट फॉर्मेट स्पष्ट करें

AI को आउटपुट की संरचना बताने से कोड वास्तविक प्रोजेक्ट्स में तुरंत उपयोग करने योग्य बनता है।

✅ अच्छा (इंजीनियर के लिए):
"आउटपुट फॉर्मेट:
- हर कंपोनेंट अलग फ़ाइल में
  (App.tsx, TodoList.tsx, TodoItem.tsx, AddTodo.tsx)
- टाइप डेफ़िनिशन types.ts में
- हर फ़ाइल के ऊपर फ़ाइल पथ कमेंट में"

✅ अच्छा (गैर-इंजीनियर के लिए):
"आउटपुट फॉर्मेट:
- सब कुछ एक बड़ी फ़ाइल में न रखो --
  फ़ीचर के हिसाब से अलग-अलग करो
- हर फ़ाइल के ऊपर सरल भाषा में बताओ
  कि वो फ़ाइल क्या करती है
- कॉपी-पेस्ट करके चला सकूँ
  ऐसे सेटअप निर्देश दो"

3. खराब प्रॉम्प्ट बनाम अच्छा प्रॉम्प्ट (वास्तविक उदाहरण)

आइए "बजट ट्रैकर ऐप" के उदाहरण से तुलना करें और देखें कि प्रॉम्प्ट की गुणवत्ता आउटपुट को कैसे प्रभावित करती है।

खराब प्रॉम्प्ट

एक बजट ट्रैकर ऐप बनाओ।
यह आय और खर्च ट्रैक करे
और ग्राफ़ दिखाए।

इस निर्देश से AI को अनुमान लगाना पड़ता है:

• भाषा (Python? JavaScript? Swift?)
• वेब या मोबाइल?
• चार्ट का प्रकार (बार? पाई? लाइन?)
• डेटा स्टोरेज (डेटाबेस? लोकल फ़ाइल?)

अच्छा प्रॉम्प्ट (इंजीनियर के लिए)

Next.js (App Router) + TypeScript से बजट ट्रैकर
वेब ऐप बनाओ।

【टेक स्टैक】
- फ्रंटएंड: Next.js 14, TypeScript, Tailwind CSS
- चार्ट: recharts लाइब्रेरी
- डेटा स्टोरेज: localStorage (डेटाबेस नहीं चाहिए)

【फीचर्स】
1. लेनदेन रिकॉर्ड करना (तारीख, श्रेणी, राशि, नोट)
2. श्रेणी के अनुसार पाई चार्ट (मासिक)
3. मासिक आय/खर्च ट्रेंड दिखाने वाला लाइन चार्ट
4. सूची दृश्य और डिलीट की सुविधा

【UI आवश्यकताएँ】
- मोबाइल-फर्स्ट
- नीचे टैब नेविगेशन (इनपुट / सूची / चार्ट)
- Tailwind CSS डिफ़ॉल्ट रंग

【बाधाएँ】
- बाहरी API नहीं
- लॉगिन नहीं चाहिए
- अलग-अलग कंपोनेंट फ़ाइलों में बाँटो

【आउटपुट फॉर्मेट】
- हर फ़ाइल के ऊपर फ़ाइल पथ कमेंट में
- कोड कमेंट अंग्रेज़ी में

अच्छा प्रॉम्प्ट (गैर-इंजीनियर के लिए)

प्रोग्रामिंग ज्ञान के बिना भी, "ऐप क्या करे", "कैसी दिखे", और "क्या नहीं चाहिए" बताना ही शानदार नतीजे पाने के लिए काफी है।

ब्राउज़र में चलने वाला बजट ट्रैकर ऐप बनाओ।
मैं शुरुआती हूँ, तो कृपया सबसे अच्छी तकनीक चुनो।

【मुझे क्या चाहिए】
1. तारीख, श्रेणी (भोजन, यातायात आदि),
   राशि और नोट के साथ एंट्री रिकॉर्ड करना
2. श्रेणी के अनुसार खर्च दिखाने वाला पाई चार्ट
3. पिछले महीने से ज़्यादा खर्च हो रहा है या नहीं
   यह दिखाने वाला लाइन चार्ट
4. सभी रिकॉर्ड सूची में देखना और गलतियाँ डिलीट करना

【कैसा दिखना चाहिए】
- फ़ोन पर आसानी से उपयोग हो
- नीचे टैब स्विचिंग (इनपुट / सूची / चार्ट)
- सरल, साफ़ रंग

【क्या नहीं चाहिए】
- लॉगिन फ़ीचर
- सर्वर सेटअप की ज़रूरत न हो
  (पूरी तरह ब्राउज़र में चले)

【एक और अनुरोध】
- शुरुआती के लिए आसान सेटअप निर्देश दो
- कोड में समझाने वाले कमेंट जोड़ो

4. कॉपी-पेस्ट प्रॉम्प्ट टेम्प्लेट

बस इन टेम्प्लेट्स को भरें और उच्च गुणवत्ता वाले प्रॉम्प्ट बनाएँ। कॉपी करके सीधे उपयोग करें।

[ऐप का प्रकार] बनाओ।

【टेक स्टैक】
- भाषा: [जैसे: TypeScript]
- फ्रेमवर्क: [जैसे: React / Next.js / Laravel]
- CSS: [जैसे: Tailwind CSS]
- डेटा स्टोरेज: [जैसे: localStorage / SQLite / MySQL]

【फीचर्स】(आवश्यक / वैकल्पिक चिह्नित करें)
1. [फीचर A] (आवश्यक)
2. [फीचर B] (आवश्यक)
3. [फीचर C] (वैकल्पिक)

【UI आवश्यकताएँ】
- [लेआउट दृष्टिकोण]
- [रंग योजना / थीम]
- [रिस्पॉन्सिव डिज़ाइन: हाँ/नहीं]

【बाधाएँ】
- [बचने वाली लाइब्रेरी / अनावश्यक फीचर्स]

【आउटपुट फॉर्मेट】
- [फ़ाइल विभाजन दृष्टिकोण]
- [कमेंट की भाषा]

गैर-इंजीनियर टेम्प्लेट

तकनीकी ज्ञान के बिना भी, इस टेम्प्लेट को भरने से AI को ज़रूरी सब जानकारी मिल जाती है।

[ऐप का प्रकार] बनाओ।
मैं प्रोग्रामिंग में शुरुआती हूँ, तो कृपया
मेरे लिए सबसे अच्छी तकनीक चुनो।

【मुझे क्या चाहिए】("ज़रूरी" / "हो तो अच्छा" चिह्नित करें)
1. [मुझे क्या चाहिए #1] (ज़रूरी)
2. [मुझे क्या चाहिए #2] (ज़रूरी)
3. [मुझे क्या चाहिए #3] (हो तो अच्छा)

【कैसा दिखना चाहिए】
- [फ़ोन के लिए? कंप्यूटर के लिए?]
- [संदर्भ ऐप: "Notion जैसा", "Trello जैसा"]
- [लाइट थीम? डार्क मोड?]

【क्या नहीं चाहिए】
- [लॉगिन, भुगतान आदि]

【एक और अनुरोध】
- शुरुआती के लिए आसान सेटअप निर्देश दो
- कोड में समझाने वाले कमेंट जोड़ो
- कुल मिलाकर संरचना जितनी हो सके सरल रखो

5. बातचीत के ज़रिए नतीजे कैसे सुधारें

एक ही प्रॉम्प्ट में परफेक्ट कोड मिलना दुर्लभ है। AI के साथ बातचीत करते हुए धीरे-धीरे बेहतर बनाना सबसे कुशल तरीका है।

चरण 1: ढाँचे से शुरू करें

पहले बस बुनियादी संरचना माँगें।

"पहले बुनियादी प्रोजेक्ट संरचना सेट करो
और केवल टास्क-ऐड फ़ीचर लागू करो।"

चरण 2: टेस्ट करें और विशिष्ट फीडबैक दें

जनरेट किए गए कोड को चलाएँ और विशिष्ट समस्याएँ बताएँ।

"ऐड बटन क्लिक करने के बाद टेक्स्ट इनपुट
क्लियर नहीं होता। कृपया ऐड करने के बाद इनपुट
क्लियर करो। साथ ही, खाली स्ट्रिंग भी ऐड हो
जाती है -- इसे रोकने के लिए वैलिडेशन जोड़ो।"

चरण 3: धीरे-धीरे फीचर्स जोड़ें

बुनियादी चीज़ें काम करने लगें, तो एक-एक करके फीचर्स जोड़ें।

"टास्क जोड़ना और डिलीट करना अब सही काम
कर रहा है। अब कृपया यह जोड़ो:
1. पूरा होने का टॉगल (चेकबॉक्स)
2. पूरे हुए टास्क दिखाने/छिपाने का फ़िल्टर
कृपया मौजूदा कोड में जोड़ो, जो पहले से
काम कर रहा है उसे मत बदलो।"

AI से ऐप बनाने के बारे में विस्तार से जानने के लिए क्या बिल्कुल शुरुआती AI से ऐप बना सकते हैं लेख पढ़ें।

6. शुरुआती लोगों की आम गलतियाँ

गलती 1: एक बार में सब कुछ माँगना

एक ही प्रॉम्प्ट में 10+ फीचर्स माँगने से AI पर बोझ पड़ता है और अधूरे कार्यान्वयन मिलते हैं। सर्वोत्तम नतीजों के लिए एक बार में 3-5 फीचर्स माँगें।

गलती 2: अस्पष्ट भाषा का उपयोग

"अच्छा दिखने वाला बनाओ" या "कुछ सैंपल डेटा डालो" -- ये ऐसे अस्पष्ट निर्देश हैं जिनसे AI सबसे ज़्यादा जूझता है। इसके बजाय विशिष्ट संख्याएँ और ठोस उदाहरण उपयोग करें।

❌ "कुछ सैंपल डेटा डालो"
✅ "शुरुआती डेटा के रूप में ये 5 एंट्री डालो:
   - किराना $15.00 (भोजन)
   - बस किराया $2.50 (यातायात)
   - दोपहर का खाना $12.00 (भोजन)
   - किताब $18.99 (शिक्षा)
   - बिजली बिल $85.00 (उपयोगिताएँ)"

गलती 3: सिर्फ एरर मैसेज पेस्ट करना

बिना संदर्भ के केवल एरर मैसेज पेस्ट करने से AI गलत समाधान दे सकता है। बताएँ कि आपने क्या किया और क्या हुआ।

❌ "TypeError: Cannot read properties of null"

✅ "जब मैं किसी टास्क का डिलीट बटन क्लिक
करता हूँ, तो यह एरर आता है:
TypeError: Cannot read properties of null
एरर TodoList.tsx की लाइन 42 पर है।
टास्क जोड़ना और दिखाना सही काम करता है।"

गलती 4: बातचीत जारी रखने की बजाय नई चैट शुरू करना

AI चैट पूरी बातचीत का संदर्भ बनाए रखती है। नई चैट शुरू करने से अब तक के सभी डिज़ाइन निर्णय खो जाते हैं। सर्वोत्तम दक्षता के लिए उसी चैट में बातचीत जारी रखें।

7. सारांश

FAQ