بصراحة، اليوم أشعر ببعض الإرهاق، فقررت أن أقوم بشيء مسلٍ. مرحباً بكم في هذا المقال من “ذكاء اصطناعي عربي”. لقد مر وقت لم نتحدث فيه عن البرمجة، واليوم سنعود إليها. لقد وجدت بالصدفة أداة تسمى “Refact.ai”، والتي يمكن وصفها بأنها مساعد برمجي (Coding Agent). يدعي مطوروها أنها تحتل المرتبة الأولى في معيار “Software Bench” وأنها مجانية تمامًا. لذلك، قررت أن أجرب هذا المساعد البرمجي الجديد وأرى ما إذا كان يمكن أن يكون بديلاً لـ “Cursor”، الذي أستخدمه شخصيًا بشكل دائم، أو بديلاً لأدوات أخرى. سنجري بعض التجارب على “Refact.ai”، فابقوا معنا.
لنبدأ.
ما هو Refact.ai؟
يدعي مطورو “Refact.ai” أنه “المساعد البرمجي مفتوح المصدر رقم واحد”، أي أنه أفضل وكيل ذكاء اصطناعي للمساعدة في كتابة التعليمات البرمجية وفقًا لمعيار “Software Bench”. عند التحقق من لوحة صدارة “Software Bench”، وجدتهم في المركز الثاني في فئة المصادر المفتوحة، ومن المحتمل أنهم كانوا في المركز الأول سابقًا. هناك أداة أخرى تسمى “Ax-Repair” لا أعرفها، وقد نخصص لها مقالًا إذا كانت جيدة، أو إذا كان لدى أي شخص معلومات عنها، يمكنه مشاركتها في التعليقات. حتى في الفئة الموثقة (Verified)، يحتلون مراكز متقدمة. نلاحظ أن “Try” في المركز الأول كنظام مفتوح المصدر. وفي فئة النماذج متعددة الوسائط، يأتي “Refact.ai” أيضًا في المراكز الأولى. هذا أمر جيد، على الرغم من أنني لست متأكدًا من مصداقية “software-bench.com”. لكن وجود “Refact.ai” في المركز الأول أو الثاني هو أمر إيجابي.
الإمكانيات والتسعير
الأداة مفتوحة المصدر، وإذا ذهبنا إلى صفحتهم على GitHub، نجد أن الكود البرمجي للأداة نفسها مفتوح المصدر، وهذا ممتاز لأنه يمكن للمبرمجين المتميزين استخدام “Refact.ai” وتحسينه. لكن، هل هذا يعني أن النماذج اللغوية مجانية؟ بصراحة، لا أعتقد ذلك. أعتقد أن الأداة نفسها مجانية، لكن النماذج ليست كذلك. بالنظر إلى صفحة الأسعار، نجد أن الخطة المجانية تمنح 2000 “عملة” (coin). لست متأكدًا كم يمكن للمرء أن يعمل بهذه الكمية. سنجرى مثالًا اليوم لنرى كم ستستهلك من العملات. تدعم الأداة نماذج مثل Claude 3.5 Sonnet, GPT-4o, و Gemini 1.5 Pro، وهذا ممتاز.
أما بالنسبة للنسخة المدفوعة، فتكلفتها 10 دولارات شهريًا، مما يجعلها أرخص من “Cursor” (20 دولارًا) و “Windmill” (15 دولارًا). تمنح النسخة المدفوعة 10,000 عملة شهريًا. يبدو أن العملات في الخطة المجانية هي دفعة لمرة واحدة، ولكنني لست متأكدًا. لنجرب ونرى ما سيحدث.
بالعودة إلى الصفحة الرئيسية، نجد بعض الإمكانيات مثل “Ask” و “Edit”، وهي تشبه أدوات أخرى. في الإكمال التلقائي (Auto-completion)، يستخدمون نموذج “Starcoder 2” ويستخدمون تقنية RAG (Retrieval-Augmented Generation) عبر تضمين الكود.
من الميزات المهمة أيضًا، كونه مفتوح المصدر، أنه يمكنك نشره كوكيل على أجهزتك الخاصة أو خوادم شركتك، مما يحافظ على خصوصية الكود الخاص بك، على عكس “Cursor” الذي يرسل الكود إلى خوادمهم. إذا كانت الخصوصية أولوية، فقد تكون هذه الأداة مناسبة.
من بين المهام التي يمكنه القيام بها:
- توليد الكود (AI Code Generation)
- مراجعة الكود (Code Review)
- تحويل صورة إلى كود (Image to Code)
- توليد كود بايثون وجافا
يدعم 25 لغة برمجة ويعمل داخل بيئات التطوير المتكاملة (IDEs) كإضافة (extension)، تمامًا مثل “Copilot” أو “Codeium”. عند النقر على VS Code، يوجهنا لتثبيته كإضافة.
التجربة العملية
يكفي الحديث النظري، ولننتقل إلى التجربة. هذه هي المرة الأولى التي أجرب فيها الأداة.
- بدأت بالنقر على “Start for free” واخترت VS Code.
- طلب مني تثبيت الإضافة، فقمت بذلك.
- بعد التثبيت، ظهرت أيقونة “Refact” في الشريط الجانبي.
- قمت بتسجيل الدخول باستخدام حساب جوجل.
- بعد تسجيل الدخول، ظهرت جولة تعريفية بالمنتج، والتي يمكن تخطيها.
عند بدء محادثة جديدة، تظهر النماذج المختلفة التي يدعمها، بما في ذلك Claude 3.5 Sonnet، وهو نموذج قوي جدًا حاليًا. سنجربه. يظهر لنا أن رصيدنا هو 2000 عملة.
قبل الانتقال إلى وضع الوكيل (Agent Mode)، هناك ميزة التكامل (Integrations). قمت بإعداد التكامل مع متصفح كروم، ويمكن أيضًا إعداد خوادم MCP. بالعودة إلى الواجهة، جربت ميزة التكامل مع كروم وسألته: “What is the weather in Amman?”. استهلك 24 رصيدًا لجلب الإجابة، ومن الواضح أنه استخدم أداة الويب بنجاح.
إنشاء اللعبة: المهمة الأولى
لنجرب مثالًا عمليًا. طلبت من ChatGPT أن ينشئ لي موجه أوامر (prompt) لإنشاء صفحة ويب تتضمن التالي:
- الوصول إلى الكاميرا.
- طبقة تراكب (overlay) على الشاشة.
- ظهور ضفادع بشكل عشوائي.
- إمكانية “ضرب” الضفادع باستخدام حركة الإصبع أمام الكاميرا.
- عرض النتيجة على الشاشة.
أعطاني ChatGPT الموجه المطلوب. قمت بنسخه ولصقه في “Refact.ai”، مع اختيار نموذج Claude 3.5 Sonnet و “Agent Mode”. لنرَ ما سيحدث.
بدأ الوكيل في العمل ووضع خطة استراتيجية، وبدأ في خصم الرصيد. عند الاطلاع على كيفية حساب العملات، لاحظت أن النموذج الذي نستخدمه (Claude) هو الأغلى. يبدو أن التوثيق قديم أو غير محدث، حيث يذكر 5000 عملة للخطة المجانية بينما حصلت على 2000 فقط، وهذا أمر غير جيد.
على أي حال، لنكمل التجربة. وضع الوكيل خطة وسماها “Frog Whacking Game” (لعبة ضرب الضفادع). بعد عرض الخطة، سأل إذا كان يجب المتابعة. أجبت بـ “نعم”.
المشاكل التي واجهتني
بدأ الوكيل في إنشاء ملف index.html على الفور. كان يطلب الإذن لكل تغيير، لذا سمحت له بإجراء التغييرات لهذه المحادثة. من الجيد أنه يعرض الرصيد المتبقي باستمرار. بعد الانتهاء من ملف HTML، بدأ في إنشاء ملف CSS.
بعد حوالي 10 دقائق، بدا وكأنه توقف. سألته: “Are you done?” (هل انتهيت؟). لم يكن قد انتهى بعد.
استهلك حتى الآن حوالي 800 من الرصيد. لا أتوقع أن نتمكن من إكمال هذا المثال بالرصيد المجاني المتاح. بصراحة، إذا كانت النسخة المدفوعة تستهلك الرصيد بنفس الطريقة، فستكون مكلفة للغاية. قد تنتهي الـ 10,000 عملة التي تمنحها الخطة المدفوعة في جلسة عمل واحدة. طريقة “Cursor” في حساب الاستخدام أفضل.
واجهت مشكلة أخرى: لقد أنشأ الملفات، لكنه لم يضعها في المجلد الصحيح. اكتشف الخطأ بنفسه، وبحث عن الموقع الصحيح، ثم بدأ في نقل الملفات واحدًا تلو الآخر. للأسف، هذه العملية استهلكت المزيد من الرصيد، ليصل الإجمالي إلى حوالي 1200 عملة.
بعد أن انتهى من نقل ملفات CSS و HTML و JavaScript و README، أراد تشغيل خادم بايثون. استهلك المشروع حتى الآن حوالي 1700 عملة.
عندما حاولت فتح الصفحة على localhost:8000، لم تعمل. الخادم لم يعمل على الإطلاق.
حاولت تشغيل الخادم يدويًا باستخدام الأمر الذي اقترحه، ونجح الأمر. ظهرت الصفحة، وبدا أنها تعمل. لكن عند تشغيلها مرة أخرى، ظهرت أخطاء كثيرة في الكود. نسخت الأخطاء وطلبت منه إصلاحها. بدأ في عملية الإصلاح، ولكن للأسف، نفد الرصيد (-84) قبل أن يكمل المهمة.
عند تحديث الصفحة، كانت الكاميرا تعمل، لكن اللعبة نفسها لم تعمل. لا يزال هناك خطأ في الكود. من المفترض أن يكون رصيد 2000 عملة كافيًا لإنهاء مهمة كهذه، لكن للأسف لم يكن كذلك.
تقييم أولي لـ Refact.ai
أتوقع أنه كونه مفتوح المصدر فهو أمر جيد، لكنه سيكون مكلفًا. الرصيد المجاني (2000 عملة) لم يكن كافيًا. واجهت مشاكل مثل وضع الملفات في المكان الخطأ وعدم تشغيل الطرفية بشكل صحيح، مما أدى إلى استهلاك كبير للرصيد.
كأداة، ليست سيئة حتى الآن، مع الأخذ في الاعتبار أنها مفتوحة المصدر. حاولت استخدام ميزة عرض الفروقات (diff)، لكنها لم تعمل في البداية وأظهرت خطأ، مما يشير إلى أن الأداة قد لا تكون مستقرة تمامًا. لاحقًا، عملت الميزة وعرضت التغييرات التي أجراها. الكود الذي كتبه كان جيدًا بشكل عام.
محاولة الإصلاح باستخدام Cursor
انتقلت إلى “Cursor” لإصلاح المشكلة. طلبت منه تحليل الكود وإصلاح الأخطاء في ملف script.js باستخدام نموذج Claude 3.5 Sonnet. كنت أرغب في الحصول على نتيجة تعمل.
خلاصة التجربة مع Refact.ai
- الإمكانيات: يبدو أن لديه إمكانيات جيدة.
- المشاكل:
- التوثيق غير متطابق مع الأسعار الفعلية، وهذا أمر مزعج ويدل على ضعف في جودة الإدارة.
- استهلاك الرصيد سريع جدًا.
- الأداة لم تكن مستقرة تمامًا.
- الإيجابيات:
- كونه مفتوح المصدر يسمح بالتعديل والتحسين.
- الواجهة لطيفة بشكل عام.
النتيجة النهائية مع Cursor
بعد أربعة أو خمسة توجيهات، نجح “Cursor” في إصلاح اللعبة. عند تشغيلها، ظهرت اللعبة بشكل صحيح. يمكنني الآن الإشارة إلى الضفادع بإصبعي و”ضربها”. أضاف “Cursor” وضع تصحيح أخطاء (debug mode) باستخدام أداة “MediaPipe”، والذي يعرض تتبع حركة اليد.
اللعبة تعمل بناءً على مؤقت، ويوجد عداد نقاط في الأسفل. بعد انتهاء الوقت، ظهرت رسالة “Game Over” مع النتيجة (58)، وحتى خيار لمشاركة النتيجة. كانت النتيجة النهائية رائعة ومسلية.
كان هذا المقال عن تجربة “Refact.ai”. حاولنا إنشاء مشروع بسيط، لكن رصيد الـ 2000 عملة لم يكن كافيًا. كونه مفتوح المصدر أمر جيد، لكنني لا أتوقع أنه يتفوق على “Cursor” في الوقت الحالي. لقد تمكن “Cursor” من حل مشكلة هذه اللعبة البسيطة بسهولة.
للمعلومات، استخدمت بشكل أساسي نموذج Claude 3.5 Sonnet في “Cursor”. سأبقى على اطلاع بآخر التطورات، خاصة فيما يتعلق بمعيار “Software Bench”، وقد نجرب أداة “Ax-Repair” في المستقبل إذا كانت مناسبة.
كان هذا مقالًا خفيفًا وممتعًا. لا تنسوا الدعاء لأهلنا في غزة، فهذا أمر مهم جدًا. نراكم في المقال القادم.