Ich gab Claude eine App und bat ihn, sich wie vier verschiedene Senior-Entwickler zu verhalten – Folgendes geschah

تنتشر عبر الإنترنت، وخاصة على X، مطالبات تزعم أنها تجعل روبوتات الدردشة أكثر فعالية. عندما صادفتُ لأول مرة مجموعة من المطالبات من ديفيد ماكس، وهو خبير في تعليم Künstliche Intelligenz، كنت متشككًا، وهذا بالضبط ما دفعني لتجربتها. تزعم هذه المطالبات أنها تستطيع تحويل Claude إلى كل شيء بدءًا من مهندس تصحيح أخطاء كبير وصولًا إلى خبير أداء. إليكم ما حدث عندما قررتُ اكتشاف الحقيقة. إذا كنت مهتمًا بPlus من المطالبات الفعالة، يمكنك الاطلاع على 7 effektive Claude 4-Anregungen zur Entwicklung Ihrer Ideen und Steigerung Ihrer Produktivität.

عرض متتبع نفقات منزلي على Claude

كنت قد أنشأت بالفعل متتبعًا عامًا للنفقات يتضمن عناصر نائبة للمصروفات باستخدام ChatGPT Work، لذا استخدمتُه ثم طلبت من Claude مراجعة التطبيق أربع مرات. في كل مرة، أسندتُ إليه دورًا هندسيًا كبيرًا مختلفًا: مهندس متكامل (full-stack engineer)، مهندس تصحيح أخطاء (debugging engineer)، مهندس واجهة أمامية (frontend engineer)، ومهندس أداء (performance engineer).

كانت النتيجة أكثر كشفًا بكثير من مجرد مطالبة Claude بـ “تحسين التطبيق”. ركزت كل شخصية على مجموعة مختلفة من المشكلات — وفي بعض الأحيان وجدت مشكلات فاتتها “المطور” السابق. إليكم ما حدث والمطالبات التي استخدمتها.

1. مهندس الـ Full-Stack الكبير بنى التطبيق

بدأت بطلب من Claude إنشاء متتبع تفاعلي للنفقات المنزلية يمكن لأي شخص عادي استخدامه. للمزيد عن قدرات Claude في بناء التطبيقات، اقرأ Ich habe mit Cloud und Gemini in wenigen Minuten 3 Apps erstellt: aber eine hat eine versteckte Funktion.

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

فكر كمهندس Full-Stack كبير يطور منتجًا أوليًا (MVP) مصقولًا لشركة ناشئة. قبل كتابة أي كود، قدم مخططًا موجزًا للهندسة المعمارية وهيكل البيانات وتدفق المستخدم. ثم ابنِ التطبيق العامل كـ Claude Artifact.

اجعله متجاوبًا وسهل الاستخدام، ولكن لا تقضِ وقتًا إضافيًا في مراجعة الكود النهائي Oder تصحيح أخطائه Oder تحسينه. سأطلب من “مطورين” آخرين التعامل مع تلك المراحل.

أنشأ Claude تطبيق React مصقولًا بشكل مدهش. جاء مع معاملات نموذجية، وإجماليات الإنفاق، وتصنيفات الفئات، ووظائف البحث والتصفية، والقدرة على فرز المعاملات حسب التاريخ. كما حفظ التغييرات بحيث تظل متاحة بعد إعادة فتح التطبيق.

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

2. كبير مهندسي تصحيح الأخطاء اكتشف بعض المشكلات

بعد ذلك، طلبت من Claude أن يتجاهل المظهر ويفحص عمله الخاص كمهندس تصحيح أخطاء (debugging) يقوم بإعداد تطبيق للإطلاق.

Beanspruchen: الآن، تصرف ككبير مهندسي تصحيح الأخطاء الذي ورث هذا التطبيق قبل إطلاقه للجمهور.

افحص التطبيق ورمزه البرمجي الحالي بعناية دون تغيير وظيفته المقصودة Oder تصميمه المرئي. اختبر تدفقات المستخدم الرئيسية وابحث عن الأخطاء الوظيفية، ومعالجة المدخلات غير الصالحة، ومخاطر فقدان البيانات، والحسابات غير الصحيحة، ومشاكل الثبات (persistence)، والحالات الهامشية (edge cases).

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

ثم طبق الإصلاحات وتحقق من أن الميزات الأصلية لا تزال تعمل. لا تعيد تصميم الواجهة، Oder تجرِ إعادة هيكلة معمارية أوسع، Oder تجرِ تغييرات تجميلية بحتة.

اكتشفت عملية تصحيح الأخطاء العديد من المشكلات الحقيقية.

على سبيل المثال، لم تكن المدخلات الأصلية ضمن نموذج (form) مناسب. كان النقر على زر “Save Transaction” يعمل، لكن الضغط على مفتاح Enter قد لا يعمل. صحح Claude ذلك بتحويل القسم إلى نموذج حقيقي بزر إرسال (submit button).

كما اكتشف أنه يمكن للمستخدمين مسح التاريخ وحفظ معاملة بمعلومات تاريخ غير صالحة. أضاف Claude التحقق من صحة التاريخ (date validation)، وعزز فحوصاته للمبالغ غير الصالحة، وأصلح عملية حسابية تسببت في ظهور “Housing” (السكن) كأكبر فئة حتى عندما كان المتتبع فارغًا.

كان لا يزال بالإمكان حذف المعاملات بشكل دائم بنقرة واحدة. ظلت أخطاء التخزين مخفية في وحدة تحكم المطور (developer console)، مما يعني أن المستخدمين قد يعتقدون أن معلوماتهم قد تم حفظها بينما لم يتم ذلك. كما أن Claude لم ينشئ اختبارات تلقائية (automated tests) لتأكيد أن إصلاحاته قد نجحت.

