فريم فلو
محرر فيديو مدعوم بالذكاء الاصطناعي عبر المتصفح
التحدي
يحتاج منشئو المحتوى إلى إنتاج مقاطع فيديو قصيرة عالية الجودة على نطاق واسع، لكن أدوات التحرير الاحترافية معقدة وتعمل على سطح المكتب فقط ولا تستفيد من الذكاء الاصطناعي لتسريع سير العمل. الفجوة بين امتلاك الفكرة وشحن الفيديو النهائي لا تزال واسعة جداً.
التقنيات المستخدمة
النهج الهندسي
تدفق التوليد الأول بالذكاء الاصطناعي
بدلاً من البدء بجدول زمني فارغ، يصف المستخدمون الفيديو بلغة بسيطة. يولّد Gemini AI تفصيلاً منظماً للمشاهد يتضمن العنوان والوصف ومزاج الموسيقى ومدة كل مشهد، مما يُنشئ مشروعاً جاهزاً للتحرير في ثوانٍ.
الهندسة المدفوعة بالمخطط
صمّمت نموذج البيانات الكامل قبل كتابة مكون UI واحد. المشاريع والمشاهد والجداول الزمنية والأصول ووظائف العرض والإشعارات كلها لها حدود وعلاقات واضحة، مما يجعل النظام قابلاً للتوسع دون إعادة كتابة.
التسليم التدريجي للميزات
شحنت المصادقة ولوحة التحكم وتوليد الذكاء الاصطناعي أولاً للتحقق من الحلقة الأساسية قبل الاستثمار في المحرر. كل ميزة مبنية على أساس مستقر وليس بالتوازي معه.
بنية تحتية حقيقية من اليوم الأول
استخدمت Supabase مع تجميع الاتصالات واستراتيجية الترحيل الصحيحة وأنماط الحذف الناعم من البداية، لا كفكرة لاحقة، حتى يتصرف النظام بشكل صحيح في الاستخدام الحقيقي.
القرارات التقنية الرئيسية
الخيارات التي شكّلت الهندسة وحددت قابلية الصيانة على المدى البعيد.
Gemini AI لتوليد المشاهد
استخدام Google Gemini 3 Flash لدعم تدفق توليد الفيديو بالذكاء الاصطناعي
مخرجات Gemini المنظمة ونافذة السياق الكبيرة جعلتها مثالية لتوليد تفصيلات متعددة المشاهد بتنسيق JSON متسق. الطبقة المجانية تدعم الاستخدام الحقيقي في التطوير دون تكلفة مسبقة.
الحذف الناعم للمشاريع
المشاريع لا تُحذف فوراً بل تنتقل إلى سلة مهملات لمدة 30 يوماً
الحذف الدائم باب ذو اتجاه واحد. الحذف الناعم يمنح المستخدمين الثقة للتصرف بسرعة دون خوف، ويمنح المنتج مجالاً لإضافة تدفقات الاستعادة وأنماط التراجع وتاريخ النشاط لاحقاً.
علامة تبويب جديدة لتوليد الذكاء الاصطناعي
تدفق توليد الذكاء الاصطناعي يفتح في علامة تبويب جديدة بدلاً من مودال أو إعادة توجيه
يستغرق التوليد عدة ثوانٍ. الفتح في علامة تبويب جديدة يتيح للمستخدمين الاستمرار في العمل في لوحة التحكم دون حجب سياقهم، ويُنشئ فصلاً واضحاً بين إدخال المطالبة وتجربة المراجعة.
استراتيجية ترحيل واحدة
تجميع جميع تغييرات المخطط في ترحيل واحد بدلاً من ترحيلات تدريجية أثناء التطوير
المنتجات في المراحل المبكرة تتغير بسرعة. تجميع تغييرات المخطط حتى يستقر نموذج البيانات يتجنب ضجيج الترحيل ويجعل التاريخ ذا معنى عندما يهم.
التحديات والحلول
Gemini API أعاد JSON غير متسق مع فواصل زائدة واستجابات جزئية أعطبت التحليل
بنيت طبقة تحليل قوية باستخدام regex لاستخراج كتلة JSON من الاستجابة الكاملة ثم إزالة الفواصل الزائدة قبل التحليل. هذا جعل التكامل مقاوماً لتباين مخرجات النموذج.
موحّد اتصال Supabase (pgbouncer) حجب ترحيلات Prisma بسبب قيود وضع المعاملات
ضبطت سلسلتي اتصال منفصلتين، وضع المعاملات لاستعلامات التطبيق ووضع الجلسة للترحيلات، باستخدام حقل directUrl في Prisma. هذا الآن الإعداد الموصى به لـ Supabase + Prisma في الإنتاج.
Prisma Client كان يولّد أنواعاً قديمة بعد تغييرات المخطط، مما تسبب في أخطاء TypeScript لا تعكس حالة قاعدة البيانات الفعلية
أنشأت سير عمل واضحاً: تغيير المخطط → db push → prisma generate → إعادة تشغيل خادم TS. وثّقت هذا كحلقة التطوير القياسية لتجنب الارتباك أثناء التطوير النشط.
النتائج والأثر
فريم فلو لديه حلقة توليد AI تعمل، يصف المستخدمون الفيديو، يعيد Gemini تفصيلاً منظماً للمشاهد، ويُنشأ مشروع في قاعدة البيانات مع بيانات المشهد الكاملة. لوحة التحكم وصفحة المشاريع وشاشة المراجعة تعمل بالكامل مع بيانات حقيقية.
الدروس المستفادة
تكاملات الذكاء الاصطناعي تتعلق بهندسة المطالبات وتحليل المخرجات بقدر ما تتعلق باستدعاءات API. العمل الحقيقي هو جعل مخرجات النموذج حتمية بما يكفي لبناء منتج فوقها.