مع تطور أنظمة الذكاء الاصطناعي من الإجابة البسيطة على الأسئلة إلى تنفيذ المهام بشكل مستقل، يصبح فهم **الوكلاء** و**المهارات** أمراً ضرورياً. يستكشف هذا الفصل كيف تُشكّل التعليمات البرمجية اللبنات الأساسية لوكلاء الذكاء الاصطناعي، وكيف تُجمّع المهارات الخبرات في مجموعات تعليمات شاملة قابلة لإعادة الاستخدام.

<div className="my-8 p-6 bg-muted/20 rounded-xl border">
  <div className="flex flex-col items-center gap-6">
    <div className="text-center">
      <div className="inline-flex items-center justify-center w-20 h-20 rounded-full bg-blue-100 dark:bg-blue-900/50 border-2 border-blue-300 dark:border-blue-700">
        <IconSettings className="w-10 h-10 text-blue-600 dark:text-blue-400" />
      </div>
      <p className="font-semibold mt-2 m-0!">الوكيل</p>
      <p className="text-xs text-muted-foreground m-0!">نظام ذكاء اصطناعي مستقل</p>
    </div>
    <div className="flex items-center gap-2 text-muted-foreground text-sm">
      <span>مدعوم بـ</span>
      <span>↓</span>
    </div>
    <div className="flex flex-wrap justify-center gap-4">
      <div className="text-center">
        <div className="inline-flex items-center justify-center w-16 h-16 rounded-lg bg-purple-100 dark:bg-purple-900/50 border-2 border-purple-300 dark:border-purple-700">
          <IconStar className="w-8 h-8 text-purple-600 dark:text-purple-400" />
        </div>
        <p className="font-medium text-sm mt-2 m-0!">مهارة</p>
        <p className="text-xs text-muted-foreground m-0!">خبرة قابلة لإعادة الاستخدام</p>
      </div>
      <div className="text-center">
        <div className="inline-flex items-center justify-center w-16 h-16 rounded-lg bg-purple-100 dark:bg-purple-900/50 border-2 border-purple-300 dark:border-purple-700">
          <IconStar className="w-8 h-8 text-purple-600 dark:text-purple-400" />
        </div>
        <p className="font-medium text-sm mt-2 m-0!">مهارة</p>
        <p className="text-xs text-muted-foreground m-0!">خبرة قابلة لإعادة الاستخدام</p>
      </div>
      <div className="text-center">
        <div className="inline-flex items-center justify-center w-16 h-16 rounded-lg bg-purple-100 dark:bg-purple-900/50 border-2 border-purple-300 dark:border-purple-700">
          <IconStar className="w-8 h-8 text-purple-600 dark:text-purple-400" />
        </div>
        <p className="font-medium text-sm mt-2 m-0!">مهارة</p>
        <p className="text-xs text-muted-foreground m-0!">خبرة قابلة لإعادة الاستخدام</p>
      </div>
    </div>
    <div className="flex items-center gap-2 text-muted-foreground text-sm">
      <span>تتكون من</span>
      <span>↓</span>
    </div>
    <div className="flex flex-wrap justify-center gap-2">
      <div className="px-3 py-2 rounded bg-amber-100 dark:bg-amber-900/50 border border-amber-300 dark:border-amber-700 flex items-center gap-1">
        <IconClipboard className="w-3 h-3 text-amber-600 dark:text-amber-400" />
        <span className="text-xs font-medium">تعليمة</span>
      </div>
      <div className="px-3 py-2 rounded bg-amber-100 dark:bg-amber-900/50 border border-amber-300 dark:border-amber-700 flex items-center gap-1">
        <IconClipboard className="w-3 h-3 text-amber-600 dark:text-amber-400" />
        <span className="text-xs font-medium">تعليمة</span>
      </div>
      <div className="px-3 py-2 rounded bg-amber-100 dark:bg-amber-900/50 border border-amber-300 dark:border-amber-700 flex items-center gap-1">
        <IconClipboard className="w-3 h-3 text-amber-600 dark:text-amber-400" />
        <span className="text-xs font-medium">تعليمة</span>
      </div>
      <div className="px-3 py-2 rounded bg-amber-100 dark:bg-amber-900/50 border border-amber-300 dark:border-amber-700 flex items-center gap-1">
        <IconClipboard className="w-3 h-3 text-amber-600 dark:text-amber-400" />
        <span className="text-xs font-medium">تعليمة</span>
      </div>
      <div className="px-3 py-2 rounded bg-amber-100 dark:bg-amber-900/50 border border-amber-300 dark:border-amber-700 flex items-center gap-1">
        <IconClipboard className="w-3 h-3 text-amber-600 dark:text-amber-400" />
        <span className="text-xs font-medium">تعليمة</span>
      </div>
    </div>
    <p className="text-xs text-muted-foreground text-center m-0! mt-2">التعليمات هي الذرات ← المهارات هي الجزيئات ← الوكلاء هم الهياكل المكتملة</p>
  </div>
