v0
حوّل لقطة شاشة أو رسمًا تخطيطيًا إلى نموذج أولي لواجهة React باستخدام v0
وكيل الذكاء الاصطناعي من Vercel لتوليد واجهات الويب من الطلبات أو لقطات الشاشة أو التصاميم. الأنسب للمسودات الأولى للشاشات التي يراجعها مطوّر بعد ذلك.
كُتب هذا الدليل اعتمادًا على الصفحات الرسمية للأداة، المدرجة ضمن «المصادر الرسمية» في نهاية الدليل. راجعها لمعرفة الميزات والحدود والشروط الحالية.
جرّبها (تُفتح في علامة تبويب جديدة)خطوات التجربة
- اختر شاشة واحدة، مثل صفحة أسعار أو لوحة معلومات، ودوّن ما يجب أن يستطيع الزائر فعله فيها.
- صِف تلك الشاشة في طلب، أو أرفق لقطة شاشة أو ملف Figma كما تصف الوثائق. حدّد إطار العمل ونمط المكوّنات الذي تريده، واستخدم محتوى نموذجيًا مُختلَقًا.
- راجع المعاينة ثم اطلب تغييرًا واحدًا في كل مرة. استخدم عارض الشيفرة الموثّق لقراءة ما أُنتج.
- عندما يبدو سليمًا، اربطه بمستودع GitHub كما تصف الوثائق وافتح طلب دمج (pull request) بدل النشر مباشرة في الإنتاج.
- راجع الشيفرة كما تراجع شيفرة أي زميل: إمكانية الوصول والاعتماديات والمحتوى المضمّن في الشيفرة وحالات الخطأ. شغّل اختباراتك وعملية البناء بنفسك.
- بعد ذلك فقط ادمج وانشر عبر إجراءاتك المعتادة.
القيود
قد تحتوي الشيفرة المُولَّدة على أخطاء أو أنماط قديمة أو ثغرات في إمكانية الوصول. المعاينة الجميلة ليست منتجًا مُختبَرًا. وتحتاج وصلات الواجهة الخلفية وقاعدة البيانات والمصادقة إلى تصميم ومراجعة أمنية منفصلين.
الأسعار
تصف الوثائق وصولًا مجانيًا ومدفوعًا مع حدود استخدام وخطط للفرق. راجع صفحة الأسعار الرسمية لمعرفة ما تشمله خطتك؛ ولا يذكر هذا الدليل أسعارًا.
الخصوصية والبيانات
تُعالَج الطلبات ولقطات الشاشة والمستودعات أو مصادر البيانات المتصلة بواسطة الخدمة. استخدم تصاميم تجريبية وبيانات اصطناعية أولًا، ولا تلصق أسرارًا أو مفاتيح API في أي طلب، وراجع صفحتي الخصوصية وسياسة الذكاء الاصطناعي لدى المزوّد قبل ربط أنظمة حقيقية.
حول المصادر
استنادًا إلى الوثائق المنشورة من المزوّد، وليس إلى تجربة عملية. لم تُختبر الشيفرة المُولَّدة.
بدائل
يستهدف Lovable وReplit عملًا مشابهًا من الطلب إلى التطبيق؛ ويناسب مساعد البرمجة في محررك الخاص من يريدون إبقاء كل شيء في مستودع محلي.
المصادر الرسمية
الصفحات الرسمية التي كُتب هذا الدليل اعتمادًا عليها. اقرأها لمعرفة الميزات والحدود والشروط الحالية.