ترجمة: مكتبة موارد لواجهات الذكاء الاصطناعي

لا تبدو المواقع المبنية بأسلوب «Vibe Coding» عامة لأن النموذج لا يعرف كتابة الشيفرة؛ بل تبدو عامة لأن المراجع التي يحصل عليها ضعيفة.

قبل أن تطلب من وكيل برمجي «إنشاء شيء عصري» أو «تصميم موقع نظيف»، اجمع مصادر الإلهام، واختر نظام مكوّنات، وقدّم للنموذج مواد بصرية أفضل يعمل انطلاقًا منها.

هذه ليست قائمة بأشياء يجب تثبيتها كلها دفعة واحدة، وإنما مكتبة كبيرة لمواقع مفيدة في React وReact Native وتصميم الواجهات والحركة وShaders والأصول والإلهام لتطوير الواجهات الأمامية.

إلهام المواقع وواجهات المستخدم

React وواجهات المستخدم والمكوّنات

للجزيئات والتأثيرات التفاعلية وثلاثية الأبعاد

Shaders وWebGL والبرمجة الإبداعية

التدرجات وSVG والخلفيات والأنماط

الخامات والأصول ثلاثية الأبعاد

الصور والفيديو والرسوم التوضيحية

الأيقونات

الخطوط والطباعة

React Native وواجهات الجوال

لإعداد عملي في React Native، ابدأ بـExpo وReact Native Reusables وgluestack وReanimated. استخدم المكتبات للبنية، ثم أضف الحركة والتفاصيل البصرية الخاصة بك.

سير العمل المقترح

اعثر على مراجع جيدة تناسب المشروع.
احفظ لقطات الشاشة والمسارات والمكوّنات التي تعجبك.
قدّمها إلى وكيلك البرمجي.
اختر نظام مكوّنات بدل توليد كل شيء من الصفر.
كرّر التحسين حتى تصبح النتيجة مقنعة.

يستطيع الذكاء الاصطناعي توليد الواجهة، لكن إحضار الذائقة إلى العمل مسؤوليتك أنت.