</div>

## ما هي وكلاء الذكاء الاصطناعي؟

**وكيل الذكاء الاصطناعي** هو نظام ذكاء اصطناعي يمكنه التخطيط والتنفيذ والتكرار على المهام بشكل مستقل. على عكس التفاعلات البسيطة للتعليمة والاستجابة، يمكن للوكلاء:

- **التخطيط** - تقسيم الأهداف المعقدة إلى خطوات قابلة للتنفيذ
- **التنفيذ** - استخدام الأدوات واتخاذ إجراءات في العالم الحقيقي
- **الملاحظة** - معالجة التغذية الراجعة من إجراءاتهم
- **التكيف** - تعديل نهجهم بناءً على النتائج
- **الاستمرارية** - الحفاظ على السياق والذاكرة عبر التفاعلات

<div className="my-6 flex items-center justify-center p-6 bg-muted/30 rounded-lg">
  <div className="relative">
    <div className="flex items-center gap-3">
      <div className="px-4 py-3 bg-blue-100 dark:bg-blue-900/50 border border-blue-200 dark:border-blue-800 rounded-lg text-center text-sm">
        <p className="font-medium text-blue-700 dark:text-blue-300 m-0!">الهدف</p>
      </div>
      <div className="text-muted-foreground">→</div>
      <div className="flex flex-col items-center gap-2">
        <div className="flex items-center gap-2 px-4 py-3 bg-muted/50 border border-dashed rounded-lg">
          <div className="px-3 py-2 bg-purple-100 dark:bg-purple-900/50 border border-purple-200 dark:border-purple-800 rounded text-center text-sm">
            <p className="font-medium text-purple-700 dark:text-purple-300 m-0!">تخطيط</p>
          </div>
          <div className="text-muted-foreground">→</div>
          <div className="px-3 py-2 bg-amber-100 dark:bg-amber-900/50 border border-amber-200 dark:border-amber-800 rounded text-center text-sm">
            <p className="font-medium text-amber-700 dark:text-amber-300 m-0!">تنفيذ</p>
          </div>
          <div className="text-muted-foreground">→</div>
          <div className="px-3 py-2 bg-teal-100 dark:bg-teal-900/50 border border-teal-200 dark:border-teal-800 rounded text-center text-sm">
            <p className="font-medium text-teal-700 dark:text-teal-300 m-0!">ملاحظة</p>
          </div>
          <div className="text-muted-foreground">→</div>
          <div className="px-3 py-2 bg-rose-100 dark:bg-rose-900/50 border border-rose-200 dark:border-rose-800 rounded text-center text-sm">
            <p className="font-medium text-rose-700 dark:text-rose-300 m-0!">تكيف</p>
          </div>
        </div>
        <div className="text-xs text-muted-foreground flex items-center gap-1">
          <span>↺</span> تكرار حتى الاكتمال
        </div>
      </div>
      <div className="text-muted-foreground">→</div>
      <div className="px-4 py-3 bg-green-100 dark:bg-green-900/50 border border-green-200 dark:border-green-800 rounded-lg text-center text-sm">
        <p className="font-medium text-green-700 dark:text-green-300 m-0!">انتهى</p>
      </div>
    </div>
  </div>
</div>

## التعليمات كلبنات بناء

كل وكيل، مهما كان متطوراً، مبني من التعليمات. تماماً كما تتحد الذرات لتشكيل الجزيئات، والجزيئات تتحد لتشكيل هياكل معقدة، تتحد التعليمات لإنشاء سلوك وكيل ذكي.

