مهارات Agent لـ Claude Code و Codex
أفضل مهارات SKILL.md المبنية على معيار مفتوح — بتشتغل في Claude Code و Codex وباقي وكلاء SKILL.md. مختارة ومرتّبة حسب نجوم GitHub.
73 مهارة
إيه هي الـ Agent Skills؟
الـ Agent Skills عبارة عن مجلدات صغيرة — ملف SKILL.md مع سكربتات اختيارية — بتعلّم Claude مهارة قابلة للتكرار، من تحسين الواجهات لحد إنشاء ملفات Excel. Claude بيحمّل المهارة بس لما تكون مناسبة، فتقدر تثبّت كتير من غير ما تزحم الـ context.
بتستخدمها إزاي؟
حُط المهارة في ~/.claude/skills (لـ Claude Code) أو ~/.codex/skills (لـ Codex) — أو ثبّتها من marketplace للإضافات — والوكيل بيحمّلها وقت الحاجة. SKILL.md معيار مفتوح، فمعظم المهارات قابلة للنقل بين الوكلاء؛ شوية منها بيستخدم مميزات خاصة بـ Claude ممكن ما تشتغلش بالكامل في غيره.
DOCX
عمل وتعديل وتحليل مستندات Word بما فيها التغييرات المتعقّبة والستايلات والتنسيق.
Frontend Design
عمل واجهات frontend مميزة بمستوى إنتاجي بعيداً عن جمالية الـ AI العامة — صفحات وكومبوننتس وartifacts وبوسترات.
MCP Builder
توجيه إنشاء سيرفرات Model Context Protocol لربط الـ APIs والأدوات بالـ AI agents.
التعامل مع ملفات PDF — استخراج النص والجداول والدمج والتعليق وملء الفورمات.
Web Artifacts Builder
بناء artifacts HTML معقدة ومتعددة الكومبوننتس لـ Claude.ai باستخدام React وTailwind.
XLSX
عمل والتلاعب بجداول Excel بالمعادلات والتنسيق وعمليات بيانات متعددة الشيتات.
Superpowers
مكتبة سكيلز أساسية فيها +20 أداة وفلو مجرّبة وقابلة للتركيب لمهام تطوير الـ agent اليومية.
Animation Systems
حركة ويب بمستوى المنتجات زي Stripe وLinear وApple وVercel — إعدادات الـ easing والمدة والتناسق والأداء ووضع تقليل الحركة.
Apple Design
أسلوب Apple في الحركة السلسة والفيزيائية مترجم للويب — الـ springs والإيماءات والسحب والسحب والـ sheets والخامات الشفافة.
Better UI
مبادئ هندسة التصميم اللي بتخلي الكومبوننتس تحس إنها متقنة — الظلال والحدود وحالات الـ hover والتفاعلات الصغيرة والمحاذاة البصرية.
Emil Design Engineering
فلسفة Emil Kowalski في لمسة الـ UI وتصميم الكومبوننتس والتفاصيل الخفية اللي بتخلي السوفتوير يحس إنه رائع.
GSAP
إضافة وتصحيح حركات GSAP الاحترافية — الـ timelines والـ ScrollTrigger والـ stagger والـ transforms في HTML/CSS/JS/React.
Impeccable
تصمّم وتعيد تصميم وتنقد وتلمّع واجهات الـ frontend بعين مهندس تصميم محترف في الـ UX والتسلسل البصري والحركة.
shadcn
إضافة وبحث وإصلاح وتنسيق وتركيب كومبوننتس shadcn/ui والـ registries، مع سياق المشروع وأمثلة استخدام.
Three.js
بناء وتصحيح مشاهد 3D تفاعلية على الويب — الـ scene/camera/renderer والإضاءة والخامات وتحميل GLTF والـ controls والأداء.
Vercel React Best Practices
إرشادات أداء React وNext.js من Vercel Engineering — جلب البيانات وتحسين الـ bundle وأنماط الرندر.
Algorithmic Art
توليد فن جينيراتيف بالـ p5.js — أنظمة particle وflow fields وتكوينات بصرية إجرائية.
Brand Guidelines
تطبيق معايير تصميم البراند الرسمية للمؤسسة لمخرجات بصرية متسقة ومتوافقة مع البراند.
Canvas Design
عمل فن وتصاميم بصرية كمخرجات PNG وPDF — بوسترات وجرافيكس وتكوينات بصرية جاهزة للطباعة.
Claude API Reference
مرجع لـ Claude API وAnthropic SDK — أسماء الموديلات والأسعار والباراميترات والـ streaming واستخدام الأدوات والـ MCP والـ caching والتوكنز.
Doc Co-authoring
الصياغة والمراجعة التعاونية للمستندات الطويلة بتحرير منظّم وتحسين تكراري.
Internal Comms
كتابة تواصل داخلي واضح ومحترف — إعلانات وتحديثات ورسائل للفريق.
PPTX
عمل وتعديل عروض PowerPoint بالشرائح واللياوت والتنسيق.
Skill Creator
أداة تفاعلية بتوجّه إنشاء Agent Skills مخصصة ومنظّمة بصيغة SKILL.md.
Slack GIF Creator
عمل GIFs متحركة محسّنة لـ Slack — بحجم وضغط مناسبين للإيموجي والريأكشنز.
Theme Factory
توليد ثيمات خطوط وألوان احترافية للـ artifacts وواجهات الويب بـ design tokens متناسقة وجاهزة للاستخدام.
Webapp Testing
اختبار تطبيقات الويب end-to-end عبر أتمتة Playwright، بتشغيل فلوهات browser حقيقية للتحقق من السلوك.
API and Interface Design
تصميم API وحدود بأسلوب contract-first مع تحقق من المدخلات وعقود واجهة واضحة.
Browser Testing with DevTools
استخدام Chrome DevTools للفحص المباشر وقت التشغيل — الشبكة والـ console والأداء وتصحيح الـ DOM أثناء الاختبار.
CI/CD and Automation
بناء خطوط CI/CD بأسلوب Shift-Left مع بوابات جودة وفحوص أوتوماتيك لتسليم موثوق.
Code Review and Quality
عمل مراجعة كود على خمس محاور مع تسميات خطورة تغطي الصحة والتصميم وقابلية الصيانة.
Code Simplification
تقليل التعقيد مع الحفاظ على السلوك — إزالة الكود الميت وتسطيح المنطق وتحسين القراءة.
Debugging and Error Recovery
فلو فرز من خمس خطوات لتشخيص الأعطال وتطبيق fallbacks آمنة ومسارات تعافي.
Documentation and ADRs
كتابة توثيق تقني واضح وسجلات قرارات معمارية (ADRs) لتوثيق القرارات وتفاصيل الـ API.
Frontend UI Engineering
بناء واجهات بمستوى إنتاجي، متاحة وresponsive — هندسة الكومبوننتس وأنظمة التصميم وإدارة الـ state والالتزام بالـ WCAG.
Git Workflow and Versioning
تطبيق trunk-based development والـ commits الذرية والإصدار المنضبط لتاريخ نظيف.
Observability and Instrumentation
إضافة logging منظّم وتتبّع OpenTelemetry علشان الأنظمة تبقى قابلة للمراقبة في الإنتاج.
Planning and Task Breakdown
تفكيك المواصفات لمهام صغيرة قابلة للتحقق مع معايير قبول صريحة.
Security and Hardening
منع ثغرات فئة OWASP وتدقيق الاعتماديات لتحصين التطبيقات ضد الهجمات.
Spec-Driven Development
كتابة PRDs بتغطي الأهداف والهيكل والحدود قبل كتابة أي كود.
Test-Driven Development
دورة Red-Green-Refactor مع انضباط هرم الاختبار لبناء الفيتشرات بالاختبار الأول.
Content Research Writer
إنتاج كتابة طويلة عالية الجودة مدعومة ببحث ومصادر واستشهادات صحيحة.
CSV Data Summarizer
تحليل وتلخيص ملفات CSV أوتوماتيك — إحصائيات وتوزيعات ورؤى رئيسية بنظرة سريعة.
Jira Automation
إدارة قضايا Jira واللوحات والـ sprints — عمل وتحديث واستعلام عناصر العمل برمجياً.
Lead Research Assistant
تحديد وتأهيل الليدز المبيعية ببحث أوتوماتيك وإثراء وترتيب بالأولوية.
Meeting Insights Analyzer
تحليل نصوص الاجتماعات لأنماط السلوك والقرارات والمهام والرؤى في التواصل.
Notion Automation
أتمتة صفحات Notion وقواعد البيانات والـ blocks — عمل وتحديث وبحث محتوى الـ workspace المنظّم.
Postgres
تنفيذ استعلامات SQL للقراءة فقط على PostgreSQL بأمان للتحليلات واستكشاف البيانات.
Recursive Research
إجراء بحث متعدد المستويات عبر المجالات، بالتعمّق التكراري في المواضيع الفرعية لتوليف عميق.
Cloudflare Skills
سكيلز Cloudflare الرسمية للـ Workers وPages وDurable Objects وخدمات الإيميل وتدقيق الأداء.
Netlify Skills
سكيلز Netlify الرسمية للـ serverless functions والـ edge functions وإدارة قواعد البيانات والنشر.
Sentry Skills
سكيلز Sentry الرسمية لإعداد الـ SDK عبر +25 منصة مع تتبّع الأخطاء والمراقبة.
Trail of Bits Security Skills
فحص الثغرات وتدقيق العقود وتحليل CodeQL/Semgrep والاختبار المبني على الخصائص من Trail of Bits.
ffuf Web Fuzzing
fuzzing ويب موجّه واكتشاف محتوى بالـ ffuf، مع دعم للاختبار المصادَق عليه.
12 Principles of Animation
مراجعة كود الحركة على مبادئ Disney الـ 12 المعدّلة للويب، وإخراج ملاحظات بصيغة file:line.
Animation on Scroll
عمل triggers للكشف مع الـ scroll باستخدام IntersectionObserver مع كلاسات وkeyframes ودودة للـ Tailwind.
Animation Vocabulary
قاموس بحث عكسي بيحوّل وصف مبهم لإفكت حركة لمصطلحه الدقيق علشان تـ prompt الـ AI أو المصممين.
Fixing Accessibility
تدقيق وإصلاح سهولة الوصول في الـ HTML — لابلات الـ ARIA والتنقل بالكيبورد وإدارة الـ focus وتباين الألوان وأخطاء الفورم.
Fixing Motion Performance
تدقيق وإصلاح الحركات المتقطّعة — الـ layout thrashing والخصائص غير الـ compositor والحركة المربوطة بالـ scroll والـ blur المكلف.
GSAP ScrollTrigger Storytelling
بناء سرد منتج سينمائي ثابت بالـ GSAP ScrollTrigger مع كشف تدريجي للـ UI وحركة متزامنة مع الـ scroll.
Improve Animations
مسح حركة الكود ككل كمستشار كبير وإنتاج تدقيق مرتّب بالأولوية وخطط تنفيذ — تخطيط للقراءة بس.
Marquee Loop
تطبيق loops لا نهائية سلسة (marquee) بتكرار العناصر لصفوف تمرير مستمر ناعمة.
Masked Reveal
عمل كشف نصي متدرّج كلمة كلمة بماسك مع الـ scroll باستخدام GSAP ScrollTrigger للعناوين ونصوص الـ hero.
Matter.js
تنفيذ تفاعلات فيزياء 2D بالـ Matter.js — إعداد الـ engine/world والـ bodies والـ constraints ومشاهد canvas مريحة مع الـ scroll.
Playwright CLI
أتمتة تفاعلات الـ browser واختبار صفحات الويب والشغل مع اختبارات Playwright الـ end-to-end.
pnpm
إدارة الاعتماديات والـ workspaces بالـ pnpm — الـ catalogs والـ patches والـ overrides والـ store الافتراضي العام.
Progressive Blur
عمل blur تدريجي بالـ CSS بطبقات backdrop-filter متراكبة بماسكات للعمق والنعومة عند حافة الشاشة.
React Doctor
فحص وفرز وتنظيف تشخيصات React — الـ lint وسهولة الوصول وحجم الـ bundle والهندسة — قبل الـ commit.
Text to Lottie
عمل وتعديل وإصلاح حركات Lottie/Bodymovin بصيغة JSON — لودرات وأيقونات وتفاعلات صغيرة وتحريك SVG/لوجو/خط.
Three.js Animation
تحريك مشاهد الـ 3D — الـ keyframe والـ skeletal animation والـ morph targets ومزج الحركات والحركة الإجرائية في Three.js.
Vitest
كتابة وتشغيل اختبارات وحدة سريعة بالـ Vitest — الـ mocking والـ coverage وفلترة الاختبارات والـ fixtures بـ API متوافق مع Jest.
iOS Simulator Skill
أتمتة واختبار تطبيقات iOS في الـ iOS Simulator — تشغيل وتحريك والتحقق من سلوك التطبيق برمجياً.
D3.js Visualizations
بناء تصورات بيانات مخصصة بالـ D3.js — charts وgraphs وتحليلات بصرية تفاعلية.