دراسة حالة

Fenado AI

منصة ذكاء اصطناعي وكيلي تحوّل النصوص إلى تطبيقات ويب عاملة.

50K

مستخدم يولّدون تطبيقات

Full-stack

إخراج من تعليمة واحدة

فوري

توليد WebSocket

في الإنتاج
fenado.ai
صفحة Fenado AI الرئيسية تعرض منصة توليد التطبيقات بالذكاء الاصطناعي

التحدي

ذكاء اصطناعي يكتب كوداً كاملاً، لا مقتطفات

معظم أدوات الكود بالذكاء الاصطناعي تنتج شظايا. دالة هنا، مكوّن هناك. مؤسس Fenado أراد شيئاً مختلفاً: منصة يكتب فيها المستخدم "ابنِ لي نظام إدارة مخزون" ويحصل على تطبيق عامل بواجهة React أمامية وخلفية FastAPI وقاعدة بيانات MongoDB ومصادقة JWT. بدون ربط يدوي. بدون تجميع بالنسخ واللصق.

المشكلة التقنية كانت على ثلاث طبقات. أولاً، احتاج وكيل الذكاء الاصطناعي لتفكيك تعليمة غامضة إلى شاشات محددة ونماذج بيانات ومسارات API. ثانياً، كل شاشة احتاجت للعرض الفوري عبر WebSockets ليشاهد المستخدمون تطبيقهم يتشكّل. ثالثاً، الإخراج يجب أن يُترجم ويعمل. الاستيرادات المعطلة أو التبعيات المفقودة ستقتل الثقة من أول توليد.

نموذج العمل تطلّب فواتير اشتراك Stripe بثلاث مستويات ($199/شهر، $1,999/شهر، $9,999/شهر)، وتعاون فريق مع ضوابط ميزانية لكل عضو، وتطبيق سطح مكتب macOS للتطوير المحلي. كل هذا يجب أن يُشحن كمنتج واحد.

ما بنيناه

تعليمة تدخل. تطبيق يخرج.

خط أنابيب ذكاء اصطناعي وكيلي مع LangChain

يُرسل المستخدم تعليمة نصية. وكلاء LangChain يفككون تلك التعليمة إلى خطة مهيكلة: شاشات، نماذج بيانات، نقاط نهاية API، وتسلسل هرمي للمكونات. كل وكيل يعالج مسؤولية واحدة. وكيل التخطيط يرسم بنية التطبيق. وكيل التصميم يولّد تخطيطات الشاشات. وكيل الكود يكتب مكونات React ومسارات FastAPI. الوكلاء يتنسقون عبر رسم بياني حالة مشترك، يمررون المخرجات للأمام بدون إعادة استعلام.

واجهة بناء تطبيقات Fenado AI تعرض سير عمل التوليد

توليد فوري عبر WebSockets

يشاهد المستخدمون تطبيقهم يتجمّع في المتصفح. كلما أكمل وكيل LangChain خطوة، يدفع الخادم النتيجة عبر اتصال WebSocket. تصاميم الشاشات تظهر واحدة تلو الأخرى. ملفات الكود تتدفق إلى شجرة المشروع. مؤشرات التقدم تُظهر أي وكيل نشط وماذا ينتج. حلقة الاستجابة هذه حوّلت انتظار 60 ثانية إلى تجربة بناء جذابة أبقت المستخدمين على الصفحة.

قسم ميزات Fenado AI يعرض قدرات التوليد الفوري

إخراج تطبيق Full-stack

كل تطبيق مُولَّد يأتي بواجهة React 19 أمامية مع مكونات shadcn/ui، وخلفية FastAPI مع MongoDB، ومصادقة JWT مدمجة. نظام القوالب يفرض هيكل مشروع متسق: مسارات API تتبع اصطلاحات RESTful، نماذج قاعدة البيانات تتضمن التحقق، والواجهة الأمامية تتصل بالخلفية عبر عملاء API مُنمَّطين. يقوم المستخدمون بتنزيل أو نشر مشروع يعمل بأمر واحد.

