بث مباشر 18.11 · الدفعة 318 نوفمبر، 19:00 بتوقيت موسكو — ورشة عملية مجانية لوكلاء الذكاء الاصطناعي · الدفعة 3 تبدأ 23.11ورشة 18 نوفمبر ←الدفعة 3 (23.11)
إصداركود / SDK · جاهز للعملHacker News AI→ المصدر

Chrome يعلّم وكلاء البرمجة الكتابة دون حلول ترقيعية: نسبة نجاح المهام ارتفعت من 55% إلى 92%

يعرف وكلاء البرمجة عناصر <dialog> وCSS.highlights وfield-sizing، لكنهم بحكم العادة يكتبون <div> وعشرات الأسطر من JS بأسلوب عام 2019. أصدر فريق Chrome بالتعاون مع Firefox وMDN وEdge المشروع modern-web-guidance 1.0: أدلة مفتوحة تُربط بالوكيل كمهارة (skill). في اختبار على 200 مهمة ارتفعت نسبة الفحوص الناجحة من 55% إلى 92%.

معالج بواسطة الذكاء الاصطناعي من Hacker News AI؛ بتحرير Hamidun News
Chrome يعلّم وكلاء البرمجة الكتابة دون حلول ترقيعية: نسبة نجاح المهام ارتفعت من 55% إلى 92%
المصدر: Hacker News AI. كولاج: Hamidun News.
استمع للمقال
بطاقة الحقائق والأرقام
المعيارالتفاصيل
المصدر الأصليHacker News AI ↗
رئيس التحرير
حقيقة رئيسية #1أكثر من 200 دليل (~1.7 ميغابايت) كتبها خبراء ويب، وتُربط كـ skill وعبر CLI
البحث في الأدلة~7 ميغابايت بلغة JS خالصة، وحوالي 10 ملّي ثانية على المعالج
حقيقة رئيسية #3تكتشف legacy-scan الأنماط القديمة في الشيفرة بدقة متوسطة 92%

اطلب من Claude أو Codex إنشاء نافذة مشروطة (modal)، وعلى الأرجح ستحصل على <div> مع طبقة تغطية وإدارة يدوية للتركيز وحزمة من JS. في المقابل يتوفر في المتصفح منذ زمن طويل عنصر <dialog> مع showModal(): الخلفية والتركيز والإغلاق بزر Escape تعمل جاهزةً. تعرف النماذج هذه الأمور، لكنها تختار بحكم العادة النمط الأكثر حضورًا في بيانات التدريب. وقد عالج فريق Chrome هذه المشكلة مباشرة.

ما الذي صدر

صدر مشروع modern-web-guidance بالإصدار 1.0. شارك في إعداده Firefox وMDN وEdge. يضم أكثر من 200 دليل مكتوب يدويًا (نحو 1.7 ميغابايت) حول كيفية حل مهام الواجهات الأمامية المعتادة بإمكانات المنصة نفسها. من الأمثلة: CSS.highlights يميّز مقاطع النص دون سيل من وسوم <span>، وfield-sizing يوسّع textarea أثناء الكتابة، و<dialog> يحل محل النوافذ المشروطة محلية الصنع.

تُقدَّم الأدلة للوكيل كمهارة (skill) مع CLI يوفر بحث RAG وكيليًا. يقول المؤلف إنه بحث تسعة أشهر عن طريقة لا تُضخّم نافذة السياق ولا تعتمد على آلية التفعيل في MCP. وصياغة وصف المهارة مضبوطة بحيث تعمل تحديدًا في مهام الواجهات الأمامية. كانت حزمة البحث تزن في البداية نحو 500 ميغابايت بصيغتها الأصلية، أما الآن فهي JS خالصة بحجم ~7 ميغابايت، ويستغرق البحث نحو 10 ملّي ثانية على معالج عادي.

الأرقام والتحقق

بنى المؤلفون بنية تحتية للتقييم. جرى تشغيل Codex وClaude وagy على 200 مهمة، أولًا دون المهارة ثم معها. يُفحص نحو 1700 ادعاء باستخدام Playwright وتحليل AST. دون الأدلة تنجح 55% من الفحوص، ومع الأدلة 92%.

