اطلب من ذكاء اصطناعي «تطبيق مهام» وستحصل على شيء يعمل على لابتوب. ثم تفتحه على الهاتف فتجد الأزرار صغيرة والنص يخرج عن الحافة وقائمتك تختفي عند الإغلاق. الحل ليس نموذجًا أفضل، بل أمرًا أفضل.
هذه هي التعليمات التي نضعها في كل أمر قالب في Free HTML to APK، وسبب وجود كل منها.
1. اطلب ملفًا واحدًا
«أعد ملف index.html واحدًا مع CSS وJavaScript مضمّنين.» ملف واحد يعني لا أوراق أنماط مفقودة ولا مسارات معطلة. وهو أسهل بكثير في اللصق داخل التطبيق وإعادته للذكاء الاصطناعي للإصلاح.
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 مل. والضغط المطوّل يزيل آخر كأس.» مشاهد كهذه تعطي النموذج صورة واضحة للشاشات والتدفق. لا تحتاج إلى معرفة المصطلحات التقنية.
أمر يمكنك نسخه
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 يحتوي على أمر كهذا جاهز للنسخ.