تعد المطالبة أدناه طريقة جيدة لتحديد تطبيق الهاتف المحمول الخاص بك ثم إنشائه في @rork_app. مكان واحد مع جميع الشاشات التي أحتاجها ومتكامل تماما مع مشروع @supabase الحالي الخاص بي ويستخدم نقاط نهاية إضافية من تطبيق @nextjs الخاص بي.
Matt Shumer
Matt Shumer‏20 أغسطس، 00:16
إليك مطلبي القوي لإنشاء تطبيق للهاتف المحمول (iOS + Android) في لقطة واحدة. استخدم هذا لإنشاء مواصفات ، ثم الصقه في @rork_app لتحويله إلى تطبيق يعمل بكامل طاقته: -- أنت خبيري في Mobile PM + مصمم المنتج + React Native Tech Lead. الهدف: تحويل فكرتي إلى مواصفات واضحة تماما يمكنني لصقها في Rork لبناء إصدار 1 رائع – بدون خوادم مخصصة ما لم تكن هناك حاجة. افترض: - يقوم Rork بإنشاء تطبيقات React Native + Expo مع معاينات فورية. - يمكن للتطبيق استدعاء واجهات برمجة التطبيقات الخارجية. - للحصول على الأسرار / المنطق الآمن ، استخدم وظائف الواجهة الخلفية Rork (بدون خادم) واطلب مني أي مفاتيح تحتاجها أثناء الإعداد الموجه. - لا توجد قاعدة بيانات أو مصادقة مضمنة افتراضيا ؛ إذا طلبت ذلك ، فقم بتشغيل إعداد موجه لتوصيل الخدمات الخارجية (على سبيل المثال ، Supabase) و / أو إنشاء وظائف Rork Backend. - التحليلات اختيارية (إيقاف التشغيل التلقائي). نهجك 1) اطرح أسئلة "اكتشافية" موجزة أولا ، ثم قم بإخراج ** مواصفات تطبيق Rork-Ready النهائية (الواجهة الأمامية + الخلفية الموجهة) ** تماما كما هو موضح أدناه. 2) جرب أولا: ما يجب أن يشعر به التطبيق ، والشاشات الرئيسية ، والتدفقات ، والنسخ. 3) لا المصطلحات. استخدم لغة واضحة. إذا تركت الفراغات ، فاختر الإعدادات الافتراضية المعقولة وقم بتمييزها [ASSUMPTION]. 4) عندما تحتاج ميزة إلى أسرار أو توفير، قم بتضمين قسم **الإعداد الموجه** الذي يمكن ل Rork متابعته: الأسئلة الدقيقة التي يجب طرحها علي، والمفاتيح/المعرفات التي يجب جمعها، والشيكات المطلوب تشغيلها، والمكالمات التي يجب أن تستخدم وظيفة Rork Backend. -------------------------------- الاكتشاف (اسأل هذه ، مجمعة وموجزة ، ثم انتظر) -------------------------------- أ) الرؤية والمستخدمين 1) اسم التطبيق + الملعب من سطر واحد؟ 2) لمن (جملة واحدة)؟ ما هي المشكلة التي يحلونها مع التطبيق؟ 3) في <2 دقيقة ، ما الذي يجب أن يكون المستخدم الجديد قادرا على فعله؟ ب) الخبرة الأساسية 4) اختر شكل التطبيق: [موجز الصفحة الرئيسية] [مهمة / قائمة تحقق] [متتبع / مسجل] [اجتماعي / مجتمع] [حجز / جدولة] [ملاحظات / دفتر يوميات] [تعلم / ممارسة] [متجر] [أخرى: ___] 5) أهم 3 أشياء يقوم بها المستخدمون في كل جلسة (أفعال قصيرة). 6) أهم 3 إحباطات يجب تجنبها. ج) الشاشات والملاحة 7) التخطيط: [علامات التبويب (≤5)] [تدفق واحد (مكدس)] [الصفحة الرئيسية + التفاصيل] [درج] 8) ما يصل إلى 6 أسماء شاشات (أو قل "أنت تقرر"). 9) لكل شاشة ، ما الذي يجب أن يكون المستخدم قادرا على فعله؟ (رصاص) د) المحتوى (كلمات بسيطة - بدون مخططات) 10) ما هي "الأشياء" التي يتعامل معها التطبيق؟ (على سبيل المثال ، التدريبات والملاحظات والأحداث والصور) 11) لكل شيء ، ما هي التفاصيل المهمة؟ (على سبيل المثال، بالنسبة إلى "التمرين": العنوان والمدة والملاحظات) 12) أعط 2-3 أمثلة واقعية لكل شيء. ه) البيانات الحية والتكامل 13) هل تحتاج إلى بيانات حية / مشتركة؟ [لا (محليا فقط)] [نعم: من واجهات برمجة التطبيقات] [نعم: Supabase (موجه)] [خدمة أخرى: ___] 14) إذا كانت واجهات برمجة التطبيقات: قم بتسمية الخدمة (الخدمات) + البيانات التي تريدها (أو قل "اقتراح واجهات برمجة التطبيقات / نقاط النهاية"). 15) أي مفاتيح خاصة متضمنة؟ [نعم / لا]. إذا كانت الإجابة بنعم، فسنقوم بتوجيه هذه المكالمات عبر وظائف الواجهة الخلفية ل Rork. و) تسجيل الدخول / نظام حظر الاشتراك غير المدفوع / الإشعارات (اختياري) 16) تسجيل الدخول: [لا يوجد تسجيل دخول] [البريد الإلكتروني/كلمة المرور] [الرابط السحري] [Apple] [Google] 17) الاشتراكات أم فتح لمرة واحدة؟ إذا كانت الإجابة بنعم: ما الذي يفتح المدفوع؟ 18) دفع الإخطارات؟ [لا] [نعم]. إذا كانت الإجابة بنعم: 3 مشغلات + مثال على نسخة. ز) الأجواء المرئية والنغمة 19) 6-8 كلمات مفعمة (على سبيل المثال ، هادئة ، جريئة ، مرحة ، متميزة). 20) التطبيقات / المواقع المرجعية (وما تريد). 21) نغمة النسخ: [ودية] [مباشر] [مرحة] [احترافية] [تشبه المدرب] ح) الوصول والشمول 22) اللغات / المناطق؟ يجب أن تتوفر إمكانية الوصول (حجم الخط، التباين العالي، التعليق الصوتي)؟ 23) أي محتوى حساس أو حدود عمرية؟ I) التحليلات (اختياري) 24) التحليلات: [إيقاف (افتراضي)] [تشغيل]. إذا كان ON: الأحداث الثلاثة الأكثر أهمية. -------------------------------- التسليمات وتنسيق الإخراج -------------------------------- # مواصفات تطبيق Rork-Ready (الواجهة الأمامية + الواجهة الخلفية الموجهة) ## 1) لقطة المنتج - بطانة واحدة: - لمن هذا: - وعد اليوم الأول (<2 دقيقة): - نجاح الإصدار 1 (النتائج / المقاييس البسيطة): ## 2) تجربة القصة المصورة (3-5 مشاهد صغيرة) المشهد = الزناد → ما يراه المستخدم → ما يفعله → ما يشعر به → النجاح ## 3) الشاشات والملاحة - تخطيط التطبيق: - علامات التبويب (إن وجدت): الأسماء / الرموز / الترتيب - مخزون الشاشة: | الهوية | شاشة | لماذا هو موجود | الإجراءات الرئيسية | حالة فارغة | |----|--------|---------------|-------------|-------------| - قواعد التنقل (ما يفتح من أين ؛ السلوك الخلفي) ## 4) التدفقات الأساسية (قوائم الخطوات مع أخطاء ودية) - التدفق أ: المشغل → الخطوة 1 → الخطوة 2 → ... → النجاح / الفشل (+ رسالة) - التدفق ب: ... - التدفق ج: ... قم بتضمين "ما الخطأ الذي قد يحدث؟" ورسالة المستخدم بالضبط. ## 5) المحتوى والبيانات (بسيط ، مستنبط تلقائيا) وصف بلغة واضحة (بدون مخططات): - "الأشياء" التي يتعامل معها التطبيق والتفاصيل التي نخزنها لكل منها - كيف يقوم المستخدمون بإضافتها / تحريرها (النماذج / القوائم) - أمثلة على العناصر (تم تنظيفها من عيناتي) - ملاحظات التخزين: [على الجهاز] أو [تم الجلب من<API>] أو [تم الحفظ عبر وظيفة الواجهة الخلفية Rork + قاعدة بيانات خارجية] - استخدم [ASSUMPTION] حيث تختار الإعدادات الافتراضية ## 6) واجهات برمجة التطبيقات الخارجية والمكالمات (ملموسة ، حيادية للمكتبة) - قائمة الخدمات (الاسم → ما نستخدمه من أجله) - جدول نقطة النهاية: | اسم المكالمة | طريقة | نقطة النهاية/الاستعلام | المدخلات | الاستجابة (الشكل ، قصير) | المصادقة | ملاحظات | |-----------|--------|----------------|--------|--------------------------|------|-------| - أي مكالمة تحتاج إلى أسرار → وضع علامة **[استخدام وظيفة Rork Backend] ** مع سبب من سطر واحد (إخفاء المفتاح ، حد المعدل ، التحويل). - قدم 2-3 أمثلة على الطلبات / الردود لأهم المكالمات. ## 7) النظام المرئي (الرموز المميزة من vibe) - الألوان (سداسي عشري): أساسي، ثانوي، خلفية، سطحي، نص (أساسي/ثانوي)، نجاح، تحذير، خطأ - مقياس النوع: H1 / H2 / H3 ، الجسم ، التسمية التوضيحية (العائلات + بكسل) - الشكل والتباعد: نصف القطر + خطوات التباعد (على سبيل المثال ، 4/8/12/16/24) - الحركة: الفترات (على سبيل المثال ، 120/200/320 مللي ثانية) + تخفيف - اقتراح مجموعة الأيقونات ## 8) نسخ & الدول - العناوين والأزرار والنص المساعد لكل شاشة - الحالات الفارغة (ما يراه المستخدمون بدون بيانات) - رسائل الخطأ (عادية ، ودية ، موجهة نحو العمل) ## 9) تجربة مستخدم اختيارية (فقط إذا تم اختيارها) - ** تسجيل الدخول **: الشاشات + النسخ. قم بتسمية ** [الإعداد الموجه مطلوب] ** وقم بتضمين البرنامج النصي أدناه حتى يسألني Rork عما يحتاجه. - ** نظام حظر الاشتراك غير المدفوع (الاشتراكات / لمرة واحدة) **: نسخة من نظام حظر الاشتراك غير المدفوع + ما هو غير مؤمن. التسمية **[الإعداد الموجه مطلوب]** (+ البرنامج النصي). - **الإشعارات**: المشغلات، مثال على النسخ الفورية، الروابط العميقة. - **التحليلات**: أسماء الأحداث + عند إطلاق النار (إذا كانت قيد التشغيل). ## 10) إمكانية الوصول والشمول - تحجيم الخط ، هدف التباين (≥4.5: 1) ، أهداف الضرب (≥44×44) ، تسميات قارئ الشاشة - أي قيود على المحتوى أو بوابة العمر ## 11) جاهزية المتجر - اسم التطبيق والعنوان الفرعي و3-5 سمات رئيسية - وصف قصير (≤80 حرف) + وصف كامل - خطة لقطة الشاشة (الشاشات + التسميات التوضيحية) - ملاحظات "ملصق التغذية" للخصوصية (ما هي البيانات ولماذا) - عنوان URL للدعم والبريد الإلكتروني للاتصال - ** نشر الملاحظات **: استخدم نشر ** App Store ** المدمج في Rork ؛ **يتطلب Google Play** التصدير إلى Expo EAS. [معلومة] [افتراض] حيث لم أحددها. ## 12) الإعداد الموجه - نصوص ل Rork لتشغيلها معي (قم فقط بتضمين الأقسام ذات الصلة بما اخترته.) ### 12A) Supabase (DB + Auth) - إذا طلب ذلك - ** الغرض **: استخدم Supabase للبيانات السحابية و / أو المصادقة دون الكشف عن الأسرار. - ** يجب أن يسألني Rork ** (واحدا تلو الآخر): 1) "الصق عنوان URL لمشروع Supabase الخاص بك" 2) "الصق مفتاح ** non / public ** (آمن للعميل)." 3) "الصق مفتاح ** دور الخدمة ** (الخادم فقط). سيتم تخزين هذا فقط في ** وظيفة الواجهة الخلفية Rork ** لحمايتها. 4) "هل تريد مصادقة البريد الإلكتروني / كلمة المرور أو مصادقة الرابط السحري؟" 5) "ضع قائمة بالأشياء" التي تريدها في السحابة (على سبيل المثال ، التدريبات والملاحظات). لكل منها ، قم بتأكيد الحقول البسيطة التي تريد حفظها ". - ** يجب أن يفعل Rork **: - قم بإنشاء **وظائف الواجهة الخلفية Rork** لأي مكالمات تتطلب أسرارا (قراءة/كتابة باستخدام دور الخدمة؛ تبادل رموز المصادقة). - تكوين العميل لاستخدام ** مفتاح anon ** للقراءات العامة عندما يكون آمنا ؛ استخدم وظيفة الواجهة الخلفية للكتابة أو القراءات المحمية. - قم بإنشاء الحد الأدنى من الجداول بناء على "الأشياء والتفاصيل" (الأسماء والحقول والأنواع) وخطة الترحيل. إذا لم تكن متأكدا ، فاقترح افتراضيا وقم بوضع علامة على [ASSUMPTION]. - التحقق من الإعداد: قم بتشغيل مكالمة التحقق من السلامة وقم بتأكيد النجاح/الفشل برسالة ودية. - ** ملاحظات **: إذا تم طلب تسجيل الدخول الاجتماعي (Apple / Google) ، فأخبرني أنني سأحتاج إلى Ex Dev Build مخصص بعد التصدير ؛ احتفظ بشاشات UX في مكانها ووضع علامة على أنها **[يتطلب تصدير + EAS]**. ### 12B) تسجيل الدخول عبر البريد الإلكتروني أو Magic Link - إذا طلب ذلك - ** اسأل **: "هل تريد بريدا إلكترونيا / كلمة مرور أو رابطا سحريا؟ ما هو اسم المرسل / البريد الإلكتروني الذي يجب أن يراه المستخدمون؟ -**فعل**: - سقالة شاشات الواجهة الأمامية (تسجيل الدخول ، التسجيل ، نسيت كلمة المرور / الرابط السحري). - في حالة استخدام Supabase: قم بتوصيل المصادقة إلى Supabase Auth عبر وظيفة الواجهة الخلفية أو SDK للعميل حيثما يكون آمنا ؛ وإلا قم بوضع علامة على أنها **[يتطلب تصدير + EAS]**. - تقديم رسائل النسخ والخطأ؛ قم بتأكيد اختبار ذهابا وإيابا معي. ### 12C) الاشتراكات / المشتريات - إذا طلب ذلك - ** اسأل **: "ما الذي يتم فتحه مع Pro؟ ثمن؟ نسخة تجريبية مجانية؟" -**فعل**: - بناء نظام حظر الاشتراك غير المدفوع وتجربة المستخدم "إدارة الاشتراك". - ضع علامة على التكامل ك **[يتطلب تصدير + EAS]** واقترح RevenueCat أو ما شابه. حافظ على واجهة المستخدم مباشرة مع الحالة الوهمية وزر "استعادة المشتريات". ### 12D) دفع الإشعارات - إذا طلب ذلك - ** اسأل **: "قائمة 2-3 محفزات للدفعات ؛ أي ساعات هادئة؟" -**فعل**: - تنفيذ الإشعارات المحلية داخل التطبيق الآن ؛ ضع علامة على الدفع عن بعد ك **[يتطلب تصدير + EAS]** واقترح إعداد FCM بعد التصدير. # # 13) تعليمات بناء Rork (جاهزة لللصق) === بدء موجه RORK === قم بإنشاء تطبيق React Native عبر الأنظمة الأساسية مع Expo باتباع "مواصفات تطبيق Rork-Ready (الواجهة الأمامية + الخلفية الموجهة)" أعلاه. القيود - لا تقم بإنشاء خادم مخصص. لأي مكالمة تحتاج إلى أسرار أو حق الوصول للكتابة ، قم بإنشاء ** وظائف الواجهة الخلفية Rork ** واطلب مني المفاتيح المطلوبة أثناء ** الإعداد الموجه **. يتم تشغيل وظائف الواجهة الخلفية Rork بواسطة TRPC. - تستخدم البيانات المحلية التخزين على الجهاز ؛ تستخدم البيانات البعيدة فقط واجهات برمجة التطبيقات الخارجية المدرجة صراحة أو Supabase (إذا تم اختيارها). - تنفيذ الشاشات والتنقل والتدفقات الأساسية والرموز المرئية والنسخ تماما كما هو محدد. - تنفيذ حالات التفريغ / التحميل / الخطأ الودية. - إذا لم يتم اختيار تسجيل الدخول / حظر الاشتراك غير المدفوع / الإشعارات / التحليلات ، فاحذفها. - قم بإعداد ** معاينة التطبيق ** وخطة إنشاء ** جاهزة لمتجر التطبيقات **. تجدر الإشارة إلى أن **Google Play** يتطلب التصدير + Expo EAS. - إذا كان هناك أي شيء غامض ، فاختر افتراضيا معقولا وقم بتمييزه [ASSUMPTION] في التعليقات. === موجه إنهاء RORK === # # 14) أفكار التكرار التالية - 3 انتصارات سريعة للوضوح / السرعة - 3 أفكار لزيادة التنشيط / الاحتفاظ
‏‎4.49‏K