وصفات الذكاء الاصطناعي اليوميةالعملتم التحقق 8 أغسطس 2026

أنشئ تطبيق ويب يعمل في 5 دقائق بدون معرفة بالبرمجة

حوّل الوصف النصي إلى أداة تفاعلية مع معاينة فورية ونشر سريع عبر محرر AI

  1. 1.انتقل إلى موقع v0.dev وسجل الدخول عبر GitHub أو Google

    هذه أداة AI متخصصة من Vercel لإنشاء واجهات وتطبيقات ويب كاملة باستخدام React و Tailwind CSS.

    v0.dev عن الأداة
  2. 2.في حقل الإدخال بمنتصف الشاشة، أدخل الأمر (Prompt) الخاص بتطبيقك مع استبدال البيانات الموجودة بين الأقواس

    كلما وصفت الوظائف (أزرار، حقول إدخال، حسابات) بدقة أكبر، قلت التعديلات المطلوبة لاحقاً.

    البرومبت
    قم ببناء [اسم التطبيق، مثل: متتبع السعرات الحرارية أو مولد فواتير] يعمل بشكل كامل. يجب أن يحتوي على [الوظيفة الأساسية، مثل: نموذج لإضافة الأطعمة ومجموع يومي إجمالي]. استخدم واجهة مستخدم حديثة ونظيفة مع لوحة ألوان احترافية. تأكد من أن التصميم متجاوب ويتضمن عناصر تفاعلية مثل [عنصر، مثل: قائمة منسدلة قابلة للبحث أو جدول بيانات].
    ماذا يفعل هذا البرومبتاستخدم وصفاً دقيقاً لتحسين جودة الكود. استبدل [الاسم] و [الوظيفة الأساسية] و [العنصر] بوصف تطبيقك (مثلاً: 'حاسبة تكلفة الخدمات' أو 'متتبع العادات').
  3. 3.انتظر عملية التوليد وراجع النتيجة في نافذة Preview على اليمين

    إذا لم يعجبك شيء ما، يمكنك تحديد منطقة معينة من الواجهة بالماوس وكتابة ما يجب تغييره في الدردشة (مثلاً: 'اجعل هذا الزر باللون الأحمر').

  4. 4.اضغط على زر 'Publish' في الزاوية العلوية اليمنى للحصول على رابط تطبيقك المباشر

    بعد النشر، سيكون تطبيقك متاحاً عبر رابط URL فريد يمكنك مشاركته.

💰 كم يكلف تطبيقهالأسعار حتى 2026-08
  • مجاناPrime Agentتتوفر خطة مجانية بعدد محدود من عمليات التوليد يومياً.
جربها وكن أول من يسجل إنجازه

لماذا اليوم

خدمات الذكاء الاصطناعي تتغير بسرعة - قد تختلف الواجهات والحدود المجانية عما هو موصوف.