Harika mobil uygulamalar üreten istemler: gerçekten işe yarayan 9 ipucu

Bir yapay zekâdan "bir yapılacaklar uygulaması" isteyin; dizüstü bilgisayarda çalışan bir şey alırsınız. Sonra telefonda açarsınız: düğmeler minicik, metin kenardan taşıyor ve listeniz kapatınca kayboluyor. Çözüm daha iyi bir model değil, daha iyi bir istemdir.

Bunlar, Free HTML to APK'daki her şablon isteminin içine koyduğumuz talimatlar ve her birinin neden orada olduğu.

1. Tek bir dosya isteyin

"Satır içi CSS ve JavaScript ile tek bir index.html döndür." Tek dosya, eksik stil dosyası ve bozuk yol olmaması demektir. Ayrıca uygulamaya yapıştırmak ve düzeltmeler için yapay zekâya geri göndermek çok daha kolaydır.

2. Bunun bir telefon uygulaması olduğunu söyleyin

"Önce mobil, dokunmaya uygun, dikey modda çalışan." Aksini söylemezseniz modeller varsayılan olarak masaüstü düzenleri üretir. Bu tek cümle yazı boyutlarını, boşlukları ve tüm düzeni değiştirir.

3. Büyük dokunma alanları isteyin

"Her düğmeyi en az 44 piksel yüksekliğinde yap." Parmaklar fare imleci değildir. Bu tek kural "web sitesi gibi hissettiriyor" sorununun çoğunu giderir.

4. Görüntü alanından ve güvenli alanlardan söz edin

<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> ve env(safe-area-inset-*) ile dolgu isteyin. Çentikli ve yuvarlak köşeli telefonlar size teşekkür eder.

5. Çevrimdışı depolamayı şart koşun

"CDN yok, harici betik veya yazı tipi yok, verileri localStorage'a kaydet." Kendi kodu için internete ihtiyaç duyan uygulamalar otobüste bozulur. localStorage'a kaydeden uygulamalar verilerinizi açılışlar arasında korur.

6. Açık ve koyu mod isteyin

"prefers-color-scheme ile açık ve koyu modu destekle." Modele birkaç satır CSS'e mal olur ve uygulamayı her telefonda yerel hissettirir.

7. İstediğiniz yerel özellikleri anlatın

Uygulamanız titreşecekse, QR kodu tarayacaksa veya bildirim gönderecekse bu özellikleri ve tam işlevleri listeleyin. Örneğin: FreeApp.vibrate(ms), FreeApp.scanCode(), FreeApp.notify(title, body). Tam liste JavaScript API sayfasında. Modeller belirsiz isteklerden çok gerçek işlev adlarını izler.

8. Yerel çağrıları korumasını söyleyin

"Çağırmadan önce her zaman window.FreeApp değerini kontrol et ve normal bir tarayıcıda çalışan bir yedeğe başvur." Bu, uygulamayı her yerde önizlemenizi sağlar ve bir özellik yoksa çökmeleri önler.

9. Uygulamayı programcı gibi değil, kullanıcı gibi anlatın

"Açtığımda bugünün toplamını görüyorum. Bir bardağa dokunarak 250 ml ekliyorum. Uzun basmak sonuncuyu siliyor." Böyle sahneler modele ekranların ve akışın net bir resmini verir. Teknik sözcükleri bilmeniz gerekmez.

Kopyalayabileceğiniz bir istem

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]

Ya da yazmayı atlayın: Free HTML to APK'daki her şablonda kopyalamaya hazır böyle bir istem var.