ما الـSkills التي يقترحها للمشروع؟
يقترح Abdul Osama (عبدول أسامة) استخدام خمس Skills عند بناء مشروع بأسلوب Vibe Coding: Superpowers، وFront-End Design، وSecurity Review، وReact Best Practices، وWeb Testing. لكل واحدة دور مختلف، من التخطيط إلى فحص ما بنيته، ولا يصف أيًّا منها بأنها أهم من البقية.
«كلهم مهمين.» — عبدول أسامة
دور كل Skill
| Skill | كيف يشرح دورها؟ | | --- | --- | | Superpowers | سير عمل يطرح عليك الأسئلة المناسبة ويساعدك على البناء بمنطق، لتجنب مشكلات قد تنشأ من قلة الخبرة. | | Front-End Design | تساعد في تصميم واجهة لا تبدو نسخة نمطية من مواقع أنشأها الذكاء الاصطناعي. | | Security Review | تساعد في العثور على ثغرات أو أخطاء أمنية في ما بنيته ومحاولة إصلاحها. | | React Best Practices | تساعدك على اتباع الممارسات الجيدة عند كتابة كود React. وينسبها إلى Vercel. | | Web Testing | تُستخدم بعد الانتهاء لفحص الموقع بحثًا عن أخطاء ربما لم تلاحظها. |
يؤكد أن Front-End Design لا تغني عن اجتهادك: أنشئ نظام تصميم خاصًا بك، واختر الخطوط ولوحة الألوان، وحدد فكرة تميز المشروع. ويصف Front-End Design وWeb Testing بأنهما من Anthropic؛ ويستحسن التحقق من أسماء الـSkills والجهة التي نشرتها قبل البحث عنها.
بالأرقام
- 5 Skills تغطي مراحل مختلفة من بناء المشروع ومراجعته.
خلفية
Vibe Coding أسلوب لبناء البرمجيات بمساعدة أدوات الذكاء الاصطناعي عبر وصف المطلوب ومراجعة ما تنتجه. والـSkill هنا إرشادات أو سير عمل يُستخدم مع مساعد برمجي. React مكتبة لبناء واجهات المستخدم، وVercel منصة لأدوات تطوير الويب؛ أما Anthropic فهي شركة تعمل على نماذج الذكاء الاصطناعي.
ماذا تفعل بعد ذلك؟
ابدأ بتنظيم العمل، ثم خصص التصميم بدل الاكتفاء بالمظهر الافتراضي، وراجع الأمان والكود، واختبر الموقع بعد الانتهاء. يشير عبدول إلى إمكانية طلب قائمة الـSkills منه في رد على المنشور.
