عن المشروع

تعد AI DIAL UI Kit مكتبة مكونات React جاهزة للإنتاج، طورتها EPAM Systems، لتبسيط تطوير واجهات AI DIAL. مبنية بأحدث إصدارات React (19+) وTypeScript (5.0+) وVite وTailwind CSS، وتوفر مجموعة من المكونات الأساسية بما في ذلك الأزرار وحقول الإدخال والقوائم المنسدلة وغيرها، مما يمكن المطورين من إعادة استخدام العناصر بسرعة والحفاظ على اتساق التصميم عبر تطبيقات AI DIAL. تتضمن الميزات الرئيسية: - **تجربة مستخدم موحدة**: تضمن اتساق التصميم عبر تطبيقات AI DIAL - **تخصيص عميق للسمات**: إمكانيات تخصيص عميقة باستخدام خصائص CSS المخصصة، مع طبقات خلفية وألوان نص وأنصاف أقطار زوايا قابلة للتهيئة - **إمكانية الوصول**: دعم شامل لإمكانية الوصول بما في ذلك الامتثال لحجم الهدف وفقًا لمعيار WCAG 2.5.5 (المستوى AAA)، مع استثناءات موثقة لعناصر التحكم التي قد تسبب الأهداف الأكبر فيها تعارضات في التخطيط - **توثيق Storybook**: توثيق تفاعلي للمكونات وبيئة تطوير تجريبية مع اختبار بصري وأدوات اختبار إمكانية الوصول واختبار التصميم المتجاوب - **جيد الاختبار**: تغطية اختبار شاملة (أكثر من 70%) باستخدام Vitest وReact Testing Library - **تجربة المطور**: يستفيد من ESLint وPrettier وHusky لجودة كود قابلة للصيانة - **جاهز للتوزيع**: يتم نشره كحزمة NPM (@epam/ai-dial-ui-kit) جاهزة للتكامل السهل - **دعم Tree Shaking**: استيراد المكونات التي تحتاجها فقط لتقليل حجم الحزمة - **تكامل Next.js**: تكامل سلس مع تطبيقات Next.js - **خادم MCP للوكلاء الذكاء الاصطناعي**: خادم Model Context Protocol مدمج يمكن الوكلاء الذكاء الاصطناعي من اكتشاف المكونات والأنواع والخطافات والأدوات برمجيًا، مما يسمح للمساعدين الذكاء الاصطناعي بتوليد كود مكونات دقيق وآمن من حيث الأنواع تدعم المكتبة عناصر تحكم بالحجم القياسي والصغير مع أنصاف أقطار زوايا قابلة للتهيئة عبر خصائص CSS المخصصة. وتتضمن مكونات محرر Markdown اختيارية تتطلب استيرادات CSS إضافية. يتبع هيكل المشروع تنظيمًا نظيفًا مع أدلة components وstyles وtypes. تتضمن المتطلبات الأساسية Node.js >= 22.2.0 وnpm >= 10.7.0. المشروع مرخص بموجب Apache 2.0 وهو جزء من نظام AI DIAL البيئي الأوسع، حيث يعمل مشروع AI-DIAL الرئيسي كنقطة دخول لجميع مشاريع AI DIAL.