Asosiy kontentga o'tish

Prompting bo'yicha maslahatlar

Ilovani qanchalik yaxshi tasvirlasangiz, AppX uni shunchalik yaxshi quradi. AI kuchli, lekin u sizning fikringizni o'qiy olmaydi — noaniq prompt umumiy ilova beradi, aniq prompt esa siz tasavvur qilgan narsaga yaqin nimadir beradi. Bu naqshlar sizni o'sha yerga tezroq olib boradi.

Dastlabki generatsiya uchun​

1. Faqat kontseptsiyani emas, ekranlarni tasvirlab bering​

Faqat ilova nima ekanligini aytmang — siz xohlagan muayyan ekranlarni tasvirlab bering.

❌ "Mashq kuzatuvchi ilova"

✅ "4 ta ekranli mashq kuzatuvchi ilova:
1. Bosh ekran: bugungi rejalashtirilgan mashqni va streak hisoblagichni ko'rsatadi
2. Mashq ekrani: mashqlar ro'yxati, takror/to'plamlar kiritish va taymer bilan faol mashq ko'rinishi
3. Tarix: bajarilgan mashq kunlari belgilangan kalendar ko'rinishi
4. Mashqlar: mushak guruhi filtri bo'lgan mashqlarning qidiriladigan kutubxonasi"

2. Har bir ekranning asosiy elementlarini tasvirlab bering​

Har bir ekran uchun quyidagilarni eslatib o'ting:

  • Asosiy kontent nima
  • Asosiy interaktiv elementlar (tugmalar, kiritish maydonlari, almashtirgichlar)
  • Ko'rsatilishi kerak bo'lgan har qanday ma'lumot
✅ "Profil ekrani: tepada foydalanuvchi avatari, ismi va bio. Undan pastda 3 ta statistika kartasi bilan grid (postlar, kuzatuvchilar, kuzatilayotganlar). Keyin foydalanuvchi fotolarining 2 ustunli gridi. Foto bosish uni to'liq ekranda ochadi."

3. Dizayn uslubingizni belgilang​

AppX oqilona standartni tanlaydi, lekin quyidagilarni belgilasangiz xohlagan narsangizga yaqinroq bo'lasiz:

✅ "Toza minimal dizayn. Oq fon. Urg'u rangi sifatida #3b82f6 (ko'k) ishlat.
Yumaloq burchaklar (12px radius). Kartalarda nozik soyalar."

4. Ma'lumotlarni saqlab qolishni eslatib o'ting​

Ma'lumotlar ilova qayta ishga tushishlaridan keyin saqlanib qolishini istasangiz, buni shunchaki oddiy ingliz tilida ayting — AppX siz uchun qurilma ichidagi saqlashni ulaydi:

✅ "Vazifalar ro'yxatini qurilmada saqlang, shunda ilova yopilib qayta ochilganda u saqlanib qoladi."

5. Navigatsiya turini belgilang​

✅ "Asosiy navigatsiya uchun pastki tablardan foydalan (Bosh ekran, Qidiruv, Profil, Sozlamalar).
Tafsilot ko'rinishlari uchun stack ekranlarni push qil."

Chat tahrirlari uchun​

6. Ekran nomini ayting​

Xabaringizda ekran nomini ayting, masalan: "Home ekranida …". Bu AI'ni aniqroq qiladi.

7. Nimani o'zgartirish kerakligi haqida aniq bo'ling​

Ekranda ko'rayotganingizga murojaat qiling:

❌ "Tugmani o'zgartir"
✅ "Pastdagi 'Save Changes' tugmasini ko'kdan yashilga (#22c55e) o'zgartir"

8. Xohlagan vizual natijani tasvirlab bering​