3. مهندس الواجهة الأمامية المخضرم لاحظ تطبيقًا مختلفًا تمامًا

في الجولة الثالثة، طلبت من Claude أن يتعامل مع متتبع النفقات كمهندس واجهة أمامية متخصص في التصميم المتجاوب وإمكانية الوصول.

Beanspruchen: تصرّف الآن كمهندس واجهة أمامية مخضرم متخصص في تطبيقات المستهلك سهلة الوصول والمتجاوبة.

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

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

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

كانت هذه المراجعة الأكثر شمولاً في التجربة.

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

كما وجد أن التسميات المرئية لم تكن متصلة بشكل صحيح بحقول الإدخال المقابلة لها، وأن حقل البحث اعتمد فقط على نص العنصر النائب (placeholder)، وأن أخطاء التحقق لم تُضبط ليتم الإعلان عنها بواسطة قارئات الشاشة.

أعاد Claude مؤشرات التركيز المرئية، وربط التسميات بعناصر التحكم في النماذج، وأضاف أوصافًا لقارئ الشاشة، وزاد تباين العديد من عناصر النص الرمادي الفاتح. كما جعل شريط البحث أكثر مرونة على الشاشات الصغيرة، وأضاف تسميات أكثر وصفية للأزرار التي تحتوي على أيقونات فقط.

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

لم تكن كل الادعاءات مثالية. وصف Claude حجم 44 × 44 بكسل كحد أدنى لحجم منطقة اللمس (touch-target)، لكنه كبّر زر الحذف الأساسي إلى 36 × 36 بكسل فقط. هذا يلبي هدف WCAG 2.2 AA الأصغر، ولكنه لا يلبي التوصية البالغة 44 بكسل التي ذكرها.

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

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

أخيرًا، طلبت من Claude إعداد متتبع المصروفات للتعامل مع 10,000 معاملة على الأقل.

Beanspruchen: الآن، تصرف كمهندس أداء أول يُجهز متتبع المصروفات هذا للتعامل مع آلاف المعاملات.

حلل التنفيذ الحالي بحثًا عن العرض غير الضروري، والحسابات المتكررة، والفرز Oder التصفية غير الفعالة، واختناقات التخزين، ونمو الذاكرة، والتفاعلات التي قد تصبح بطيئة مع زيادة حجم البيانات.

لا تفترض وجود مشكلة في الأداء. أنشئ طريقة واقعية لاختبار التطبيق بـ 10,000 معاملة على الأقل، وحدد خط أساس للعمليات الهامة.

ثم طبق التحسينات التي يبررها التحليل فقط. حافظ على مظهر التطبيق، وتحسينات إمكانية الوصول، والسلوك الحالي. لا تدّعِ تحسينًا في السرعة ما لم تقم بقياسه Oder تحدده بوضوح كتحسين متوقع.

اكتشف Claude عنق زجاجة واحدًا ذا أهمية خاصة. كان التطبيق ينشئ كائنًا جديدًا لتنسيق العملة في كل مرة يعرض فيها مبلغًا. مع 10,000 صف، قاس Claude هذه العملية بـ 349 مللي ثانية. أدى إعادة استخدام منسق واحد إلى تقليلها إلى 5.2 مللي ثانية، وهو ما حسبه Claude على أنه تحسن بمقدار 67 ضعفًا.

كما أضاف Claude ميزة “الافتراضية الجدولية” (table virtualization)، مما يعني أن المتصفح سيعرض المعاملات المرئية حاليًا على الشاشة فقط، بدلاً من آلاف الصفوف دفعة واحدة. وتم تأخير تحديثات البحث والتخزين بجزء من الثانية لتجنب تكرار العمليات المكلفة بعد كل ضغطة مفتاح Oder تغيير سريع.

حتى أن Claude أضاف أزرارًا يمكنها إنشاء 1,000 Oder 10,000 Oder 50,000 معاملة عينة لاختبار التحمل.

لكن الجزء الأكثر إقناعًا في التقرير كان إقرار Claude بأن معظم هذه التحسينات لم تكن ضرورية للغرض المقصود من التطبيق.

قد يضيف أي منزل ما بين 30 إلى 50 معاملة شهريًا. حتى بعد عقد من الزمان، استنتج Claude أن التطبيق الأصلي كان سيتعامل على الأرجح مع البيانات الناتجة دون مشكلة ملحوظة. وبصرف النظر عن تخزين منسق العملة مؤقتًا (caching the currency formatter)، كانت معظم التحسينات مفيدة فقط لأنني طلبت دعمًا لآلاف المعاملات على وجه التحديد.

هذا التقييد (أو ضبط النفس) بدا أكثر “نضجًا” و”احترافية” من مجرد إجراء تغييرات لمجرد القدرة على فعل ذلك.

خلاصتي النهائية

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

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

كما أوضحت التجربة لماذا قد لا يكون استخدام مطالبة واحدة ضخمة مثل “اجعل هذا جاهزًا للإنتاج” هو النهج الأفضل. فالمراجعة الفردية قد تتجاهل قضايا مهمة، حتى لو بدت المطالبة شاملة. إن تقسيم العمل إلى مراحل مركزة منح Claude أولويات أقل للتعامل معها، وجعل نتائجه أسهل في التقييم.

فقط انتبه إلى حدود استخدام Claude. في المرة القادمة، قد أحاول دمج المطالبات لتجنب الوصول إلى الحد الأقصى المسموح به.

---

---