बेहतरीन मोबाइल ऐप बनाने वाले प्रॉम्प्ट: 9 टिप्स जो सच में काम करती हैं

किसी AI से "एक to-do ऐप" माँगें तो आपको ऐसा कुछ मिलेगा जो लैपटॉप पर चलता है। फिर आप उसे फ़ोन पर खोलते हैं और बटन छोटे हैं, टेक्स्ट किनारे से बाहर जा रहा है, और बंद करते ही आपकी लिस्ट गायब हो जाती है। इसका हल बेहतर मॉडल नहीं है। यह बेहतर प्रॉम्प्ट है।

ये वे निर्देश हैं जो हम Free HTML to APK के हर टेम्पलेट प्रॉम्प्ट में डालते हैं, और हर एक क्यों है।

1. एक ही फ़ाइल माँगें

"इनलाइन CSS और JavaScript के साथ एक index.html लौटाएँ।" एक फ़ाइल का मतलब कोई स्टाइलशीट गायब नहीं और कोई पाथ टूटा नहीं। इसे ऐप में पेस्ट करना और ठीक कराने के लिए AI को वापस भेजना भी बहुत आसान है।

2. बताएँ कि यह फ़ोन ऐप है

"मोबाइल-फ़र्स्ट, टच-फ़्रेंडली, पोर्ट्रेट में काम करे।" मॉडल डिफ़ॉल्ट रूप से डेस्कटॉप लेआउट बनाते हैं जब तक आप कुछ और न कहें। यह एक वाक्य फ़ॉन्ट साइज़, स्पेसिंग और पूरा लेआउट बदल देता है।

3. बड़े टैप टारगेट माँगें

"हर बटन कम से कम 44 पिक्सल ऊँचा रखें।" उंगलियाँ माउस पॉइंटर नहीं होतीं। यह एक नियम "यह वेबसाइट जैसा लगता है" वाली ज़्यादातर समस्या हटा देता है।

4. व्यूपोर्ट और सेफ़ एरिया का ज़िक्र करें

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> और env(safe-area-inset-*) के साथ पैडिंग माँगें। नॉच और गोल कोनों वाले फ़ोन आपको धन्यवाद देंगे।

5. ऑफ़लाइन स्टोरेज ज़रूरी करें

"कोई CDN नहीं, कोई बाहरी स्क्रिप्ट या फ़ॉन्ट नहीं, डेटा localStorage में सेव करें।" जिन ऐप को अपने ही कोड के लिए इंटरनेट चाहिए, वे बस में टूट जाते हैं। localStorage में सेव करने वाले ऐप आपका डेटा लॉन्च के बीच बनाए रखते हैं।

6. लाइट और डार्क मोड माँगें

"prefers-color-scheme से लाइट और डार्क मोड सपोर्ट करें।" मॉडल को इसमें CSS की कुछ ही लाइनें लगती हैं और ऐप हर फ़ोन पर नेटिव जैसा लगता है।

7. जो नेटिव फ़ीचर चाहिए उन्हें बताएँ

अगर आपका ऐप वाइब्रेट करे, QR कोड स्कैन करे या नोटिफ़िकेशन भेजे, तो उन फ़ीचर और सटीक फ़ंक्शन की सूची दें। जैसे: FreeApp.vibrate(ms), FreeApp.scanCode(), FreeApp.notify(title, body)। पूरी सूची JavaScript API में है। मॉडल अस्पष्ट इच्छाओं की तुलना में असली फ़ंक्शन नामों का कहीं बेहतर पालन करते हैं।

8. नेटिव कॉल की जाँच करने को कहें

"इसे कॉल करने से पहले हमेशा window.FreeApp जाँचें, और ऐसे विकल्प पर लौटें जो सामान्य ब्राउज़र में चले।" इससे आप ऐप का प्रीव्यू कहीं भी देख सकते हैं और कोई फ़ीचर न होने पर क्रैश नहीं होता।

9. ऐप को यूज़र की तरह बताएँ, प्रोग्रामर की तरह नहीं

"खोलने पर मुझे आज का कुल दिखता है। एक गिलास जोड़ने के लिए मैं उस पर टैप करता हूँ और 250 ml जुड़ जाता है। लंबा दबाने पर आख़िरी वाला हट जाता है।" ऐसे दृश्य मॉडल को स्क्रीन और फ़्लो की साफ़ तस्वीर देते हैं। आपको तकनीकी शब्द जानने की ज़रूरत नहीं।

एक प्रॉम्प्ट जिसे आप कॉपी कर सकते हैं

Build a single-file mobile web app (index.html with inline CSS/JS)
for an Android WebView.

Requirements:
- Mobile-first, touch-friendly, buttons at least 44px tall.
- Viewport meta with viewport-fit=cover, pad for safe areas.
- Works fully offline: no CDN, no external fonts or images.
- Save data in localStorage.
- Light and dark mode.
- If window.FreeApp exists, use FreeApp.vibrate(30) on taps.

The app: [describe it like a user would]

या टाइप करना छोड़ें: Free HTML to APK के हर टेम्पलेट में ऐसा प्रॉम्प्ट कॉपी करने के लिए तैयार है।