learn.aiPRO
قتيبة محمد
learn.ai // قتيبة محمد

تعلّم كيف تستخدم الذكاء الاصطناعي بذكاء

انتقل من مرحلة كتابة أسئلة عشوائية في الشات إلى العمل بنظام هندسي متكامل يربط طلبك بمعمارية المشروع، القواعد الصارمة، والأدوات الحقيقية.

claude-code — learn.ai session
BASHONLINE
$ claude-code "إصلاح مشكلة استعلامات N+1 في طلبات المستخدمين"
▶ قراءة سياق المشروع: prisma/schema.prisma
✔ تم التعرف على جدول Users و Orders
▶ تطبيق قاعدة الكود: استعلام تجميعي واحد (Batch Query)
✔ تم تعديل الملف: src/services/order.service.ts (+6 lines)
⚡ النتيجة: انخفض وقت التنفيذ من 240ms إلى 12ms فقط!
الفصل 01 // هندسة الأوامر

تعلّم هندسة الأوامر

اختر الركائز من القائمة على اليمين، وشاهد كيف يتعدل الطلب باللون الأخضر وينعكس رد الذكاء الاصطناعي في الشات فوراً.

عناصر صياغة الطلب (تعديل حي)انقر لتغيير الرسالة فوراً
1. الدور (Role):
2. السياق (Context):
3. المطلوب (Task):
4. صيغة الرد (Format):
هل أعجبك هذا الطلب؟ يمكنك نسخه واستخدامه فوراً:
محادثة تفاعلية حية (ChatGPT Simulator)النموذج النشط: Claude 3.7 / GPT-4o
READY
طلبك أنت (المدخلات المباشرة):● الأجزاء الخضراء تتغير باختياراتك

بصفتك مهندس نظم وخلفية أول (Senior Systems Architect)في مشروع مبني بتقنيات Next.js 15 و PostgreSQL و Prisma،استبدل حلقة التكرار التي تسبب N+1 Query باستعلام مجمع واحد WHERE user_id = ANY($1).أعطني شرحاً تحليلياً دقيقاً ومباشراً للمشكلة والحل.

رد الذكاء الاصطناعي (المحاكاة الفعلية):رد مكتمل
💡 لاحظ الفارق: غيّر الدور إلى (مربي أطفال) أو الصيغة إلى (كود فقط) لتشاهد كيف ينقلب الرد لحظياً!
الفصل 02 // TOOLS

أدوات البرمجة بالذكاء الاصطناعي

هناك فرق بين أدوات تقترح عليك داخل المحرر، وأدوات وكيل (Agent) تقرأ المشروع كامل وتشغل أوامر الطرفية بنفسها.

Cursor

محرر ذكي متكامل

محرر كود مبني حول الذكاء الاصطناعي، يحلل مستودعك بالكامل ويطبق التعديلات عبر ملفات متعددة بضغطة زر.

التشغيل:Cmd + K // Composer

Claude Code

وكيل طرفية مستقل (CLI)

وكيل ذكي فائق القوة من سطر الأوامر؛ يقرأ شجرة الملفات، يشغل الاختبارات ويصلح الأخطاء ذاتياً في بيئتك.

التشغيل:claude-code

OpenAI Codex

وكيل سطر الأوامر

يترجم الأوامر اللغوية إلى تنفيذ فعلي في الكود، ويفحص التبعيات ويصلح المشاكل البرمجية المحددة بدقة.

التشغيل:codex --solve

Gemini CLI

سياق ضخم لمشاريع جوجل

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

التشغيل:gemini run

Windsurf / Zed

محرر فائق السرعة

بيئات تطوير عصرية تركز على تدفق الـ AI مع سرعة استجابة فائقة وتفاعل سلس أثناء كتابة الدوال.

التشغيل:Inline Cascade

Replit Agent

بيئة سحابية فورية

محرر سحابي يبني مشاريع كاملة وقواعد بيانات ويطلقها مباشرة على الإنترنت بدون أي تثبيت محلي على جهازك.

التشغيل:Cloud Deploy
الفصل 03 // CONTEXT

المعلومات اللي بتعطيها للذكاء الاصطناعي عن مشروعك

الذكاء الاصطناعي يحتاج مستندات حقيقية عن مشروعك (PRD, Architecture, Database, APIs) حتى يكتب كوداً يطابق نظامك بدون تخمين أو هلوسة.

شجرة ملفات المشروع (Context Files)6 مستندات
docs/PRD.md
MARKDOWN
# PRD: Google One-Tap Authentication
Status: Approved | Version: 1.2

## 1. المشكلة
المستخدمون يواجهون نسبة ارتداد 40% عند ملء نموذج التسجيل اليدوي.

## 2. الهدف
توفير تسجيل دخول بضغطة واحدة باستخدام حساب Google وتخزين البيانات فوراً.

