مكتبة واجهات بارس‑وايز
مكتبة المكوّنات
تُبنى واجهة المهارة من كتل جاهزة. بطاقات ومفاتيح ومعارض ونماذج — داخل الدردشة مباشرة. كل كتلة سمة data: تكتبها في drawer.html، ويجمّع الودجت المكوّن بنفسه.
مكوّناً
بطاقات واختيار وإدخال ووسائط
حدثاً
على مضيف الدرج
سطر CSS
Tailwind وسمات data فقط
المراقب
MutationObserver يلتقط التغيّر الديناميكي
مكوّنات جاهزة
ترميز منك — وتجميع من الودجت. تُعلَن المكوّنات بسمات data وتُعالَج عبر MutationObserver: فتعمل في الترميز الثابت وعند الإنشاء من الشيفرة. وتصل أحداث المستخدم إلى مضيف الدرج.
البطاقات

عمودية بصورة في الأعلى أو أفقية بأسلوب متجر التطبيقات: عنوان ونص وأيقونة دائرية أو مستديرة الحواف.
مفتاح اختيار

شريط بمؤشر متحرك على عدة خيارات. ويُعطَّل بالصنف radio-switch--disabled.
شبكة اختيار

خلايا قابلة للنقر في عمودين أو ثلاثة: تسمية وقيمة وتعليق. واحدة نشطة في كل مرة.
قائمة اختيار

صفوف بعنوان ووصف — لخيار واحد حصري في عمود واحد.
اقتراح تلقائي

حقل باقتراحات منسدلة عبر وسيط الاقتراحات في الخادم. والقائمة ضمن التدفق تدفع المحتوى للأسفل.
حقل وجدول

أصناف جاهزة لحقل الإدخال وشبكة نتائج بـ Tailwind — والفجوة تصنع الفواصل البصرية.
تقييم بالرموز التعبيرية

ثلاثة وجوه متحركة — سيئ ومقبول وممتاز. لملاحظات وتقييمات سريعة.
أزرار الإجراءات

رابط بأيقونة علامة تلقائية (تيليجرام أو واتساب أو اتصال) أو نداء راجع بأيقونة من مجموعة Heroicons.
المعرض

شبكة معاينات مع عارض Fancybox. والروابط مباشرة أو عبر أصول الحزمة {{asset:…}}.
قائمة التفاصيل

بطاقة ملخص: صفوف «تسمية ← قيمة» بفواصل. لتأكيد الطلب قبل إرساله.
رفع الملفات

منطقة إفلات للصور والفيديو مع رفع إلى التخزين الكائني عبر رابط موقّع مسبقاً.
متناسق في النظام
الأنماط معزولة في Shadow DOM. تكتب Tailwind فقط، ويأتي لون العلامة من أدوات skill-primary، وارتفاعات الحقول والمفاتيح مضبوطة سلفاً لتتناسب.
أداة skill-primary
text, bg, ring, border, fill
ارتفاع عناصر التحكم
الإدخال والاختيار متناسقان
حد الأصل
PNG, JPG, WebP, SVG, GIF
ملفاً في الحزمة
الرفع إلى التخزين تلقائي
طريقان إلى المهارة
المُنشئ المرئي طريق بلا شيفرة. أما المكوّنات وصيغة .skill فمواصفة جاهزة للنموذج: تعطيها له فيبني مهارة تفاعلية للمهمة.
المكوّنات في العمل
من الكتل نفسها بُنيت مهارات جاهزة. اختبار قصير ومُثرٍ وحاسبة ونموذج تقييم — كل منها يأخذ مكوّناته من المكتبة ويعمل داخل الدردشة.
المهارات تعيش في صندوق رملي
أسئلة المطورين
بسمة data في drawer.html: <div data-radio-switch data-options="…">. يعالجه الودجت عبر MutationObserver — فيعمل مع الترميز الثابت ومع الإنشاء من الشيفرة.
ابنِ مهارتك
من الملف إلى النداء. المكتبة وصيغة .skill ومنشئ المهارات متاحة في الخطة المجانية — دون بطاقة.
جرّبوه على بياناتكم
ارفعوا مستنداتكم وكتالوجكم، ثم اسألوا المساعد الأسئلة التي تُطرح عليكم. هذا هو الاختبار الوحيد ذو المعنى.

-poster.webp&w=2048&q=75)