<div className="my-6 grid md:grid-cols-4 gap-3 text-center text-sm">
  <div className="border rounded-lg p-4 bg-blue-50/50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-900">
    <p className="font-semibold text-blue-700 dark:text-blue-300 m-0!">تعليمات النظام</p>
    <p className="text-xs text-blue-600 dark:text-blue-400 m-0! mt-1">الهوية والدور</p>
  </div>
  <div className="border rounded-lg p-4 bg-purple-50/50 dark:bg-purple-950/20 border-purple-200 dark:border-purple-900">
    <p className="font-semibold text-purple-700 dark:text-purple-300 m-0!">تعليمات التخطيط</p>
    <p className="text-xs text-purple-600 dark:text-purple-400 m-0! mt-1">كيفية التفكير</p>
  </div>
  <div className="border rounded-lg p-4 bg-amber-50/50 dark:bg-amber-950/20 border-amber-200 dark:border-amber-900">
    <p className="font-semibold text-amber-700 dark:text-amber-300 m-0!">تعليمات الأدوات</p>
    <p className="text-xs text-amber-600 dark:text-amber-400 m-0! mt-1">كيفية التصرف</p>
  </div>
  <div className="border rounded-lg p-4 bg-rose-50/50 dark:bg-rose-950/20 border-rose-200 dark:border-rose-900">
    <p className="font-semibold text-rose-700 dark:text-rose-300 m-0!">تعليمات التعافي</p>
    <p className="text-xs text-rose-600 dark:text-rose-400 m-0! mt-1">كيفية التعافي</p>
  </div>
</div>

تتراكم أنواع التعليمات هذه معاً لتشكيل سلوك الوكيل الكامل:

### تعليمات النظام (هوية الوكيل)

التعليمة التأسيسية التي تحدد من هو الوكيل وكيف يتصرف:

```markdown
You are a code review assistant. Your role is to:
- Analyze code for bugs, security issues, and performance problems
- Suggest improvements following best practices
- Explain your reasoning clearly
- Be constructive and educational in feedback

You have access to tools for reading files, searching code, and running tests.
```

### تعليمات التخطيط (كيفية التفكير)

التعليمات التي توجه عملية التفكير والتخطيط لدى الوكيل:

```markdown
Before taking action, always:
1. Understand the complete request
2. Break it into smaller, verifiable steps
3. Identify which tools you'll need
4. Consider edge cases and potential issues
5. Execute step by step, validating as you go
```

### تعليمات استخدام الأدوات (كيفية التصرف)

التوجيهات حول متى وكيف يتم استخدام الأدوات المتاحة:

```markdown
When you need to understand a codebase:
- Use grep_search for finding specific patterns
- Use read_file to examine file contents
- Use list_dir to explore directory structure
- Always verify your understanding before making changes
```

### تعليمات التعافي (كيفية التعامل مع الفشل)

التعليمات عندما تسوء الأمور:

```markdown
If an action fails:
1. Analyze the error message carefully
2. Consider alternative approaches
3. Ask for clarification if the task is ambiguous
4. Never repeat the same failed action without changes
```

<Callout type="info" title="مجموعة التعليمات">
ينشأ سلوك الوكيل من طبقات من التعليمات التي تعمل معاً. تضع تعليمة النظام الأساس، وتوجه تعليمات التخطيط التفكير، وتمكّن تعليمات الأدوات من التصرف، وتتعامل تعليمات التعافي مع الإخفاقات. معاً، تخلق سلوكاً متماسكاً وقادراً.
</Callout>

## ما هي المهارات؟

إذا كانت التعليمات هي الذرات، فإن **المهارات هي الجزيئات** — لبنات بناء قابلة لإعادة الاستخدام تمنح الوكلاء قدرات محددة.

**المهارة** هي حزمة شاملة ومحمولة من التعليمات التي تمنح وكيل الذكاء الاصطناعي خبرة في مجال أو مهمة معينة. المهارات هي الكتل القابلة لإعادة الاستخدام للوكلاء: تبنيها مرة واحدة، ويمكن لأي وكيل استخدامها.

<Callout type="tip" title="المهارات = كتل وكلاء قابلة لإعادة الاستخدام">
اكتب مهارة لمراجعة الكود مرة واحدة. الآن يمكن لكل وكيل برمجة — سواء كان لـ Python أو JavaScript أو Rust — أن يصبح فوراً خبيراً في مراجعة الكود عن طريق تحميل تلك المهارة. تتيح لك المهارات بناء قدرات الوكلاء مثل مكعبات LEGO.
</Callout>