## 3. معايير القبول (Acceptance Criteria)
- [x] إظهار زر "تسجيل الدخول باستخدام Google".
- [x] التحقق من صحة JWT Token من خوادم Google.
- [x] إذا كان المستخدم جديداً: إنشاء حساب بخطة مجانية (Free Tier).
- [x] توليد Session Token وإعادة التوجيه للوحة التحكم.
أثر هذا الملف على أداء الذكاء الاصطناعي:

الوكيل يقرأ معايير القبول والهدف، فيبني الميزة المطلوبة بالضبط دون ابتكار حلول لمشاكل غير موجودة.

الفصل 04 // RULES

القواعد الثابتة (AI Rules)

القاعدة بتكتبها مرة واحدة في جذر المشروع (.cursorrules أو CLAUDE.md)، ويلتزم بها دائماً بدل ما تعيد التذكير في كل طلب.

.cursorrules
RULES CONFIG
# Global Cursor AI Directives
- Strict TypeScript: Never use 'any'. Always define strict types.
- Architecture: Keep controllers thin. Put all business logic in services.
- Destructive Actions: Never delete files or drop DB tables without explicit confirmation.
- Output: Return only changed lines (Diff) to preserve context.
الفصل 05 // SKILLS

المهارات الجاهزة (AI Skills)

فكّر فيها متل دورات تخصصية بتضيفها للذكاء الاصطناعي ليصير خبير أكثر بمجال معين. اضغط على أي مهارة لنسخ كود الـ SKILL.md الخاص بها فوراً.

فحص الجودة (QA Testing)مفعلة

يكتشف سيناريوهات الحواف (Edge Cases) ويكتب اختبارات Unit و E2E للتحقق من صمود التطبيق.

الحماية والأمان (Security Auditor)

يدقق الثغرات الأمنية الشائعة (OWASP Top 10)، ويفحص تشفير الجلسات وصلاحيات الوصول.

تحسين السرعة (Performance)

يلاقي الاستعلامات البطيئة ومشاكل N+1 في قاعدة البيانات ويقترح حلول التخزين المؤقت (Caching).

محركات البحث (SEO)

يصمم بنية العناوين، الـ Open Graph، والـ Structured Data (JSON-LD) لتصدر نتائج جوجل.

تصميم الواجهة (UI/UX)

يهتم باتساق الخطوط والألوان وسهولة استخدام العناصر وتجاوبها مع كافة أحجام الشاشات.

مراجعة الكود (Code Review)

يراجع الكود قبل الدمج كمهندس خبير بفريقك للتأكد من نظافته ومطابقته لأفضل المعايير.

ملف المهارة المحدد: skills/qa-testing/SKILL.mdينسخ مباشرة في مجلد skills/ بمشروعك
skills/qa-testing/SKILL.md
SKILL SPEC
---
name: qa-testing
description: Senior QA Automation Engineer
---
# Role: Senior QA Engineer
When reviewing code or features:
1. Always identify missing edge cases (null inputs, expired tokens, network timeouts).
2. Generate comprehensive Jest / Vitest test suites.
3. Verify test coverage reaches at least 85%.
الفصل 06 // MCP

ربط الذكاء الاصطناعي بأدوات حقيقية (MCP)

بروتوكول سياق النموذج (Model Context Protocol) يتيح للوكيل فحص قواعد البيانات، وتصفح المتصفح، وقراءة تصاميم Figma بأمان.

figma-mcp-config.json
JSON
{
  "mcpServers": {
    "figma": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-figma"],
      "env": {
        "FIGMA_PERSONAL_ACCESS_TOKEN": "YOUR_FIGMA_TOKEN"
      }
    }
  }
}
متى تستخدم هذا الخادم؟

تحويل التصاميم من Figma إلى مكونات React/HTML دون الحاجة لنقل المقاسات والألوان يدوياً.

قراءة ملفات التصميماستخراج مكونات Figmaتوليد كود CSS/Tailwind متطابق
الفصل 07 // WORKFLOW

مسارات العمل الشاملة (End-to-End Workflows)

كيف تجمع الركائز السابقة في خط إنتاج برمجي حقيقي من فكرة الميزة حتى خروجها للإنتاج.

المرحلة 01

كتابة وثيقة المتطلبات (PRD)

الدور: Product Manager AI

تحديد معايير القبول الصارمة وحالات الحواف قبل كتابة أي سطر كود.

المدخلات (Inputs):فكرة مجردة عن الميزة المطلوبة
المخرجات المعتمدة (Outputs):docs/PRD.md متضمن معايير القبول
الأدوات النشطة في هذه المرحلة:
Claude CodeCursor
القيمة الهندسية لهذه المرحلة:

يمنع تشتت الوكيل وبناء واجهات غير مطلوبة تجارياً.