|6 min read
تطبيق ببلاش ببرومبت: Google AI Studio وGemini (مثل صفيّها)
geminiappgoogle-studiofreeguide
تطبيق كامل ببلاش من برومبت — Google AI Studio + Gemini: أسئلة، اختيار تصميم، ثم بناء «صفيّها» أو أي فكرة.
الفيديو: تطبيق صفيّها لتقسيم مصاريف الطلاب. برومبت واحد → prototype designs → Next → تطبيق جاهز. برومبت ثاني يضيف عملات. نفس المسار يبني موقع بخطوات مشابهة — تكلفة صفر.
راجعوا موقع ببرومبت واحد إذا بدكم landing فقط.
متى بتحتاجوا هالطريقة؟
- •فكرة تطبيق بسيطة بدون دفع مطور
- •بدكم UI prototypes قبل الكود
- •جاهزين لبرومبت follow-up للتعديلات
- •تجربة أولى قبل Flutter/React يدوي
قبل ما تبدأوا
- •حساب Google
- •Google AI Studio (مسار بناء التطبيق في الفيديو)
- •وصف التطبيق بلغتكم
- •فكرة صغيرة (مثل تقسيم فاتورة، todo، حاسبة)
الخطوة 1: افتحوا Studio واختاروا البلد
الخطوة 2: اكتبوا برومبت التطبيق
Build a mobile-friendly web app: [APP NAME / IDEA]. Core flow: [WHO] splits [WHAT] expenses fairly. Language: Arabic UI. Ask me clarifying questions before coding. Show 2–3 design prototypes to choose from.
الخطوة 3: اختاروا التصميم واضغطوا Next
Gemini يبني بعد اختياركم — لا تتخطوا مرحلة الأسئلة.
الخطوة 4: راجعوا التطبيق الأول
الخطوة 5: برومبت تعديل (مثال: عملات متعددة)
Add support for multiple currencies (AED, SAR, JOD, USD) not just one. Keep the same layout.
موقع بنفس الأداة
امشوا خطوات «مشروع جديد» في Studio حتى النهاية — موقع ببرومبت أو اثنين ببلاش.
شاهد الفيديو
احفظوا الدليل. جرّبوا فكرة بسيطة وأخبرونا بالنتيجة.