عن المشروع

Agentation هي أداة ملاحظات بصرية مصممة لسد الفجوة بين ما تراه في صفحة ويب قيد التشغيل وما يحتاج وكيل ترميز الذكاء الاصطناعي إلى تغييره في المصدر. بدلاً من وصف مشكلة واجهة المستخدم بالنثر، يمكنك الإشارة إليها مباشرة. كيف تعمل: تقوم بتثبيت الحزمة كاعتماد تطويري وتقديم مكوّن `<Agentation />` بجانب تطبيقك. يظهر شريط أدوات في الزاوية السفلية اليمنى. قم بتفعيله، ثم انقر على أي عنصر في الصفحة لإضافة تعليق توضيحي. تلتقط الأداة أسماء الفئات ومحددات CSS ومواضع العناصر، ثم تنتج مخرجات Markdown منظمة يمكنك نسخها وتسليمها لوكيل. مثال README هو أنه بدلاً من قول "الزر الأزرق في الشريط الجانبي"، تعطي الوكيل `.sidebar > button.primary` بالإضافة إلى ملاحظتك، والتي يمكن للوكيل البحث عنها مباشرة. القدرات البارزة المذكورة في README: - انقر لإضافة تعليق توضيحي لأي عنصر، مع تحديد المحدد تلقائيًا - تحديد النص لإضافة تعليقات على محتوى معين - تحديد متعدد عن طريق السحب عبر عدة عناصر - تحديد منطقة، بحيث يمكنك إضافة تعليق على منطقة حتى لو لم تحتوِ على عناصر - إيقاف الحركة مؤقتًا، لتجميد رسوم CSS وJS والفيديو لالتقاط حالة معينة - مخرجات Markdown منظمة تشمل المحددات والمواضع والسياق - وضع داكن وفاتح، يتبع تفضيل النظام أو يُضبط يدويًا - صفر اعتماديات وقت التشغيل، باستخدام رسوم CSS نقية المتطلبات والنطاق: React 18 أو أحدث، ومتصفح سطح المكتب (لا يُدعم الجوال). المشروع غير مرتبط بوكيل محدد، مما يعني أن المخرجات المنسوخة غير مرتبطة بمساعد ترميز ذكاء اصطناعي معين. الترخيص: ينص README على أن المشروع محمي بحقوق الطبع والنشر لعام 2026 لصالح Benji Taylor ومرخص بموجب PolyForm Shield 1.0.0، وهو ترخيص متاح المصدر وليس ترخيصًا مفتوح المصدر تقليديًا، لذا راجع شروطه قبل الاستخدام التجاري. الوثائق الكاملة مستضافة على agentation.com.