❌ "Ro'yxat elementlariga to'ldiruv qo'sh"
✅ "Har bir ro'yxat elementi 16px vertikal to'ldiruv va 20px gorizontal to'ldiruvga ega bo'lishi kerak,
pastda ingichka kulrang chegara (#e5e7eb) bilan"

9. Murakkab o'zgartirishlar uchun ularni bo'ling​

Birinchi xabar: "Ekran tepasiga qidiruv paneli qo'sh"
Ikkinchi xabar: "Endi foydalanuvchi qidiruv panelida yozayotganda ro'yxatni filtrla"
Uchinchi xabar: "Qidiruv hech narsa qaytarmasa 'Natijalar yo'q' matnini ko'rsat"

Bu uchalasini bir vaqtda so'rashdan ko'ra ishonchliroq.

10. Xatolarni kuzatgan narsangiz bilan tasvirlab bering​

✅ "Ro'yxat oxiriga aylantirganimda, oxirgi element tab paneli ortida yashirinib qolmoqda.
Ko'proq pastki to'ldiruv kerak."

✅ "Modal Android'da ochilgandan so'ng darhol yopilmoqda. iOS'da yaxshi ishlaydi."

Yaxshi ishlaydigan naqshlar​

AppX yaxshi yaratadigan ilova kategoriyalari​

  • Ijtimoiy ilovalar — feedlar, profillar, postlar, izohlar
  • Unumdorlik ilovalari — vazifalar, eslatmalar, odatlar, taqvimlar
  • Moliya ilovalari — byudjetlar, xarajatlar, tranzaksiyalar, grafiklar
  • Salomatlik va fitnes — mashqlar, ovqatlanish, kuzatish
  • Elektron tijorat — mahsulot ro'yxatlari, savatcha, to'lov oqimi
  • Oziq-ovqat va retsept — ko'rish, saqlash, pishirish taymerlari
  • Sayohat — marshrutlar, saqlangan joylar, bronlash
  • Ta'lim — kurslar, darslar, testlar

Yaxshi prompt tuzilmasi​

[Kim uchun] bo'lgan [ilova turi]ni quring, foydalanuvchilarga [asosiy amal] qilishga imkon beradi.

Ekranlar:
1. [Ekran nomi]: [kontent va interaksiyalar tavsifi]
2. [Ekran nomi]: [kontent va interaksiyalar tavsifi]
...

Dizayn: [uslub tavsifi — minimal/qalin/o'ynoqi, rang sxemasi]
Ma'lumot: [nima saqlanishi va qanday tuzilishi kerak]
Navigatsiya: [tablar/stack]
Bosqichma-bosqich quring

Birinchi build'da ko'pi bilan 6 ta ekran bo'ladi. Qolganlari keyingi bosqichlarga o'tadi: ularni Build next milestone tugmasi bilan boshlaysiz va har biri alohida hisoblanadi.


Keng tarqalgan xatolar​

Qo'llab-quvvatlanmaydigan texnologiyani so'rash​

AppX StyleSheet.create bilan React Native generatsiya qiladi. Bular yaxshi ishlamaydi:

  • NativeWind / Tailwind CSS
  • react-native-paper
  • @expo/vector-icons (lucide-react-native ishlating)

Xususiyatlar haqida juda noaniq bo'lish​

"Uni ijtimoiy qil" AI'ga qaysi ekranlarni qurish kerakligini aytmaydi. "Post kartalar, like tugmalari va izoh sonlari bilan feed ekranini qo'sh" — aytadi.

Hamma narsani bir vaqtda so'rash​

Birinchi build'da ko'pi bilan 6 ta ekran bo'ladi. Qolganlari keyingi bosqichlarga o'tadi: ularni Build next milestone tugmasi bilan boshlaysiz va har biri alohida hisoblanadi.

Yangi ekran qo'shsangiz, unga qanday borish kerakligini aytmasangiz, AI navigatsiya yo'lini qo'shmasligi mumkin. Doim eslatib o'ting: "Yangi Settings ekraniga o'tish uchun Bosh ekranga tugma qo'sh."

Ranglarni hex bilan ortiqcha belgilash​

Brend ranglari uchun hex ishlatish yaxshi, lekin umumiy UI uchun ("to'q matn", "kulrang chegara") tabiiy til tozaroq va yanada saqlanishi osonroq.


Prompt misollari​

Moliya kuzatuvchi​

Quyidagilar bilan shaxsiy moliya kuzatuvchini quring:
- Dashboard ekrani: oylik byudjet doira grafigi, so'nggi tranzaksiyalar ro'yxati, tezkor qo'shish tugmasi
- Tranzaksiya qo'shish ekrani: miqdor kiritish (raqamlar klaviaturasi), kategoriya tanlash (ikonlar gridi:
Oziq-ovqat, Transport, Ko'ngilochar, Salomatlik, Xarid, Boshqa), ixtiyoriy izoh, sana tanlash
- Tranzaksiyalar ekrani: sana bo'yicha guruhlangan to'liq ro'yxat, qidiruv paneli, kategoriyaga ko'ra filtr
- Byudjet ekrani: kategoriya bo'yicha oylik chegaralar o'rnatish, sarflangan/chegara progress panellari

Toza minimal dizayn, oq fonlar, daromad uchun yashil (#22c55e), xarajatlar uchun qizil (#ef4444).
Barcha ma'lumotlarni AsyncStorage'da saqla.

Odat kuzatuvchi​

Kunlik odat kuzatuvchi ilova.

Ekranlar:
1. Today ekrani: katta belgilash qutilari bilan bugungi odatlar ro'yxati. Har bir odatda
joriy streak ko'rsatiladi. Yuqori o'ng tomonda "Add Habit" tugmasi.
2. Odat qo'shish ekrani: nom kiritish, ikon uchun emoji tanlash, takrorlanish (kunlik/ish kunlari/maxsus kunlar).
3. Stats ekrani: har bir odat uchun 7 kunlik va 30 kunlik bajarilish darajalarini, issiqlik xaritasi gridi bilan ko'rsatadi.

To'q mavzu (#111827 fon, oq matn, binafsha (#8b5cf6) urg'u) ishlat.
Odat bajarganda haptik fikr.

Restoran menyusi ilovasi​

Restoran uchun menyu ilovasi. Xodimlar uchun.

3 ta ekran:
1. Menyu ekrani: kategoriyalar bo'yicha tablar (Starterlar, Asosiylar, Desertlar, Ichimliklar).
Har bir element nom, narx va "bugun mavjud" almashtirgichini ko'rsatadi.
2. Element qo'shish/tahrirlash ekrani: nom, tavsif, narx, kategoriya, foto URL, mavjudlik almashtirgichi bilan forma.
3. Buyurtmalar ekrani: elementlar, stol raqami, vaqt tamg'asi bilan kartalar sifatida kelayotgan buyurtmalar.
Har bir kartada "Mark Ready" va "Mark Complete" tugmalari.

Dizayn: toza restoran estetikasi, iliq off-white (#faf9f7), to'q jigarrang (#2d1b0e) matn.