حتى الآن كنّا نعمل بطريقة «المحادثة»: نطلب، فنأخذ كودًا، فننسخه. بيئة التطوير الوكيلية (Agentic IDE) نقلة كاملة: الذكاء الاصطناعي داخلها يرى كل ملفات مشروعك، ويعدّلها مباشرة، ويشغّل النتيجة ويراها بنفسه، ويتراجع عن قراراته إن أخطأ. أنت تدير، وهو ينفّذ.
وهذا يغيّر طبيعة الأمر نفسه: في المحادثة تطلب «اكتب لي»، وفي بيئة التطوير تطلب «نفّذ». وهذا ما سنتدرّب عليه عبر أربع مهام بصيغة عملاء حقيقيين، بكل غموضهم وفخاخهم.
أربعة مصطلحات قبل أن تفتح أي بيئة#
الوكيل
الذكاء الاصطناعي في وضع «العمل»: يخطّط، ويعدّل الملفات، ويشغّل الأوامر، ويكمل خطوات متتالية وحده. هذا ما يفرّق بيئة التطوير عن المحادثة.
السياق
ما «يراه» الذكاء الاصطناعي وهو يعمل: الملفات المفتوحة، والمشروع، وتعليماتك السابقة. أمر بلا سياق صحيح إجابة في الفراغ.
الفرق
قبل تطبيق أي تعديل تعرض البيئة الفرق بالألوان: الأخضر يُضاف والأحمر يُحذف. العادة الذهبية: اقرأ الفرق قبل أن تضغط «قبول».
نقطة الرجوع
لقطة من مشروعك قبل كل تعديل، تعود إليها بضغطة إن أفسد الوكيل شيئًا. شبكة الأمان التي تسمح لك بالتجربة بجرأة.
المنصّتان#
Cursor: المعيار الصناعي
محرّر مبني على VS Code، أعيد تصميمه حول الذكاء الاصطناعي، ويجمع أقوى النماذج (Claude وGPT وGemini) في مكان واحد. صار أسلوب العمل الذي تسير عليه الصناعة؛ وإتقانه له وزن في السوق.
- أقوى ما فيه: تعدّد النماذج، وفهرسة المشروع كاملًا، والإكمال الذكي Tab، والنضج.
- التكلفة: خطة مجانية محدودة للتجربة، والخطة الاحترافية بنحو 20 دولارًا شهريًّا برصيد يُستهلك بحسب النموذج.
- عيوبه: نظام الرصيد مربك للمبتدئ، وواجهته «للمطوّرين» ترهب القادم من خارج البرمجة.
Google Antigravity: الوكيل أولًا
منصّة من Google مبنية على فكرة مختلفة: ليست محرّرًا يساعدك فيه الذكاء الاصطناعي، بل مركز قيادة لوكلاء يعملون وأنت تديرهم. تصف المهمة، فيخطّط الوكيل وينفّذ، ويفتح متصفّحًا مدمجًا يجرّب فيه النتيجة بنفسه، ويسلّمك «أدلّة» من لقطات وتسجيلات.
- أقوى ما فيه: المتصفّح المدمج، والأدلّة المرئية، وأوضاع تحكّم من «اسألني قبل كل خطوة» إلى «الطيار الآلي».
- التكلفة: مجاني في مرحلة المعاينة بحدود سخية على نماذج Gemini.
- عيوبه: منتج جديد قد يتعثّر، ومقصور على نماذج Gemini، ويتغيّر بسرعة.
خطواتك الأولى
افتح مجلّدًا جديدًا فارغًا
نزّله من cursor.com، ثم File ثم Open Folder. المجلّد هو «عالم» المشروع.
افتح لوحة الذكاء الاصطناعي
بالاختصار Ctrl+L (أو Cmd+L)، واختر وضع Agent الذي يسمح بإنشاء الملفات وتعديلها.
الصق أمر المهمة
سيعرض الوكيل خطة وتعديلات؛ اقرأ الفرق قبل القبول.
افتح النتيجة في المتصفّح
وقيّمها بعينك وفق معايير التصميم العشرة.
عدّل أو ارجع
للتحسين اطلب في المحادثة نفسها. وإن اضطرب كل شيء فاستعد نقطة الرجوع وابدأ بأمر أنظف.
سجّل وابدأ بوضع مساعد
نزّله من antigravity.google وسجّل بحساب Google، واختر في الإعداد الأول وضع Agent-assisted.
ادخل مركز القيادة
افتح مجلّد المهمة، ثم Agent Manager حيث تصف المهمة.
راجع الخطة قبل التنفيذ
سيكتب الوكيل خطته أولًا؛ اقرأها وعدّلها، فهذه فرصتك للتوجيه.
دعه ينفّذ ويجرّب
سيفتح المتصفّح المدمج ويجرّب الصفحة، ثم يقدّم لقطات إثبات. راجعها.
علّق بدقّة
«الزر ليس ذهبيًّا؛ استخدم #C9A961»، ودعه يعيد ذلك الجزء وحده.
أيّ نموذج تستدعي، ولماذا؟#
قائمة النماذج في Cursor طويلة وتتغيّر أسماؤها كل بضعة أشهر. لا تحفظ الإصدارات، بل تعلّم شخصية كل عائلة؛ فهي ثابتة نسبيًّا وإن تغيّرت الأرقام.
الافتراضي المجاني
يتقن: المهام البسيطة الواضحة: تعديل نص أو لون أو سؤال سريع. يضعف: في المهام المركّبة؛ فلا تحكّم في من يجيبك. اطلب هكذا: «غيّر لون الزر إلى #C9A961 فقط دون لمس أي شيء آخر».
نموذج Cursor الخاص
يتقن: السرعة والحلقة التفاعلية (عدّل، شاهد، عدّل)، والتعديلات المتوسطة على عدّة ملفات. يضعف: في المشكلات المعقّدة والقرارات المعمارية؛ السريع ليس حكيمًا بالضرورة.
من Anthropic
يتقن: الالتزام الدقيق بالتعليمات المركّبة والعمل الطويل متعدّد الملفات والكود النظيف؛ فتنفّذ مواصفات من اثني عشر بندًا بندًا بندًا. يضعف: يستهلك الرصيد أسرع وأبطأ نسبيًّا. اطلب هكذا: «نفّذ المواصفات حرفيًّا، وإن غمض بند فاسألني قبل أن تفترض».
من OpenAI
يتقن: التشخيص: العطل الغامض «الذي يفترض أن يعمل ولا يعمل»، والمنطق المعقّد. يضعف: يميل إلى الإطالة وإعادة هيكلة ما لم تطلبه؛ فضع له حدودًا صريحة. اطلب هكذا: «شخّص السبب واشرحه أولًا، ولا تعدّل إلا هذا العطل تحديدًا».
من Google
يتقن: السياق الضخم؛ يقرأ مشروعًا كاملًا دفعة واحدة، وسريع ورصيده أرخص. يضعف: قد «يفلت» منه بند أو اثنان في سلاسل التعليمات الطويلة؛ فراجع مخرجه بندًا بندًا.
| خطوة البناء | استدعِ | صيغة الطلب الأنسب |
|---|---|---|
| فهم المهمة والتخطيط | Claude أو GPT | «اكتب خطة تنفيذ دون أي كود لأراجعها أولًا» |
| البناء الأول | Claude | «نفّذ المواصفات بندًا بندًا، واسألني عند الغموض» |
| عطل منطقي غامض | GPT | «شخّص واشرح أولًا، ثم أصلح هذا العطل وحده» |
| التجميل البصري | Claude أو Gemini | «طبّق معايير نظام التصميم: [الصق الأمر]» |
| تعديلات صغيرة سريعة | Composer أو Auto | «غيّر كذا إلى كذا فقط» |
| قراءة عدّة ملفات | Gemini | «اقرأ الملفات كلها، ولخّص فهمك، ثم نفّذ» |
قواعد اللعب في المهام#
اقرأ رسالة العميل مرّتين
في الأولى تفهم ما قاله، وفي الثانية تلاحظ ما لم يقله. الفخ دائمًا في الثانية.
استخرج المواصفات قبل كتابة الأمر
حوّل كلام العميل إلى قائمة: ألوان بأكوادها، وخطوط بأسمائها، وسلوكيات محدّدة. الأمر القوي مواصفات مترجمة؛ وهذه مهنة المترجم أصلًا.
قاعدة المحاولات
للتحسين والإصلاح استمرّ في المحادثة نفسها. وإن تاه الوكيل فابدأ محادثة جديدة بأمر أذكى يستفيد من كل ما تعلّمته. الرجوع بمعلومات هو التقدّم نفسه.
سجّل أوامرك
احتفظ لكل مهمة بسجل لكل أمر جرّبته وما حدث وما غيّرته ولماذا. التقييم ليس على أن «الصفحة عملت»، بل على رحلة أوامرك.
المهام الأربع#
اختر المهمة
العميل: مكتب ترجمة معتمدة يفتتح فرعًا جديدًا. الصعوبة: متوسطة، ومحاولتان أو ثلاث.
«نريد صفحة "قريبًا" بسيطة وأنيقة، فيها عدّاد تنازلي حتى يوم الافتتاح في الأول من سبتمبر، واسم المكتب، ورقم واتساب. الألوان مثل الشعار: أخضر زيتوني داكن وبيج فاتح. ومهم جدًّا: ستُعرض على شاشة في المكتب قد ينقطع عنها الإنترنت، فيجب أن تعمل دون اتصال.»
معايير القبول: عدّاد حقيقي يتحدّث كل ثانية حتى تاريخ محدّد. الصفحة تعمل كاملة دون إنترنت. ألوان زيتونية وبيج متناسقة واتجاه RTL كامل. رقم واتساب قابل للضغط.
الفخ: عبارة «دون إنترنت» تفجّر الأمر الساذج؛ فالذكاء الاصطناعي سيضع افتراضيًّا خطًّا من Google Fonts، فتفتح الصفحة دون اتصال بخط مكسور. اطلب صراحةً خطوط النظام فقط، وصفر روابط خارجية.
الغموض: «زيتوني وبيج» أحاسيس لا مواصفات. ترجمها إلى أكواد وثبّتها (مثل #4A5D3A و#F2EAD9)، وإلا جاء أخضر مختلف في كل محاولة. وحدّد السنة والمنطقة الزمنية للتاريخ؛ فالعدّاد الخاطئ التوقيت يبدو صحيحًا عندك وخاطئًا عند العميل.
أنشئ صفحة HTML واحدة مكتفية ذاتيًّا بالكامل (دون أي روابط خارجية؛ خطوط النظام فقط) لصفحة «قريبًا» لمكتب ترجمة، عربية RTL. عدّاد تنازلي يتحدّث كل ثانية حتى تاريخ ___ (التاريخ كاملًا مع المنطقة الزمنية). الألوان: ___ (كود الزيتوني) و___ (كود البيج). زرّ واتساب قابل للضغط برقم ___ بصيغة wa.me. طبّق: بطل واحد في الشاشة (العدّاد)، وتباين عالٍ، وخط واحد.
العميل: مطعم شامي. الصعوبة: مرتفعة، ومن ثلاث إلى أربع محاولات.
«نريد قائمة طعام في صفحة واحدة: اسم كل صنف بالعربية وتحته بالإنجليزية للسيّاح، والسعر بجانبه، وزرّ في الأعلى يبدّل الأسعار بين الليرة والدولار (الدولار = السعر ÷ 90). ثلاثة أقسام: مشاوٍ ومقبّلات وحلويات، في كل قسم أربعة أصناف. والشكل تراثي دافئ لا حديث بارد.»
معايير القبول: عربي فوق وإنجليزي تحت وسعر، متحاذية دون تكسّر الاتجاهات. التبديل يغيّر كل الأسعار فورًا بخانتين عشريتين للدولار. الأرقام ورموز العملة في أماكنها الصحيحة. وإحساس «تراثي دافئ» فعلًا.
الفخ: وحش النص ثنائي الاتجاه (Bidi)، أصعب مشكلات الصفحات العربية: سطر عربي وتحته إنجليزي وبجانبهما رقم ورمز عملة. الحل: dir="rtl" للصفحة، وdir="ltr" لسطر الإنجليزية تحديدًا، وغلاف مستقل للسعر.
المنطق: القسمة على 90 تُخرج كسورًا طويلة (25000 ÷ 90 = 277.777…). حدّد التقريب: خانتان للدولار، وأعداد صحيحة بفواصل الآلاف لليرة. واختبر بشراسة: بدّل العملة عشر مرات متتالية.
أنشئ صفحة HTML واحدة لقائمة طعام مطعم شامي، عربية RTL. لكل صنف: الاسم بالعربية، وتحته الاسم بالإنجليزية داخل عنصر dir="ltr" محاذى مع البطاقة، والسعر في عنصر مستقل. زرّ يبدّل العملة: ليرة (أعداد صحيحة بفواصل آلاف) ⇄ دولار (القسمة على ___ والتقريب لخانتين). الأقسام والأصناف: ___ (اكتبها بنفسك بالعربية والإنجليزية). الطابع: ___ (ترجمتك لعبارة «تراثي دافئ» بأكواد ألوان).
العميل: معلّمة لغات. الصعوبة: مرتفعة، ومن ثلاث إلى أربع محاولات.
«أحتاج صفحة أكتب فيها اسم الطالب ودرجاته في خمس مواد (كلٌّ من مئة)، فتحسب وحدها المجموع والنسبة والتقدير: امتياز من 85، وجيد جدًّا من 75، وجيد من 65، ومقبول من 50، وما دون ذلك راسب. وإن حصل الطالب على أقل من 50 في أي مادة فهو راسب مهما كان مجموعه، وتتلوّن المادة بالأحمر. وزرّ يمسح كل شيء للطالب التالي.»
معايير القبول: حساب لحظي أثناء الكتابة. قاعدة «الرسوب في مادة رسوب في الكل» تعمل مع التلوين. الحالات الحدّية آمنة: خانة فارغة، ودرجة 150، ودرجة سالبة، وحروف بدل أرقام؛ فلا يظهر NaN ولا تنهار الصفحة. وزرّ «طالب جديد» يعيد كل شيء.
الفخ الأول: تعارض القواعد؛ طالب نسبته 88٪ لكنه نال 40 في مادة. إن لم تنصّ على أن قاعدة الرسوب لها الأولوية المطلقة، سيختار الذكاء الاصطناعي وحده، وغالبًا خطأً.
الفخ الثاني: أول خانة فارغة ستُظهر «NaN٪»، فتفقد المعلّمة ثقتها في الأداة كلها. وفي كلامها جدول قرار مخفي؛ استخرجه صريحًا بحدود كل شريحة (هل 75 بالضبط جيد جدًّا؟).
أنشئ صفحة HTML واحدة عربية RTL: اسم طالب وخمس مواد (___ سمّها)، كل درجة من 100. الحساب لحظي: المجموع والنسبة والتقدير وفق الجدول: ___ (اكتب الشرائح بحدودها الدقيقة). قاعدة حاسمة لها الأولوية المطلقة: أي مادة أقل من 50 تجعل التقدير «راسب» مهما كانت النسبة، وتتلوّن خانتها بالأحمر. حصّن الإدخال: القيم خارج 0–100 أو غير الرقمية تُرفض برسالة لطيفة دون كسر الحساب. زرّ «طالب جديد» يمسح كل شيء.
العميل: مدرّب لياقة. الصعوبة: الأعلى، وأربع محاولات فأكثر.
«أريد صفحة لعرض الاشتراك الجديد تُبهر الناس، مثل صفحات المدرّبين الأجانب بعدّادها التنازلي وعباراتها الكبيرة. يترك الزائر اسمه ورقم واتساب فيصلني. والأهم: أن تظهر الصفحة الأولى على Google حين يبحث أحد عن مدرّب لياقة. ولا تنسَ صور العضلات!»
معايير القبول: افتتاحية قوية بعنوان ضخم وعدّاد عرض ونموذج (اسم وواتساب) بتحقّق ورسالة شكر. «صور العضلات» محلولة دون صور خارجية. أساسيات تحسين الظهور في محركات البحث: العنوان والوصف وعناوين هرمية بكلمات البحث. ورسالة ردّ مهنية على العميل تشرح بلطف حقيقة «الأول على Google».
الفخ: أخطر فخ في العمل الحر: الطلب المستحيل المغلّف بالحماس. «الأول على Google» ليست خاصية تُكتب في أمر، بل نتيجة شهور من العمل على المحتوى والمنافسة. المحترف لا ينفّذها ولا يتجاهلها، بل يديرها: ينفّذ الممكن ويشرح الباقي بلغة تحفظ حماس العميل.
الترجمة: «تُبهر مثل الأجانب» تعني هرمية جريئة (عنوان ضخم جدًّا)، وعدًّا تنازليًّا، وألوانًا جريئة عالية التباين، وزرّ إجراء واحدًا صارخًا. و«صور العضلات» دون صور حقيقية قرارك الإبداعي: ظلال بـ SVG، أو أرقام إنجازات كبيرة بدل الصور.
أنشئ صفحة هبوط عربية RTL في ملف HTML واحد مكتفٍ ذاتيًّا لعرض اشتراك تدريب لياقة: افتتاحية بعنوان ضخم ___ (اكتبه بنفسك) وعدّاد تنازلي لنهاية العرض ___ (التاريخ)، وبديل بصري للصور: ___ (قرارك). نموذج: الاسم مطلوب، ورقم واتساب صحيح مع رسائل خطأ عربية، وعند الإرسال تحلّ رسالة شكر محلّ النموذج. ضمّن أساسيات الظهور في محركات البحث: عنوان الصفحة ووصفها بكلمات ___ (كلمات البحث المستهدفة).
التسليم#
- أربعة ملفات HTML، لكل مهمة ملفها.
- سجل أوامر لكل مهمة: ما جرّبته، وما حدث، وما غيّرته ولماذا.
- رسالة الردّ على مدرّب اللياقة.
- سطران: ما الفرق الذي شعرت به بين Antigravity وCursor؟
اختبر فهمك
العميل يريد الصفحة أن تعمل دون إنترنت. ما البند الذي يجب أن تنصّ عليه صراحةً؟
الذكاء الاصطناعي يضيف افتراضيًّا خطوطًا ومكتبات من الإنترنت؛ فتفتح الصفحة دون اتصال بمظهر مكسور.
اختبر فهمك
طالب نسبته 88٪ لكنه حصل على 40 في مادة. ما الذي يضمن حكمًا صحيحًا؟
التعارض غير المحسوم في المواصفات يعني نتائج متقلّبة.
اختبر فهمك
طلب العميل «الظهور الأول على Google». ما التصرّف المهني؟
المحترف يدير التوقّعات: ينفّذ الممكن، ويشرح ما يحتاج عملًا من نوع آخر.