فرق Chrome وEdge وFirefox وMDN تنشر Modern Web Guidance لتعليم الـ agents خصائص الويب الحديثة

نُشرت على GitHub مجموعة skills باسم Modern Web Guidance، وهي ملفات إرشاد مكتوبة لتوضع في سياق الـ agent البرمجي، أي في المعلومات التي يقرؤها الموديل قبل أن يكتب الكود. والمشروع مفتوح برخصة Apache-2.0، ويقول المستودع إن القائمين عليه فرق Chrome وEdge وFirefox وفريق MDN، بالاشتراك مع مجتمع الويب. وتضم المجموعة 250 خاصية ويب و203 حالة استخدام.

والمشكلة التي يعالجها المشروع معروفة لكل من يراجع كودًا كتبه agent. فالموديل تعلم من كم هائل من الكود المنشور على مدى سنوات، ومعظمه كُتب قبل أن تصل خصائص حديثة إلى المتصفحات. فيميل إلى حلول بأسلوب 2019 تعتمد على JavaScript لعمل أشياء صار المتصفح نفسه يقدمها بكود أقل.

ومن الأمثلة التي توجه إليها المجموعة:

• الـ popover والـ dialog بعلامة في الـ HTML، بدل نوافذ منبثقة مكتوبة بـ JavaScript.
• الـ container queries التي تقيس حجم العنصر نفسه، بدل media queries تقيس الشاشة كلها.
• الـ scroll driven animations بدل listener يتابع حركة التمرير.
• الـ anchor positioning بدل حساب موضع الـ tooltip يدويًا.
• الـ passkeys بدل كلمات المرور، والـ Sanitizer API بدل أداة تنظيف HTML يكتبها المطور بنفسه.
• الـ Temporal بدل الأكواد القديمة لحساب التواريخ.

والتشغيل بأمر واحد: npx modern-web-guidance@latest install. وفي المجموعة أمر آخر يفحص مشروعًا قائمًا ويستخرج المواضع التي تستخدم أسلوبًا قديمًا: npx modern-web-guidance@latest legacy-scan .، إلى جانب أمر للبحث فيها. وتأتي مع manifests جاهزة لعدد من الأدوات: Claude وCodex وCursor وGemini وKimi.

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

وبالنسبة لفرق الويب في المنطقة العربية، التي صار جزء كبير من كودها يُكتب بمساعدة agents، قد يعني ذلك كودًا أخف يعتمد على ما في المتصفح بدل مكتبات إضافية، وعبئًا أقل على من يراجع ما يكتبه الـ agent طوال اليوم. كما يصبح أمر legacy-scan طريقة سريعة لمعرفة حجم الكود القديم في مشروع قائم قبل تحديثه.

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