### تشريح المهارة

تتضمن المهارة المصممة جيداً عادةً:

<div className="my-6 grid md:grid-cols-2 gap-4">
  <div className="border rounded-lg p-4 bg-muted/30">
    <p className="font-semibold text-sm m-0! mb-2">📄 SKILL.md (مطلوب)</p>
    <p className="text-sm text-muted-foreground m-0!">ملف التعليمات الرئيسي. يحتوي على الخبرة الأساسية والإرشادات والسلوكيات التي تحدد المهارة.</p>
  </div>
  <div className="border rounded-lg p-4 bg-muted/30">
    <p className="font-semibold text-sm m-0! mb-2">📚 مستندات مرجعية</p>
    <p className="text-sm text-muted-foreground m-0!">وثائق داعمة وأمثلة وسياق يمكن للوكيل الرجوع إليه أثناء العمل.</p>
  </div>
  <div className="border rounded-lg p-4 bg-muted/30">
    <p className="font-semibold text-sm m-0! mb-2">🔧 نصوص برمجية وأدوات</p>
    <p className="text-sm text-muted-foreground m-0!">نصوص مساعدة وقوالب أو تكوينات أدوات تدعم وظائف المهارة.</p>
  </div>
  <div className="border rounded-lg p-4 bg-muted/30">
    <p className="font-semibold text-sm m-0! mb-2">⚙️ التكوين</p>
    <p className="text-sm text-muted-foreground m-0!">إعدادات ومعلمات وخيارات تخصيص لتكييف المهارة مع سياقات مختلفة.</p>
  </div>
</div>

### مثال: مهارة مراجعة الكود

إليك كيف قد تبدو مهارة مراجعة الكود:

<div className="my-6 border rounded-lg overflow-hidden bg-muted/20">
  <div className="px-3 py-2 bg-muted/50 border-b flex items-center gap-2">
    <span className="text-sm">📁</span>
    <span className="text-sm font-medium">code-review-skill/</span>
  </div>
  <div className="p-3 space-y-1 text-sm font-mono">
    <div className="flex items-center gap-2 px-2 py-1 rounded hover:bg-muted/50">
      <span>📄</span>
      <span className="font-medium">SKILL.md</span>
      <span className="text-muted-foreground text-xs ml-auto">إرشادات المراجعة الأساسية</span>
    </div>
    <div className="flex items-center gap-2 px-2 py-1 rounded hover:bg-muted/50">
      <span>📄</span>
      <span>security-checklist.md</span>
      <span className="text-muted-foreground text-xs ml-auto">أنماط الأمان</span>
    </div>
    <div className="flex items-center gap-2 px-2 py-1 rounded hover:bg-muted/50">
      <span>📄</span>
      <span>performance-tips.md</span>
      <span className="text-muted-foreground text-xs ml-auto">دليل التحسين</span>
    </div>
    <div className="mt-2 border-t pt-2">
      <div className="flex items-center gap-2 px-2 py-1">
        <span>📁</span>
        <span className="font-medium">language-specific/</span>
      </div>
      <div className="ml-6 space-y-1">
        <div className="flex items-center gap-2 px-2 py-1 rounded hover:bg-muted/50">
          <span>📄</span>
          <span>python.md</span>
          <span className="text-muted-foreground text-xs ml-auto">أفضل ممارسات Python</span>
        </div>
        <div className="flex items-center gap-2 px-2 py-1 rounded hover:bg-muted/50">
          <span>📄</span>
          <span>javascript.md</span>
          <span className="text-muted-foreground text-xs ml-auto">أنماط JavaScript</span>
        </div>
        <div className="flex items-center gap-2 px-2 py-1 rounded hover:bg-muted/50">
          <span>📄</span>
          <span>rust.md</span>
          <span className="text-muted-foreground text-xs ml-auto">إرشادات Rust</span>
        </div>
      </div>
    </div>
  </div>
</div>

يحدد ملف `SKILL.md` النهج العام:

```markdown
---
name: code-review
description: Comprehensive code review with security, performance, and style analysis
---

# Code Review Skill

You are an expert code reviewer. When reviewing code:

## Process
1. **Understand Context** - What does this code do? What problem does it solve?
2. **Check Correctness** - Does it work? Are there logic errors?
3. **Security Scan** - Reference security-checklist.md for common vulnerabilities
4. **Performance Review** - Check performance-tips.md for optimization opportunities
5. **Style & Maintainability** - Is the code readable and maintainable?

## Output Format
Provide feedback in categories:
- 🔴 **Critical** - Must fix before merge
- 🟡 **Suggested** - Recommended improvements
- 🟢 **Nice to have** - Optional enhancements

Always explain *why* something is an issue, not just *what* is wrong.
```

## المهارات مقابل التعليمات البسيطة

<div className="my-6 grid md:grid-cols-2 gap-4">
  <div className="border rounded-lg bg-muted/30">
    <p className="text-sm font-semibold px-4 pt-3 m-0!">التعليمة البسيطة</p>
    <div className="text-sm p-4 pt-2 space-y-2">
      <p className="m-0!">تعليمة واحدة</p>
      <p className="m-0!">استخدام لمرة واحدة</p>
      <p className="m-0!">سياق محدود</p>
      <p className="m-0!">نهج عام</p>
      <p className="m-0!">بدون مواد داعمة</p>
    </div>
  </div>
  <div className="border rounded-lg bg-primary/5 border-primary/20">
    <p className="text-sm font-semibold px-4 pt-3 m-0!">المهارة</p>
    <div className="text-sm p-4 pt-2 space-y-2">
      <p className="m-0!">مجموعة تعليمات شاملة</p>
      <p className="m-0!">قابلة لإعادة الاستخدام عبر المشاريع</p>
      <p className="m-0!">سياق غني مع مراجع</p>
      <p className="m-0!">خبرة متخصصة في المجال</p>
      <p className="m-0!">مستندات ونصوص وتكوينات داعمة</p>
    </div>
  </div>
</div>

## بناء مهارات فعالة

### 1. حدد الخبرة بوضوح

ابدأ بوصف واضح لما تمكّنه المهارة:

```markdown
---
name: api-design
description: Design RESTful APIs following industry best practices, 
  including versioning, error handling, and documentation standards
---
```

### 2. نظّم المعرفة بشكل هرمي

نظّم المعلومات من العام إلى الخاص:

```markdown
# API Design Skill

## Core Principles
- Resources should be nouns, not verbs
- Use HTTP methods semantically
- Version your APIs from day one

## Detailed Guidelines
[More specific rules...]

## Reference Materials
- See `rest-conventions.md` for naming conventions
- See `error-codes.md` for standard error responses
```

### 3. أدرج أمثلة ملموسة

تصبح القواعد المجردة واضحة مع الأمثلة:

```markdown
## Endpoint Naming

✅ Good:
- GET /users/{id}
- POST /orders
- DELETE /products/{id}/reviews/{reviewId}

❌ Avoid:
- GET /getUser
- POST /createNewOrder
- DELETE /removeProductReview
```

### 4. قدم أطر اتخاذ القرار

ساعد الوكيل على اتخاذ الخيارات في المواقف الغامضة:

```markdown
## When to Use Pagination

Use pagination when:
- Collection could exceed 100 items
- Response size impacts performance
- Client may not need all items

Use full response when:
- Collection is always small (<20 items)
- Client typically needs everything
- Real-time consistency is critical
```

### 5. أضف أنماط التعافي

توقع ما يمكن أن يسوء:

```markdown
## Common Issues

**Problem**: Client needs fields not in standard response
**Solution**: Implement field selection: GET /users?fields=id,name,email

**Problem**: Breaking changes needed
**Solution**: Create new version, deprecate old with timeline
```

## تركيب المهارات

تصبح الوكلاء قوية عندما تعمل مهارات متعددة معاً. فكر في كيف يمكن للمهارات أن تكمل بعضها البعض:

