Vibe OS 4.0نظام تشغيل للويب
إعادة بناء طبقة الواجهة من الصفر: نظام تصميم بمكوّنات مستقلّة وسطح زجاجي يقرأ ما خلفه، سُلِّم أساساً تُبنى عليه منتجات المجموعة.
- العميل
- منتج عوالِم
- القطاع
- منصّات ويب
- السنة
- 2023 — الآن (الإصدار 4.0)
- الدور
- هندسة واجهة ونظام تصميم
- المنصّة
- ويب
- الحالة
- يعمل
النتائجIMPACT
ما الذي تغيّر
النتيجة أولاً، ثم كيف وصلنا إليها. أرقام يمكن تتبّع مصدرها — لا صفات.
التحدّيTHE CHALLENGE
ما المشكلة التي جئنا لحلّها
كل منتج في المجموعة كان يعيد بناء الأزرار والنوافذ والجداول بطريقته. أي تغيير في الهوية يعني إعادة العمل في أربعة أماكن، والذكاء الاصطناعي كان دائماً نافذة محادثة مُلصقة على الجانب.
- نظام مكوّنات واحد تتغيّر منه الهوية كلها من مكان واحد
- ذكاء اصطناعي داخل المهمّة نفسها لا في نافذة جانبية
- سطح زجاجي حيّ يبقى مقروءاً بالعربية وبتباين AA
- أرضية تنطلق منها واجهات المنتجات التالية دون إعادة بناء
المقاربةAPPROACH
ما الذي قرّرناه — ولماذا
نظام مكوّنات لا صفحات
كل سطح مبني من مكوّنات موثّقة برموز تصميم (tokens) مركزية: لون، مسافة، طباعة، حركة. تغيير قيمة واحدة يغيّر الهوية في كل منتج يستهلك النظام.
ذكاء مدمج في التدفّق
المساعدة تظهر داخل الحقل أو الجدول الذي يعمل فيه المستخدم، وتقترح الخطوة التالية بسياقها — بدل نافذة محادثة منفصلة تُقطع بها المهمّة.
زجاج يُقرأ بالعربية
الطبقات الزجاجية تُضبط على تباين مُقاس لا مُقدَّر، مع أرضية داكنة ثابتة خلف النصّ حتى لا تتحوّل الشفافية إلى ضجيج بصري خلف الحروف العربية.
الحلSOLUTION
ما الذي سُلِّم فعلاً
طبقة واجهة كاملة بـ TypeScript وReact فوق نظام رموز تصميم مركزي، بمكوّنات مستقلة تحمل حالتها بنفسها. صارت الأرضية التي انطلقت منها واجهات محاسب ذكي والأكاديمية — نفس الأزرار، نفس الجداول، نفس الحركة.
الخطوة التالية
عندك مشروع بهذا الحجم؟
احكِ لنا عن العملية، ونعود إليك بتشخيص أوّلي وتقدير نطاق — دون التزام.
- نعود إليك خلال يومَي عمل
- الكود ملك لك بالكامل
- أرقام منشورة موقّعة وقابلة للتحقّق