أقسام إضافية لمنصة Fenado AI تعرض إخراج التطبيق المُولَّد

فوترة Stripe وتعاون الفريق

ثلاث مستويات اشتراك Stripe تتحكم في الوصول: Business بـ $199/شهر، Business Plus بـ $1,999/شهر، وBusiness Express بـ $9,999/شهر. كل مستوى يحدد حدود التوليد وبوابات الميزات. مالكو الفرق يدعون الأعضاء عبر البريد الإلكتروني، يُعيّنون ميزانيات لكل عضو، ويتتبعون استخدام التوليد عبر المنظمة. Webhooks من Stripe تتعامل مع الترقيات والتخفيضات والمدفوعات الفاشلة بدون تدخل يدوي.

نظرة عامة على منصة Fenado AI تعرض مستويات الاشتراك

بنية المنصة التحتية

  • توليد تصميم بالذكاء الاصطناعي شاشة بشاشة. وكيل التخطيط يرسم كل شاشة قبل أن يكتبها وكيل الكود، لكي يتبع الإخراج تسلسلاً هرمياً بصرياً متماسكاً.
  • تطبيق سطح مكتب macOS للتطوير المحلي. يولّد المستخدمون التطبيقات في المتصفح، ثم يفتحونها في تطبيق سطح المكتب لتعديلها وتشغيلها ونشرها من أجهزتهم.
  • مصادقة Firebase مع التحكم في الوصول القائم على الأدوار، تفصل المستخدمين الأفراد عن مالكي الفرق وأعضاء المنظمة.
  • نظام قوالب بإعدادات افتراضية محددة: FastAPI + MongoDB في الخلفية، React 19 + shadcn/ui في الواجهة الأمامية، ومصادقة JWT مُوصّلة مسبقاً عبر الطبقتين.

البنية

كيف يعمل خط الأنابيب

الخطوة 1

استقبال التعليمة

يصف المستخدم ما يريده بنص عادي. وكيل التخطيط يحلل التعليمة إلى مواصفات مهيكلة: عدد الشاشات، كيانات البيانات، العلاقات، ومتطلبات المصادقة.

الخطوة 2

تصميم الشاشات

وكيل التصميم يولّد تخطيطات شاشة بشاشة. كل شاشة تُربط بمسار في التطبيق النهائي. موضع المكونات وربط البيانات وتدفق التنقل تُحدَّد قبل كتابة أي كود.

الخطوة 3

توليد الكود

وكيل الكود يكتب مكونات React ومسارات FastAPI ونماذج MongoDB وبرمجية JWT الوسيطة. كل ملف يُبث إلى العميل عبر WebSockets فور اكتماله. الإخراج يتبع اصطلاحات نظام القوالب.

الخطوة 4

الإخراج

المشروع المُجمَّع يتضمن واجهة أمامية عاملة وخلفية ومخطط قاعدة بيانات وطبقة مصادقة. يقوم المستخدمون بتنزيل المشروع أو فتحه في تطبيق سطح مكتب macOS. التطبيق يعمل بأمر واحد.

Next.js (App Router) React 19 TypeScript Tailwind CSS shadcn/ui LangChain Python FastAPI MongoDB Firebase Stripe WebSockets JWT

النتائج

أرقام الإنتاج

50K

مستخدم يولّدون تطبيقات ويب عاملة

Full-stack

واجهة أمامية + خلفية + API من تعليمة واحدة

3 مستويات

خطط اشتراك Stripe من $199 إلى $9,999/شهر

تواصل معنا

ابدأ محادثة

أخبرنا عن مشروعك. سنردّ خلال 24 ساعة بخطة واضحة، وجدول زمني تقديري، ونطاق التسعير.

البريد الإلكتروني

hello@savibm.com

مقرّنا في

الإمارات والهند