VibeCheck - معمارية ذكاء اصطناعي وتطبيق ويب تفاعلي لتحليل المشاعر

بصفتي مهندس برمجيات ومبتكرًا تقنيًا، أؤمن بأن التطبيقات لا يجب أن تكون وظيفية فحسب، بل يجب أن تتفاعل بذكاء مع المستخدم. منصة VibeCheck هي تطبيق ويب متكامل يعتمد على الذكاء الاصطناعي (DL/NLP) لتحليل الصحة النفسية، حيث تتجاوز فكرة عرض "نسبة مئوية" جافة لتخلق بيئة بصرية تتفاعل بالكامل مع حالة المستخدم النصية. التحدي التقني والسريري: من خلال دراستي للهندسة الطبية الحيوية، أدركت الخطورة السريرية الكامنة في نماذج تصنيف الصحة النفسية التقليدية. التحدي الأكبر كان يتمثل في التقارب الدلالي بين نصوص الاكتئاب والميول الانتحارية؛ حيث أن الخطأ في تصنيف حالة انتحارية على أنها "اكتئاب" يؤدي إلى حجب موارد التدخل السريع. النماذج المسطحة مثل MentalBERT كانت تفقد السياق في النصوص الطويلة، مما أدى إلى معدلات خطأ غير مقبولة في هذا السياق الحرج. المعمارية التقنية (The Translation Layer) لحل هذه المشكلة، هندستُ معمارية خلفية متطورة تمر بأربع مراحل (Deep Dive Pipeline): - التوجيه المتقدم: تمرير البيانات عبر خادم FastAPI مخصص. - تحليل السياق الطويل: بدلًا من الاعتماد على نموذج واحد، قمت بدمج نموذج (Longformer) بنافذة سياق تصل إلى 4,096 رمزًا (Token) كخطوة تحقق نهائية (Stage 3). - النتيجة: هذا التصميم المعماري أدى إلى فهم أعمق للسياق، ونجح في خفض معدل التشخيص الخاطئ للحالات الانتحارية على أنها اكتئاب من 478 حالة إلى 65 حالة فقط—بنسبة تحسن وانخفاض في الخطأ بلغت 86%. واجهة مستخدم تفاعلية ونظيفة (Clean UI/UX) تم بناء الواجهة الأمامية باستخدام Next.js 15 و Tailwind CSS لتكون تفاعلية كليًا (Reactive): - التكيف البصري: لا توجد ألوان ثابتة في الكود. يعتمد التطبيق على نظام متغيرات CSS (CSS Custom Properties) يتغير فوريًا ليعكس حالة المستخدم (مثلاً: حركات بطيئة وخطوط رفيعة للاكتئاب، واهتزازات بصرية وخطوط عريضة للتوتر). - إدارة الحالة: تم استخدام Zustand مع localStorage لحفظ حالة المستخدم مع تفادي مشاكل الـ Hydration ببراعة. - نظام التدخل (Crisis Card): عند اكتشاف حالات حرجة، يقوم النظام تلقائيًا بحقن بطاقة دعم بتصميم نظيف (Frosted Glass) تقترح موارد محلية مثل "شيزلونج" وخطوط الدعم الساخنة. التقنيات المستخدمة (Tech Stack): - الواجهة الأمامية: Next.js 15, React 19, TypeScript, Tailwind CSS, Framer Motion, Zustand. - الواجهة الخلفية والخوادم: FastAPI (Python 3.10), Vercel (Edge CDN), HuggingFace Spaces. - الذكاء الاصطناعي (AI/DL): PyTorch, HuggingFace Transformers (MentalBERT, Longformer).