Solid Glass
نظام تصميم مستوحى من الزجاج ومصمم خصيصاً لتطبيقات الذكاء الاصطناعي القائمة على React.
مكونات واجهة مستخدم ملموسة، مادية، وتقنية مبنية على shadcn/ui و Tailwind CSS.
Solid Glass هو نظام تصميم متخصّص وقالب CSS أُنشئ حصيصاً لتطبيقات الذكاء الاصطناعي. فهو يسد الفجوة بين التصميم المسطح والزجاج السائل الشفاف للغاية، مما يمنحك نصاً قابلاً للقراءة إلى جانب إبرازات خفيفة للحواف وعمق مادي.
ما هو
يقدم ورقة أنماط واحدة تحدد الألوان، وثلاثة سمات لثخانة الزجاج، والحركة، وأسماء متغيرات shadcn/ui، إلى جانب مكونات واجهة مستخدم مخصصة مثل رموز الحالة، وعروض الفروق، ومربعات الاستدلال. يمكنك تكوين السمات باستخدام أقراص صفحة Create المدمجة ونشر كتل مساحة عمل الوكيل بالكامل مباشرة في مشروع React الخاص بك.
لمن هو
وهو يناسب مطوري الواجهات الأمامية والمصممين الذين يبنون واجهات الذكاء الاصطناعي، أو واجهات الدردشة، أو مساحات عمل الوكلاء الذين يريدون مظهراً جمالياً هادئاً وقابلاً للقراءة. وهو لا يناسب الفرق التي تبحث عن أساليب تصميم الويب التقليدية للشركات أو المسطحة البحتة.
أهم الميزات
جماليّات Solid Glass
يقدم لمسة نهائية رصينة تؤكد على الوضوح والاستقرار على حساب الانكسار الثقيل.
مكونات مساحة عمل الوكيل
تتضمن رموز الحالة، ومربعات المُنشئ، وعروض الفروق، وشاشات الاستدلال الجاهزة للاستخدام.
تكامل shadcn/ui
يعمل مباشرة مع مكونات shadcn/ui الحالية عن طريق استهداف data-slots عبر ملف CSS واحد.
صفحة Create التفاعلية
تتيح لك ضبط أقراص المواد مثل السمكة، واللون الخفيف، والضبابية، ونصف القطر لتوليد متغيرات CSS مخصصة.
جاهز للعمل في 3 خطوات
حكمنا الصادق
ما يميّزه
- ورقة أنماط واحدة تندمج بشكل نظيف مع إعدادات shadcn/ui و Tailwind الحالية
- مصممة خصيصاً لتدفق استجابات الذكاء الاصطناعي وملاحظات حالة الوكيل
- تتضمن كتل مساحة عمل وكيل جاهزة مسبقاً للنمذجة السريعة
- توفر صفحة Create تفاعلية لضبط خصائص المواد المخصصة
أين يقصّر
- تتطلب بيئة React 19 و Tailwind CSS 4 الحالية للتنفيذ
- تستبدل متغيرات الألوان الافتراضية، مما يتطلب تنظيفاً يدوياً لقوالب تهيئة shadcn القياسية
- قد لا يناسب النمط الجمالي المتخصص علامات التطبيقات التقليدية غير المرتبطة بالذكاء الاصطناعي
التسعير والرخصة
مجاني بموجب ترخيصها، مع عدم وجود خيارات مدفوعة مستضافة مذكورة في المستودع. التكلفة الوحيدة هي وقت الهندسة الخاص بك لدمج وتصميم تطبيقك.
وظائف للناطقين بالعربية
880 وظيفة مفتوحة عن بعد في تدريب الذكاء الاصطناعي، آخر تحديث ١٥ نوفمبر ٢٠٢٦؛ أجر معظمها $20–$175 في الساعة. منها 2 وظائف تطلب متحدثين بالعربية. يعرضها ذكائي مجانًا، والتقديم يتم على منصة جهة التوظيف.
البدائل
أدوات الذكاء الاصطناعي المُراجَعة هذه تؤدي المهمة فوراً — من دليلنا المُقيَّم.
استخدمه، أو دعنا نُعِدّه لك
الأسئلة الشائعة
كيف يختلف Solid Glass عن الزجاج السائل؟
الزجاج السائل شفاف تقريباً، مما يجبر القراء على محاربة الخلفية لرؤية النص. يقتصر Solid Glass على الشفافية كمخطط تفصيلي، مما يضمن قراءة عالية للنصوص الكثيفة وتدفق استجابات الذكاء الاصطناعي.
هل تحتاج إلى تعديل مكونات shadcn/ui الحالية الخاصة بي؟
لا. تعثر ورقة الأماط على كل جزء من مكونات shadcn/ui الحالية باستخدام سمات data-slot والفئات الحالية دون الحاجة إلى إعادة كتابة المكونات.
هل يمكنني تخصيص خصائص مادة الزجاج؟
نعم. تتيح لك صفحة Create المضمنة ضبط السمكة، واللون الخفيف، ولون الرسم البياني، والنوع، ونصف القطر، والحافة، والضبابية لتوليد متغيرات CSS الخاصة بك.
