كيف تركّب أي Skill
كل Skill هي فولدر فيه ملف واحد اسمه SKILL.md. ما في install ولا packages — بتحط الملف و Claude بياخده لحاله.
١) اعمل فولدر الـ skills وفولدر المهارة macOS / Linux / Git Bash
# 1. اعمل فولدر الـ skills إذا مش موجود
mkdir -p ~/.claude/skills
# 2. اعمل فولدر للمهارة
cd ~/.claude/skills
mkdir code-review
cd code-review
# 3. اعمل ملف SKILL.md جواه، وفيه:
# - description بيقول لـ Claude إمتى يستخدم المهارة
# - الخطوات اللي لازم يمشي عليها
# وهيك خلصت. Claude بيلتقطها تلقائياً.
٢) شكل ملف SKILL.md — انسخه وعدّل الاسم والوصف:
---
name: code-review
description: راجع الكود ودوّر على bugs و security issues و performance problems.
استخدمها لما المستخدم يقول "راجع الكود" أو "دوّر على أخطاء" أو "افحص الأمان".
---
# Code Review
لما تراجع أي كود، امشي على هالمحاور بالترتيب:
## Security
- SQL injection، تسريب secrets، فجوات الـ auth
## Performance
- N+1 queries، re-renders غير ضرورية، memory leaks
## Correctness
- Race conditions، edge cases، error handling
## Maintainability
- تكرار، naming، complexity
لكل مشكلة: وضّح السطر، اشرح الخطر، واقترح البديل.
هاي الخمسة اللي شرحتها بالريل. كل وحدة بتسكّر فجوة حقيقية بشغل المبرمج.
MCP Builder
شو بيعمل: بتحط أي API documentation أو OpenAPI spec، وبيطلعلك MCP server شغال كامل. بدون أي setup يدوي.
ليش مهم: أي أداة بدك Claude يتحكم فيها بدها MCP server. بناء واحد بإيدك بياخد ساعات. هاي بتعمله بـ prompt واحد.
Playwright
شو بيعمل: Claude بيجرب تطبيقك جوا browser حقيقي — بيضغط الأزرار، بيعبي الـ forms، بيمشي كل الـ user flows، وبياخد screenshot لحظة ما يوقع اشي.
ليش مهم: معظم الـ bugs بتختبي بالفجوة بين «الكود بيشتغل» و«الـ user flow بيشتغل». هاي بتسكّر الفجوة تلقائياً.
Frontend Design
شو بيعمل: بيرفع الـ UI تبعك من «شكل AI عادي» لتصميم بمستوى production.
ليش مهم: مخرجات Claude الافتراضية بتطلع زي أي تطبيق مبني بالـ AI. هاي بتفرض عليه design tokens حقيقية، spacing system، typography hierarchy، و component patterns.
Code Review
شو بيعمل: بيدقق الـ codebase تبعك، وبيطلعلك الـ bugs والـ security issues ومشاكل الـ performance والأنماط السيئة.
| المحور | شو بيفحص |
|---|---|
| Security | Injection، تسريب secrets، فجوات الـ auth |
| Performance | N+1 queries، re-renders غير ضرورية، memory leaks |
| Correctness | Race conditions، edge cases، error handling |
| Maintainability | تكرار، naming، complexity |
Refactor
شو بيعمل: بياخد الأجزاء الفوضوية من الـ codebase وبيعيد كتابتها لكود نظيف و modular، بدون ما يغيّر السلوك.
الـ patterns اللي بيعرفها
- Extract function / extract module
- استبدال الـ conditionals بـ polymorphism
- Introduce parameter object
- تفكيك الـ god classes
- سحب الـ pure logic بعيد عن الكود المليان side effects
نفس الطريقة بالضبط: فولدر + SKILL.md + description واضح. ضيفهم وحدة وحدة.
Test Writer
بيكتب unit + integration tests لأي function أو module بتشاور عليها. بيولّد assertions حقيقية، مش expect(true).toBe(true).
ليش مهمة: الـ tests هي الجزء الممل بالشغل. هاي بتخلي Claude يعملها عنك، وبتغطي edge cases كنت رح تنساها.
Git Workflow
بيرتّب الـ git hygiene عندك — commit messages مفهومة، branch names نظيفة، و PR descriptions بتشرح التغيير فعلاً.
شو بيطلع
- Conventional commits (feat:، fix:، refactor:)
- PR description فيه summary و changes و testing notes
- Branch names مطابقة لرقم الـ issue
API Designer
بيصمم REST أو GraphQL API من requirements doc — endpoints، schemas، auth، versioning.
شو بتاخد
- OpenAPI 3.0 spec
- Resource naming بيتبع REST conventions
- Pagination و filtering و sorting patterns
- Error response shapes
Database Architect
بيصمم الـ schema والـ indexes والـ migrations. وبيمسك أخطاء الـ normalization قبل ما تكلفك بالـ production.
بيغطي
- Postgres، MySQL، SQLite، MongoDB
- Migration files (up + down)
- Index strategy مبنية على query patterns
- Foreign key relationships
Deployment
بيجهز الـ deploy pipeline تبعك. بيختار المنصة المناسبة، بيكتب الـ config، وبيطلق.
بيعرف: Vercel، Railway، Fly.io، AWS، Docker، أساسيات Kubernetes، GitHub Actions.
Documentation
بيكتب README و API docs و JSDoc/TSDoc بلغة ما بتحس إنها مكتوبة من robot.
شو بينكتب
- Install + quickstart
- أمثلة usage بتشتغل فعلاً
- API reference
- Troubleshooting section
Performance Optimizer
بيعمل profiling لتطبيقك، بيلاقي الـ bottleneck، وبيصلحه.
بيفحص
- Render bottlenecks (React، Vue)
- Bundle size
- Database query plans
- N+1 patterns
- إعادة حسابات غير ضرورية
Security Auditor
مسح OWASP Top 10 على الـ codebase. بيطلّع الـ vulnerabilities قبل ما تنشرها.
بيمسك
- SQL injection، XSS، CSRF
- Secrets مكشوفة بالكود أو الـ env
- Auth flows غير آمنة
- CORS مفتوح، وغياب rate limits
Type Safety
بيشيل الـ any من الـ codebase. وبيضيف TypeScript types حقيقية مكان الناقصة.
ليش مهمة: معظم مشاريع TS فيها 30% any. هاي بتسكّر الفجوة عشان الـ types تمسك الـ bugs فعلاً.
Error Handling
بيدقق الـ error handling عندك. وبيستبدل الـ try/catch الصامتة بـ recovery logic حقيقي و observability.
شو بيضيف
- Typed error classes
- Retry logic بـ exponential backoff
- Structured logging (عشان الأخطاء تكون قابلة للبحث بـ Sentry أو Datadog)
- رسائل خطأ للمستخدم مش «Something went wrong»
مش بأي مهارة لحالها — السحر لما تمشي ورا بعض على نفس المشروع.
كيف تركّبهم مع بعض
الـ workflow الحقيقي بيكون هيك:
| # | المهارة | الدور |
|---|---|---|
| 1 | API Designer | بيخطط الـ endpoints |
| 2 | Database Architect | بيصمم الـ schema |
| 3 | MCP Builder | بيلف الـ APIs لـ Claude |
| 4 | Frontend Design | بيبني الـ UI |
| 5 | Test Writer + Playwright | بيغطوا end-to-end |
| 6 | Code Review + Security Auditor | بيمسكوا المشاكل |
| 7 | Refactor + Performance Optimizer | بينضفوا |
| 8 | Documentation | بيكتب الـ README |
| 9 | Git Workflow + Deployment | بيطلقوا |
شو تعمل بعدين
- اختار مهارة وحدة من القائمة — مش الـ 15.
- حط ملف SKILL.md بـ ~/.claude/skills/<الاسم>/.
- استخدمها على مشروعك الحالي الليلة.
- لما تظبط معك، ضيف اللي بعدها.
روابط مفيدة
بدك تفهم الـ Skills من الصفر وتعرف شو تنزّل وشو تتجنّب؟ شوف دليل الـ Skills بـ Claude Code.