مكتبة واجهات بارس‑وايز
مكتبة المكوّنات
تُبنى واجهة المهارة من كتل جاهزة. بطاقات ومفاتيح ومعارض ونماذج — داخل الدردشة مباشرة. كل كتلة سمة data: تكتبها في drawer.html، ويجمّع الودجت المكوّن بنفسه.
مكوّناً
بطاقات واختيار وإدخال ووسائط
حدثاً
على مضيف الدرج
سطر CSS
Tailwind وسمات data فقط
المراقب
MutationObserver يلتقط التغيّر الديناميكي
مكوّنات جاهزة
ترميز منك — وتجميع من الودجت. تُعلَن المكوّنات بسمات data وتُعالَج عبر MutationObserver: فتعمل في الترميز الثابت وعند الإنشاء من الشيفرة. وتصل أحداث المستخدم إلى مضيف الدرج.
البطاقات
عمودية بصورة في الأعلى أو أفقية بأسلوب متجر التطبيقات: عنوان ونص وأيقونة دائرية أو مستديرة الحواف.
data-card · data-card-horizontalمفتاح اختيار
شريط بمؤشر متحرك على عدة خيارات. ويُعطَّل بالصنف radio-switch--disabled.
data-radio-switchشبكة اختيار
خلايا قابلة للنقر في عمودين أو ثلاثة: تسمية وقيمة وتعليق. واحدة نشطة في كل مرة.
data-select-gridقائمة اختيار
صفوف بعنوان ووصف — لخيار واحد حصري في عمود واحد.
data-select-listاقتراح تلقائي
حقل باقتراحات منسدلة عبر وسيط الاقتراحات في الخادم. والقائمة ضمن التدفق تدفع المحتوى للأسفل.
data-suggest-inputحقل وجدول
أصناف جاهزة لحقل الإدخال وشبكة نتائج بـ Tailwind — والفجوة تصنع الفواصل البصرية.
input-wrapper · input-fieldتقييم بالرموز التعبيرية
ثلاثة وجوه متحركة — سيئ ومقبول وممتاز. لملاحظات وتقييمات سريعة.
data-emoji-rateأزرار الإجراءات
رابط بأيقونة علامة تلقائية (تيليجرام أو واتساب أو اتصال) أو نداء راجع بأيقونة من مجموعة Heroicons.
data-actionالمعرض
شبكة معاينات مع عارض Fancybox. والروابط مباشرة أو عبر أصول الحزمة {{asset:…}}.
data-galleryقائمة التفاصيل
بطاقة ملخص: صفوف «تسمية ← قيمة» بفواصل. لتأكيد الطلب قبل إرساله.
data-detail-listرفع الملفات
منطقة إفلات للصور والفيديو مع رفع إلى التخزين الكائني عبر رابط موقّع مسبقاً.
data-file-uploadمتناسق في النظام
الأنماط معزولة في 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 ومنشئ المهارات متاحة في الخطة المجانية — دون بطاقة.
أخبرونا بما تحتاجون
المشاريع حسب النوع تنمو سنة بعد سنة
MVP وإعادة التصميم والذكاء الاصطناعي والدعم — تراكمياً
ملف الاستوديو عبر المحاور الرئيسية
السرعة والجودة والشفافية والهندسة
البحث والتصميم والتطوير تتداخل
مسارات متوازية — لا شلال