يفيد التقييم أيضًا في الحالة المعاكسة: إذا كان الوكيل يتقن نمطًا ما دون تلميح، يمكن حذف الدليل. وبحسب المؤلف، تبيّن أن بعض الأمور التي عدّها الفريق نقطة ضعف في النماذج معروفة لها أكثر مما كان متوقعًا.

أما الإضافة المستقلة فتسمى legacy-scan. وهي ماسح حتمي (deterministic) دُرّب على 30 ألف مستودع على GitHub. يكتشف الأنماط القديمة التي يستطيع الوكيل استبدالها بأنماط حديثة. متوسط الدقة على المستودعات المحجوزة للاختبار 92%.

كيف تجربه

يُثبَّت كل شيء عبر npx:

  • npx modern-web-guidance@latest install يربط المهارة
  • search "animate dialog modal" يبحث في الأدلة
  • legacy-scan ./src يفحص شيفرتك

يمكن تعطيل التليمتري بالمتغير DISABLE_TELEMETRY=1. ويُستحسن فعل ذلك فورًا إذا كنت تعمل على شيفرة مغلقة.

القيود والخلاصة

التحفظ الرئيسي أن الارتفاع من 55% إلى 92% قيس على معيار اختبار أعدّه المؤلفون أنفسهم. فالمهام والفحوص مختارة لتناسب الأدلة، لذا قد يكون المكسب في مشروعك أكثر تواضعًا. كما أن واجهات API الحديثة تتطلب دعمًا في المتصفحات المستهدفة، ولا يزال لزامًا التحقق من توافق ما يكتبه الوكيل مع جمهورك.

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

القصة

أسئلة وأجوبة حول الخبر

ما أبرز التفاصيل حول ما الذي صدر؟

صدر مشروع modern-web-guidance بالإصدار 1.0. شارك في إعداده Firefox وMDN وEdge. يضم أكثر من 200 دليل مكتوب يدويًا (نحو 1.7 ميغابايت) حول كيفية حل مهام الواجهات الأمامية المعتادة بإمكانات المنصة نفسها. من الأمثلة: CSS.highlights يميّز مقاطع النص دون سيل من وسوم <span>، وfield-sizing يوسّع textarea أثناء الكتابة، و<dialog> يحل محل النوافذ المشروطة محلية الصنع. تُقدَّم الأدلة للوكيل كمهارة (skill) مع CLI يوفر بحث RAG وكيليًا.

ما أبرز التفاصيل حول الأرقام والتحقق؟

بنى المؤلفون بنية تحتية للتقييم. جرى تشغيل Codex وClaude وagy على 200 مهمة، أولًا دون المهارة ثم معها. يُفحص نحو 1700 ادعاء باستخدام Playwright وتحليل AST. دون الأدلة تنجح 55% من الفحوص، ومع الأدلة 92%. يفيد التقييم أيضًا في الحالة المعاكسة: إذا كان الوكيل يتقن نمطًا ما دون تلميح، يمكن حذف الدليل. وبحسب المؤلف، تبيّن أن بعض الأمور التي عدّها الفريق نقطة ضعف في النماذج معروفة لها أكثر مما كان متوقعًا. أما الإضافة المستقلة فتسمى legacy-scan. وهي ماسح حتمي (deterministic) دُرّب على 30 ألف مستودع على GitHub.

ما أبرز التفاصيل حول كيف تجربه؟

يُثبَّت كل شيء عبر npx: npx modern-web-guidance@latest install يربط المهارة search "animate dialog modal" يبحث في الأدلة legacy-scan ./src يفحص شيفرتك يمكن تعطيل التليمتري بالمتغير DISABLE_TELEMETRY=1. ويُستحسن فعل ذلك فورًا إذا كنت تعمل على شيفرة مغلقة.

ZK
جمال حميدون — مدير المنتجات في Alpina Digital ومدير منتج AlpinaGPT. يبني منتجات الذكاء الاصطناعي منذ 2019. بدأ Hamidun News كمشروع شخصي ثم أصبح مُجمِّعًا إنتاجيًا بأكثر من 6000 قارئ.
✦ Hands-On AI Engineering · Hamidun Academy

Build & Ship Production AI Agents Without Boilerplate Code

Start your free 72-hour trial at Hamidun Academy (academy.hamidun.com) — interactive lessons on Claude Code & Cursor, live Tech Radar, and production agent templates.

Start 72h Free Trial →Vibe-Coding Intensive
ما رأيك؟
جارٍ تحميل التعليقات…