<div className="my-6 flex flex-wrap items-center justify-center gap-4 p-6 bg-muted/30 rounded-lg">
  <div className="px-4 py-2 bg-blue-100 dark:bg-blue-900/50 border border-blue-200 dark:border-blue-800 rounded-lg text-sm font-medium text-blue-700 dark:text-blue-300">
    مراجعة الكود
  </div>
  <div className="text-xl">+</div>
  <div className="px-4 py-2 bg-purple-100 dark:bg-purple-900/50 border border-purple-200 dark:border-purple-800 rounded-lg text-sm font-medium text-purple-700 dark:text-purple-300">
    تدقيق الأمان
  </div>
  <div className="text-xl">+</div>
  <div className="px-4 py-2 bg-green-100 dark:bg-green-900/50 border border-green-200 dark:border-green-800 rounded-lg text-sm font-medium text-green-700 dark:text-green-300">
    التوثيق
  </div>
  <div className="text-xl">=</div>
  <div className="px-4 py-2 bg-amber-100 dark:bg-amber-900/50 border border-amber-200 dark:border-amber-800 rounded-lg text-sm font-medium text-amber-700 dark:text-amber-300">
    وكيل جودة كود كامل
  </div>
</div>

عند تركيب المهارات، تأكد من أنها لا تتعارض. يجب أن تكون المهارات:

- **نمطية** - كل مهارة تتعامل مع مجال واحد بشكل جيد
- **متوافقة** - يجب ألا تعطي المهارات تعليمات متناقضة
- **مرتبة حسب الأولوية** - عندما تتداخل المهارات، حدد أيها تأخذ الأسبقية

## مشاركة واكتشاف المهارات

