القائمة
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/salmandev/arabic-skills-library --skill arabic-frontend-developmentيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
استنادا إلى تصنيف SOC المهني
| name | arabic-frontend-development |
| name_ar | تطوير واجهات أمامية |
| description | Master frontend development in Arabic |
| description_ar | إتقان تطوير الواجهات الأمامية بالعربية |
| category | web-development |
| language | ar |
| dialect | msa |
| rtl | true |
| platform_all | true |
| version | 1.0.0 |
| author | salman-shaikh |
إتقان أساسيات تطوير الواجهات الأمامية (Frontend Development).
الهيكل:
<!DOCTYPE html>
<html>
<head>
<title>صفحتي</title>
</head>
<body>
<h1>مرحباً</h1>
</body>
</html>
التنسيق:
body {
font-family: Arial;
background: #f0f0f0;
}
h1 {
color: #333;
}
التفاعل:
document.querySelector('h1').addEventListener('click', () => {
alert('مرحباً!');
});
| الإطار | الشركة | الاستخدام |
|---|---|---|
| React | Meta | تطبيقات ويب |
| Vue.js | Community | تطبيقات خفيفة |
| Angular | تطبيقات كبيرة | |
| Svelte |
| Community |
| أداء عالي |
✅ تصميم متجاوب (Responsive) ✅ إمكانية وصول (Accessibility) ✅ أداء سريع ✅ SEO أساسي
❌ لا تهمل الجوال ❌ لا تبالغ في المكتبات ❌ لا تهمل المتصفحات القديمة
عربي: "تطوير واجهات", "frontend", "HTML", "CSS", "JavaScript" English: "frontend development arabic", "web development", "React", "Vue"