پرامپت‌هایی که اپلیکیشن موبایل عالی می‌سازند: ۹ نکته که واقعاً جواب می‌دهند

از هوش مصنوعی «یک اپلیکیشن کارهای روزانه» می‌خواهید و چیزی می‌گیرید که روی لپ‌تاپ کار می‌کند. بعد روی گوشی بازش می‌کنید و دکمه‌ها ریزند، متن از لبه بیرون می‌زند و وقتی می‌بندید فهرستتان ناپدید می‌شود. راه‌حل یک مدل بهتر نیست. یک پرامپت بهتر است.

این‌ها دستورهایی هستند که در پرامپت هر قالب در Free HTML to APK گذاشته‌ایم، و دلیل هر کدام.

۱. یک فایل واحد بخواهید

«یک index.html با CSS و JavaScript درون‌خطی برگردان.» یک فایل یعنی نه stylesheet گم‌شده و نه مسیر خراب. چسباندن آن در اپلیکیشن و فرستادنش دوباره به هوش مصنوعی برای اصلاح هم خیلی راحت‌تر است.

۲. بگویید اپلیکیشن موبایل است

«اول موبایل، مناسب لمس، کار کردن در حالت عمودی.» مدل‌ها مگر اینکه بگویید به‌طور پیش‌فرض چیدمان دسکتاپ می‌سازند. همین یک جمله اندازه فونت‌ها، فاصله‌ها و کل چیدمان را عوض می‌کند.

۳. نقاط لمس بزرگ بخواهید

«هر دکمه حداقل ۴۴ پیکسل ارتفاع داشته باشد.» انگشت‌ها اشاره‌گر ماوس نیستند. همین یک قاعده بیشتر مشکل «مثل یک وب‌سایت به نظر می‌رسد» را برطرف می‌کند.

۴. از viewport و نواحی امن بگویید

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> و پدینگ با env(safe-area-inset-*) بخواهید. گوشی‌های دارای فرورفتگی و گوشه‌های گرد از شما ممنون می‌شوند.

۵. ذخیره‌سازی آفلاین را الزامی کنید

«بدون CDN، بدون اسکریپت یا فونت خارجی، داده‌ها را در localStorage ذخیره کن.» اپلیکیشن‌هایی که برای کد خودشان به اینترنت نیاز دارند در اتوبوس از کار می‌افتند. اپلیکیشن‌هایی که در localStorage ذخیره می‌کنند داده‌ها را بین اجراها نگه می‌دارند.

۶. حالت روشن و تاریک بخواهید

«با prefers-color-scheme از حالت روشن و تاریک پشتیبانی کن.» برای مدل فقط چند خط CSS است و اپلیکیشن را روی هر گوشی بومی نشان می‌دهد.

۷. ویژگی‌های بومی مورد نظر را توصیف کنید

اگر اپلیکیشن شما باید بلرزد، کد QR اسکن کند یا اعلان بفرستد، آن ویژگی‌ها و توابع دقیق را فهرست کنید. مثلاً: FreeApp.vibrate(ms)، FreeApp.scanCode()، FreeApp.notify(title, body). فهرست کامل در JavaScript API است. مدل‌ها نام‌های واقعی توابع را خیلی بهتر از خواسته‌های مبهم دنبال می‌کنند.

۸. به آن بگویید فراخوانی‌های بومی را محافظت کند

«همیشه پیش از فراخوانی، window.FreeApp را بررسی کن و راه‌حلی جایگزین بگذار که در مرورگر عادی کار کند.» این کار اجازه می‌دهد اپلیکیشن را همه‌جا پیش‌نمایش کنید و اگر یک ویژگی نبود از کرش جلوگیری می‌کند.

۹. اپلیکیشن را مثل یک کاربر توصیف کنید، نه یک برنامه‌نویس

«وقتی بازش می‌کنم مجموع امروز را می‌بینم. روی یک لیوان می‌زنم تا ۲۵۰ میلی‌لیتر اضافه شود. فشار طولانی آخرین مورد را حذف می‌کند.» صحنه‌هایی مثل این تصویر روشنی از صفحه‌ها و جریان به مدل می‌دهد. لازم نیست اصطلاحات فنی را بدانید.

یک پرامپت که می‌توانید کپی کنید

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 یک پرامپت مثل این آماده برای کپی دارد.