تكون المهارات أكثر قيمة عند مشاركتها. تتيح لك منصات مثل [prompts.chat](https://prompts.chat/skills):

- **اكتشاف** مهارات أنشأها المجتمع للمهام الشائعة
- **تنزيل** المهارات مباشرة إلى مشاريعك
- **مشاركة** خبرتك الخاصة كمهارات قابلة لإعادة الاستخدام
- **التكرار** على المهارات بناءً على الاستخدام الفعلي

<Callout type="tip" title="ابدأ بمهارات المجتمع">
قبل بناء مهارة من الصفر، تحقق مما إذا كان شخص ما قد حل مشكلتك بالفعل. مهارات المجتمع مختبرة وغالباً ما تكون أفضل من البدء من الصفر.
</Callout>

## النظام البيئي للوكلاء والمهارات

تخلق العلاقة بين الوكلاء والمهارات نظاماً بيئياً قوياً:

<div className="my-6 p-6 bg-muted/30 rounded-lg border">
  <div className="text-center mb-4">
    <span className="text-sm font-semibold text-muted-foreground">وكيل الذكاء الاصطناعي</span>
  </div>
  <div className="flex flex-wrap justify-center gap-3 mb-4">
    <div className="px-4 py-3 bg-blue-100 dark:bg-blue-900/50 border border-blue-200 dark:border-blue-800 rounded-lg text-center">
      <p className="font-medium text-blue-700 dark:text-blue-300 text-sm m-0!">مراجعة الكود</p>
      <p className="text-xs text-blue-600 dark:text-blue-400 m-0!">مهارة 1</p>
    </div>
    <div className="px-4 py-3 bg-purple-100 dark:bg-purple-900/50 border border-purple-200 dark:border-purple-800 rounded-lg text-center">
      <p className="font-medium text-purple-700 dark:text-purple-300 text-sm m-0!">تصميم API</p>
      <p className="text-xs text-purple-600 dark:text-purple-400 m-0!">مهارة 2</p>
    </div>
    <div className="px-4 py-3 bg-teal-100 dark:bg-teal-900/50 border border-teal-200 dark:border-teal-800 rounded-lg text-center">
      <p className="font-medium text-teal-700 dark:text-teal-300 text-sm m-0!">كتابة الاختبارات</p>
      <p className="text-xs text-teal-600 dark:text-teal-400 m-0!">مهارة 3</p>
    </div>
  </div>
  <div className="flex justify-center mb-3">
    <div className="text-muted-foreground">↓</div>
  </div>
  <div className="flex justify-center">
    <div className="px-6 py-4 bg-amber-100 dark:bg-amber-900/50 border border-amber-200 dark:border-amber-800 rounded-lg text-center">
      <p className="font-semibold text-amber-700 dark:text-amber-300 text-sm m-0!">التعليمات الأساسية</p>
      <p className="text-xs text-amber-600 dark:text-amber-400 m-0!">التخطيط • الأدوات • التعافي • الذاكرة</p>
    </div>
  </div>
</div>

يوفر الوكيل إطار التنفيذ — التخطيط واستخدام الأدوات والذاكرة — بينما توفر المهارات خبرة المجال. هذا الفصل يعني:

- **المهارات قابلة للنقل** - نفس المهارة تعمل مع وكلاء مختلفين
- **الوكلاء قابلة للتوسيع** - أضف قدرات جديدة بإضافة مهارات
- **الخبرة قابلة للمشاركة** - يمكن لخبراء المجال المساهمة بالمهارات دون بناء وكلاء كاملين

## أفضل الممارسات

### لبناء المهارات

1. **ابدأ محدداً، ثم عمّم** - ابنِ مهارة لحالة استخدامك الدقيقة أولاً، ثم جردها
2. **أدرج حالات الفشل** - وثّق ما لا تستطيع المهارة فعله وكيفية التعامل معه
3. **أنشئ إصدارات لمهاراتك** - تتبع التغييرات حتى يتمكن الوكلاء من الاعتماد على إصدارات مستقرة
4. **اختبر مع مهام حقيقية** - تحقق من صحة المهارات مقابل العمل الفعلي، وليس النظرية فقط

### لاستخدام المهارات مع الوكلاء

1. **اقرأ المهارة أولاً** - افهم ما تفعله المهارة قبل نشرها
2. **خصص بعناية** - تجاوز الإعدادات الافتراضية للمهارة فقط عند الضرورة
3. **راقب الأداء** - تتبع مدى جودة أداء المهارات في سياقك
4. **ساهم بالتحسينات** - عندما تحسن مهارة، فكر في مشاركتها مرة أخرى

<Callout type="info" title="المستقبل قابل للتركيب">
مع ازدياد قدرة وكلاء الذكاء الاصطناعي، ستصبح القدرة على تركيب المهارات ومشاركتها وتخصيصها كفاءة أساسية. لن يكتب مهندسو التعليمات في المستقبل تعليمات فحسب — بل سيصممون أنظمة بيئية للمهارات تجعل وكلاء الذكاء الاصطناعي خبراء حقيقيين في مجالات محددة.
</Callout>

<Quiz 
  question="ما هو الفرق الرئيسي بين التعليمة البسيطة والمهارة؟"
  options={[
    "المهارات أطول من التعليمات",
    "المهارات هي حزم متعددة الملفات قابلة لإعادة الاستخدام تمنح الوكلاء خبرة في المجال",
    "المهارات تعمل فقط مع نماذج ذكاء اصطناعي محددة",
    "المهارات لا تتطلب أي تعليمات"
  ]}
  correctIndex={1}
  explanation="المهارات هي حزم شاملة ومحمولة تجمع بين تعليمات متعددة ومستندات مرجعية ونصوص برمجية وتكوينات. إنها لبنات بناء قابلة لإعادة الاستخدام يمكن إضافتها إلى أي وكيل لمنحه قدرات محددة."
/>

<Quiz 
  question="ما هي حلقة الوكيل؟"
  options={[
    "تقنية تصحيح أخطاء الذكاء الاصطناعي",
    "تخطيط ← تنفيذ ← ملاحظة ← تكيف، تتكرر حتى تحقيق الهدف",
    "طريقة لربط تعليمات متعددة معاً",
    "أسلوب لتدريب نماذج ذكاء اصطناعي جديدة"
  ]}
  correctIndex={1}
  explanation="يعمل وكلاء الذكاء الاصطناعي في حلقة مستمرة: يخططون لكيفية التعامل مع مهمة، وينفذون الإجراءات، ويلاحظون النتائج، ويكيفون نهجهم بناءً على التغذية الراجعة — ويكررون حتى اكتمال الهدف."
/>

<Quiz 
  question="لماذا توصف المهارات بأنها 'كتل وكلاء قابلة لإعادة الاستخدام'؟"
  options={[
    "لأنها يمكن استخدامها مرة واحدة فقط",
    "لأنها مكتوبة بلغة برمجة كتلية",
    "لأن أي وكيل يمكنه تحميل مهارة للحصول على تلك القدرة فوراً",
    "لأن المهارات تحل محل الحاجة إلى الوكلاء"
  ]}
  correctIndex={2}
  explanation="المهارات هي حزم خبرة محمولة. اكتب مهارة مراجعة الكود مرة واحدة، ويمكن لأي وكيل برمجة أن يصبح خبيراً في مراجعة الكود عن طريق تحميل تلك المهارة — مثل مكعبات LEGO التي تنقر في أي هيكل."
/>
