دراسة حالة
Fenado AI
منصة ذكاء اصطناعي وكيلي تحوّل النصوص إلى تطبيقات ويب عاملة.
50K
مستخدم يولّدون تطبيقات
Full-stack
إخراج من تعليمة واحدة
فوري
توليد WebSocket
التحدي
ذكاء اصطناعي يكتب كوداً كاملاً، لا مقتطفات
معظم أدوات الكود بالذكاء الاصطناعي تنتج شظايا. دالة هنا، مكوّن هناك. مؤسس Fenado أراد شيئاً مختلفاً: منصة يكتب فيها المستخدم "ابنِ لي نظام إدارة مخزون" ويحصل على تطبيق عامل بواجهة React أمامية وخلفية FastAPI وقاعدة بيانات MongoDB ومصادقة JWT. بدون ربط يدوي. بدون تجميع بالنسخ واللصق.
المشكلة التقنية كانت على ثلاث طبقات. أولاً، احتاج وكيل الذكاء الاصطناعي لتفكيك تعليمة غامضة إلى شاشات محددة ونماذج بيانات ومسارات API. ثانياً، كل شاشة احتاجت للعرض الفوري عبر WebSockets ليشاهد المستخدمون تطبيقهم يتشكّل. ثالثاً، الإخراج يجب أن يُترجم ويعمل. الاستيرادات المعطلة أو التبعيات المفقودة ستقتل الثقة من أول توليد.
نموذج العمل تطلّب فواتير اشتراك Stripe بثلاث مستويات ($199/شهر، $1,999/شهر، $9,999/شهر)، وتعاون فريق مع ضوابط ميزانية لكل عضو، وتطبيق سطح مكتب macOS للتطوير المحلي. كل هذا يجب أن يُشحن كمنتج واحد.
ما بنيناه
تعليمة تدخل. تطبيق يخرج.
خط أنابيب ذكاء اصطناعي وكيلي مع LangChain
يُرسل المستخدم تعليمة نصية. وكلاء LangChain يفككون تلك التعليمة إلى خطة مهيكلة: شاشات، نماذج بيانات، نقاط نهاية API، وتسلسل هرمي للمكونات. كل وكيل يعالج مسؤولية واحدة. وكيل التخطيط يرسم بنية التطبيق. وكيل التصميم يولّد تخطيطات الشاشات. وكيل الكود يكتب مكونات React ومسارات FastAPI. الوكلاء يتنسقون عبر رسم بياني حالة مشترك، يمررون المخرجات للأمام بدون إعادة استعلام.
توليد فوري عبر WebSockets
يشاهد المستخدمون تطبيقهم يتجمّع في المتصفح. كلما أكمل وكيل LangChain خطوة، يدفع الخادم النتيجة عبر اتصال WebSocket. تصاميم الشاشات تظهر واحدة تلو الأخرى. ملفات الكود تتدفق إلى شجرة المشروع. مؤشرات التقدم تُظهر أي وكيل نشط وماذا ينتج. حلقة الاستجابة هذه حوّلت انتظار 60 ثانية إلى تجربة بناء جذابة أبقت المستخدمين على الصفحة.
إخراج تطبيق Full-stack
كل تطبيق مُولَّد يأتي بواجهة React 19 أمامية مع مكونات shadcn/ui، وخلفية FastAPI مع MongoDB، ومصادقة JWT مدمجة. نظام القوالب يفرض هيكل مشروع متسق: مسارات API تتبع اصطلاحات RESTful، نماذج قاعدة البيانات تتضمن التحقق، والواجهة الأمامية تتصل بالخلفية عبر عملاء API مُنمَّطين. يقوم المستخدمون بتنزيل أو نشر مشروع يعمل بأمر واحد.
فوترة Stripe وتعاون الفريق
ثلاث مستويات اشتراك Stripe تتحكم في الوصول: Business بـ $199/شهر، Business Plus بـ $1,999/شهر، وBusiness Express بـ $9,999/شهر. كل مستوى يحدد حدود التوليد وبوابات الميزات. مالكو الفرق يدعون الأعضاء عبر البريد الإلكتروني، يُعيّنون ميزانيات لكل عضو، ويتتبعون استخدام التوليد عبر المنظمة. Webhooks من Stripe تتعامل مع الترقيات والتخفيضات والمدفوعات الفاشلة بدون تدخل يدوي.
بنية المنصة التحتية
- توليد تصميم بالذكاء الاصطناعي شاشة بشاشة. وكيل التخطيط يرسم كل شاشة قبل أن يكتبها وكيل الكود، لكي يتبع الإخراج تسلسلاً هرمياً بصرياً متماسكاً.
- تطبيق سطح مكتب macOS للتطوير المحلي. يولّد المستخدمون التطبيقات في المتصفح، ثم يفتحونها في تطبيق سطح المكتب لتعديلها وتشغيلها ونشرها من أجهزتهم.
- مصادقة Firebase مع التحكم في الوصول القائم على الأدوار، تفصل المستخدمين الأفراد عن مالكي الفرق وأعضاء المنظمة.
- نظام قوالب بإعدادات افتراضية محددة: FastAPI + MongoDB في الخلفية، React 19 + shadcn/ui في الواجهة الأمامية، ومصادقة JWT مُوصّلة مسبقاً عبر الطبقتين.
البنية
كيف يعمل خط الأنابيب
الخطوة 1
استقبال التعليمة
يصف المستخدم ما يريده بنص عادي. وكيل التخطيط يحلل التعليمة إلى مواصفات مهيكلة: عدد الشاشات، كيانات البيانات، العلاقات، ومتطلبات المصادقة.
الخطوة 2
تصميم الشاشات
وكيل التصميم يولّد تخطيطات شاشة بشاشة. كل شاشة تُربط بمسار في التطبيق النهائي. موضع المكونات وربط البيانات وتدفق التنقل تُحدَّد قبل كتابة أي كود.
الخطوة 3
توليد الكود
وكيل الكود يكتب مكونات React ومسارات FastAPI ونماذج MongoDB وبرمجية JWT الوسيطة. كل ملف يُبث إلى العميل عبر WebSockets فور اكتماله. الإخراج يتبع اصطلاحات نظام القوالب.
الخطوة 4
الإخراج
المشروع المُجمَّع يتضمن واجهة أمامية عاملة وخلفية ومخطط قاعدة بيانات وطبقة مصادقة. يقوم المستخدمون بتنزيل المشروع أو فتحه في تطبيق سطح مكتب macOS. التطبيق يعمل بأمر واحد.
النتائج
أرقام الإنتاج
50K
مستخدم يولّدون تطبيقات ويب عاملة
Full-stack
واجهة أمامية + خلفية + API من تعليمة واحدة
3 مستويات
خطط اشتراك Stripe من $199 إلى $9,999/شهر
تواصل معنا
ابدأ محادثة
أخبرنا عن مشروعك. سنردّ خلال 24 ساعة بخطة واضحة، وجدول زمني تقديري، ونطاق التسعير.
البريد الإلكتروني
hello@savibm.comمقرّنا في
الإمارات والهند
تم استلام الرسالة
سنراجع مشروعك ونعود إليك خلال 24 ساعة.
يمكنك أيضًا التواصل معنا عبر hello@savibm.com