التصميم خطوة بخطوة
جهّز الوظيفة والمحتوى ومرجع الشكل. اطلب تصور للتفاعل والصفحات، وبعدين نسخة صغيرة تعمل بالمهمة الأساسية في مساحة البناء المناسبة.
جرّب على شغلك: جهّز الحاجة اللي هتشتغل عليها، وابدأ بجزء صغير. راجع النتيجة قبل ما تكمل.
شرح وتطبيق على شغلك
اعمل موقع أو تطبيق بالذكاء الاصطناعي
جهّز المحتوى واشرح طريقة الاستخدام، واعمل نسخة تجربها وتعدّلها قبل المشاركة.
هتطلع بإيه؟وصف واضح، وبعده نموذج تقدر تجرّبه وتعدّله.
خلّينا نفهم الفكرة
ممكن تبدأ بموقع أو لعبة تعليمية أو أداة صغيرة أو داشبورد، المهم تحدد مين هيستخدمها وإيه اللي المفروض يعرف يعمله. الوصف الجيد يشرح السلوك والمحتوى، مش الألوان بس.
جهّز النصوص والصور والروابط، ومعاها مثال استخدام من أول الدخول لحد النتيجة. لو بتطوّر حاجة موجودة، ابدأ من ملفاتها ومراجعها وحدد الجزء اللي محتاج تغيير.
اختار مساحة بناء مناسبة زي Sites أو Canvas أو Artifacts أو منصة متخصصة حسب الوظيفة والنشر المطلوبين. ابدأ بنسخة تؤدي مهمة واحدة، وبعدين اختبرها واطلب تعديل محدد للمشكلة اللي شفتها.
الموقع اللي يظهر في المعاينة لسه محتاج اختبار الروابط والأزرار والمدخلات والحفظ والمشاركة. ولو هيجمع بيانات أو يربط خدمات، حدد طريقة الوصول والأذونات والتخزين قبل ما الناس تعتمد عليه.
أدوات مناسبة للمسار
اختار من المتاح عندك. تقدر تستخدم الطلبات مع أكتر من أداة، والتنفيذ نفسه يعتمد على المزايا والملفات المدعومة.
تفاصيل الأدوات واستخداماتها في بنك الأدوات ←أمثلة توسّع الفكرة
مصمم فريلانسر عايز حاسبة يسعّر بيها شغله: عدد التصميمات، والتعديلات، ومدة التسليم. كتب الفكرة في سطرين، والـAI سأله عن التفاصيل، وبناها في Lovable أو Gemini Canvas. جرّبها على الموبايل وصلّح لحد ما بقت جاهزة برابط.
مصاريف مشروعك
إيه اللي اتدفع، وإيه اللي لسه، وتقرير آخر الشهر.
توصف لـLovable أو Claude الخانات: نوع المصروف، والمبلغ، والتاريخ، ومدفوعات العملاء. فيبنيلك صفحة تفتحها من الموبايل وتسجّل فيها.
مرجع تفاعلي من محتوى معتمد
تختار الموضوع فيطلعلك الشرح والخطوات والمصدر.
تجهّز المحتوى من مراجع موثوقة، وتوصف التطبيق لـClaude أو Lovable: قايمة بالموضوعات، ولكل موضوع الخطوات والمصدر. البرومبت الجاهز تحت.
صفحة تعليمات لعملائك أو مرضاك
لينك واحد تبعته للكل.
تكتب التعليمات بالشات بلغة سهلة، وبعدين تطلب صفحة بسيطة مريحة على الموبايل، وتنشرها برابط.
متابعة طلبات الشغل
لكل عميل: الطلب في أنهي مرحلة، وخلص ولا لسه، وحسابه.
الخانات هي العميل ونوع الشغل والمرحلة ومعاد التسليم، والمتأخر يظهر بالأحمر.
مخزون المحل
الأصناف والكميات، وتنبيه لما حاجة تقرّب تخلص.
سيستم فيه الأصناف والكميات والأسعار، وينبهك لما صنف يقل عن الحد اللي تحدده.
موقع أو كتالوج
خدماتك أو منتجاتك، وطلب على واتساب، وممكن دفع أونلاين.
تجهّز المحتوى بالشات، وبعدين توصف الموقع لـLovable فيبنيه وينشره برابط.
اختار الناتج اللي تحتاجه
ابدأ بـصفحة لخدمة، أو أداة خاصة، أو تطبيق متابعة حسب اللي هيعمله الزائر.
داشبورد أو تقرير تفاعلي
للمؤشرات والفلاتر استخدم مسار الداشبورد. وللمصادر والمقارنات استخدم مسار التقرير التفاعلي.
لعبة أو موقع تعلم
جرّب نشاط يقيس هدف، أو مكتبة دروس بمصادر وتطبيقات وتنقل واضح.
اختار الطريقة قبل التطبيق
المهمة دي ليها أكتر من طريقة
افتح القائمة واختار اللي يناسب المدخلات والنتيجة المطلوبة. شرح الطريقة هيظهر تحتها مباشرة.
نفّذ على حاجة تخصك
الخطوات من البداية للتسليم
افتح أي خطوة من عنوانها. كل واحدة بتوضح تعمل إيه وليه، وإيه اللي تراجعه قبل ما تكمل.
1حدد حاجة واحدة الموقع يساعد فيهاوظيفة واضحة بدل قائمة أفكار كبيرة.التفاصيل
النطاق الصغير يخليك تختبر فائدة حقيقية بسرعة.
اعمل إيه؟
- اكتب مين المستخدم، وبيبدأ بإيه، وإيه اللي المفروض يطلع بيه.
- اكتب مثال استخدام كامل من أول الدخول لحد النتيجة.
أدوات تناسب الجزء ده — اختار واحدةشرح يساعدك في الخطوة ديإزاي تبني موقع أو تطبيق بالذكاء الاصطناعي؟2جهّز المحتوى ومرجع الشكلمحتوى ومرجع تقدر تبني عليهم.التفاصيل
المحتوى الحقيقي بيبين احتياجات التصميم قبل البناء.
اعمل إيه؟
- جمع العناوين والنصوص والصور والروابط، وحدد الناقص.
- ارفق مرجع ووضح اللي عاجبك فيه: ترتيب أو ألوان أو قراءة مريحة.
3اشرح الصفحات والتفاعلاتبريف للسلوك والبيانات.التفاصيل
الشكل وحده مش بيقول الزرار يعمل إيه أو البيانات تتحفظ فين.
اعمل إيه؟
- حدد وظيفة كل صفحة وحقل وزرار، والحالات الفارغة والخاطئة.
- لو فيه تسجيل أو حفظ أو مشاركة، وضح المستخدمين وطريقة الوصول المطلوبة.
4اعمل نسخة وجرّب مهمة واحدةنسخة تؤدي المهمة الأساسية.التفاصيل
ابدأ بمسار يعمل بدل أجزاء كثيرة شكلها مكتمل.
اعمل إيه؟
- اختار المنصة حسب البناء والنشر اللي محتاجه، وسلّمها البريف والمحتوى.
- جرّب بنفسك المهمة الأساسية واطلب إصلاح محدد للمشكلة اللي ظهرت.
أدوات تناسب الجزء ده — اختار واحدة5اختبر قبل المشاركةرابط يعمل وتجربة واضحة للمستخدم.التفاصيل
المعاينة الناجحة مش معناها إن الرابط والبيانات شغالين للناس.
اعمل إيه؟
- اختبر الموبايل والكمبيوتر والروابط والأزرار والمدخلات الغلط.
- راجع طريقة النشر والوصول والحفظ، وافتح رابط المشاركة في السياق المقصود.
ابدأ من طلب مناسب وعدّله
طلبات تقدر تستخدمها على شغلك
افتح الطلب، واملا التفاصيل اللي تخصك. الخانات الفاضية هتفضل ظاهرة عشان ما تتنساش.
ابدأ أي تطبيقافتحه عشان تنسخ الطلب أو تخصّصه
اكتب الطلب في محادثة مع الأداة المقترحة، بعد ما تجهّز الملفات المذكورة في الخطوات.
الطلب جاهز للنسخ
انسخ الطلب زي ما هو، أو خصّصه بتفاصيلك الأول.
خصّص الطلب على شغلكاختياري: اكتب تفاصيلك والطلب يتظبط لوحده
عرض الطلب كامل
بعد ما تنسخ الطلب، افتحه في:اختار الأداة اللي بتقرأ ملفاتك وتدعم الناتج المطلوب.
ليه الطلب مكتوب كده؟
توضيح السلوك والمدخلات بيخلّينا نبني حاجة بتتستخدم، مش نقف عند شكل الصفحة.
مرجع من محتوى معتمدافتحه عشان تنسخ الطلب أو تخصّصه
الطلب جاهز للنسخ
انسخ الطلب زي ما هو، أو خصّصه بتفاصيلك الأول.
خصّص الطلب على شغلكاختياري: اكتب تفاصيلك والطلب يتظبط لوحده
عرض الطلب كامل
بعد ما تنسخ الطلب، افتحه في:اختار الأداة اللي بتقرأ ملفاتك وتدعم الناتج المطلوب.
صفحة تعليمات لعميلكافتحه عشان تنسخ الطلب أو تخصّصه
الطلب جاهز للنسخ
انسخ الطلب زي ما هو، أو خصّصه بتفاصيلك الأول.
خصّص الطلب على شغلكاختياري: اكتب تفاصيلك والطلب يتظبط لوحده
عرض الطلب كامل
بعد ما تنسخ الطلب، افتحه في:اختار الأداة اللي بتقرأ ملفاتك وتدعم الناتج المطلوب.
النتيجة نفعت في الحاجة اللي بدأت بيها؟
جرّب الوظيفة الأساسية والمدخلات والروابط والحفظ على الموبايل والكمبيوتر قبل مشاركة النتيجة.
- النتيجة جاوبت المطلوب من غير نقص مؤثر؟
- المصادر والتفاصيل اللي لازم تفضل صحيحة اتراجعت؟
- فتحت الملف أو الرابط وجرّبته بالطريقة اللي هيتستخدم بيها؟
لو فيه مشكلة، سمّي الجزء اللي مش مناسب، وورّي مثال، واطلب تعديل محدد.