صايب موشن غرافيك وفيديوهات مونتاج بـ Motion Video Director

Motion Video Director هي مهارة ديال الإنتاج كتحوّل وكيل البرمجة لمصمم موشن، ومونتير فيديو، ومخرج، ومصمم صوت. كتقدر تنشئ فيديوهات تفسيرية متحركة انطلاقاً من الكود، وتعدّل فيديوهات ديال الأشخاص كيهضرو مباشرة للكاميرا، وتحضّر نصوص التعليق الصوتي، وتزامن المؤثرات الصوتية، وتخرج فيديوهات MP4 نهائية بصيغ عمودية أو عريضة أو مربعة.

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

شنو كيدير Motion Video Director

المهارة كتغطي كلاً من الرسوم المتحركة المولّدة بالكامل والمونتاج المبني على لقطات موجودة من قبل. يمكن كتابة التحريكات باستعمال Canvas أو SVG أو Three.js أو GSAP، بينما تقدر مشاريع اللقطات تجمع بين القطع، والتكبيرات السريعة، والعناوين، ولقطات B-roll، والنص الموضوع خلف الشخص.

• الرسوم المتحركة: إنشاء طباعة حركية، ونماذج واجهات المستخدم، وتحريكات المؤشر، وملصقات، وجزيئات، وعناصر Lottie، ومشاهد ثلاثية الأبعاد.
• مونتاج اللقطات: تعديل مقاطع الأشخاص كيهضرو للكاميرا مع القطع، والعناوين، والتكبيرات السريعة، وتغيير سرعة اللقطات، وعزل الأشخاص.
• تخطيط التعليق الصوتي: إعداد نصوص مصممة لـ ElevenLabs ومطابقة اللقطات مع التوقيت ديال كل كلمة.
• تصميم الصوت: إضافة مؤثرات تصاعدية وصدمات ووشوشات متزامنة مع الإطارات، وخفض صوت المؤثرات تحت التعليق الصوتي، وضبط مستوى الصوت المستهدف للمنصة.
• الإخراج محلياً: تصدير فيديوهات MP4 بصيغ 9:16 أو 16:9 أو 1:1 باستعمال الكود وChrome بدون واجهة وffmpeg.

ثبّت المهارة

الخيار 1: التثبيت السريع

التثبيت الموصى به كيستعمل الأمر npx skills. شغّلو من مجلد المشروع ديالك:

npx skills add Miftahul-Islam-Efaz/Motion-graphics-skill

خاصك يكون Node.js مثبّت. المثبّت غادي يسولك شنو هو الوكيل اللي كتستعمل، ومن بعد كينسخ المهارة للمكان المناسب. هاد الطريقة كتدعم Claude Code وCodex وCursor ووكلاء آخرين كيدعمو المهارات.

الخيار 2: إضافة Claude Code

داخل Claude Code، ثبّت إدخال السوق والإضافة:

/plugin marketplace add Miftahul-Islam-Efaz/Motion-graphics-skill
/plugin install motion-video-director@motion-graphics-skill

عاود شغّل Claude Code من بعد ما يكمل التثبيت.

الخيار 3: التثبيت اليدوي

1. نزّل المستودع باستعمال Code وDownload ZIP، ومن بعد فك الضغط عليه.
2. نسخ مجلد skills/motion-video-director لـ ~/.claude/skills/ باش تستعملو فالمشاريع كاملة.
3. أو نسخو داخل .claude/skills/ فمشروع معيّن باش يبقى محدود فداك المشروع.
4. عاود شغّل Claude Code.

فـ Windows، مجلد مهارات Claude Code العام غالباً هو C:\Users\<you>\.claude\skills\. بالنسبة لـ Codex أو Cursor أو أي وكيل متوافق آخر، نسخ المجلد لمشروعك وعطيه هاد التعليمات:

Read skills/motion-video-director/SKILL.md and follow it for this video project.

فحص البيئة ديالك

Motion Video Director كيتطلب Node.js 18 أو أحدث، وffmpeg، وffprobe، وPlaywright مع Chrome بدون واجهة. أدوات Python الاختيارية كتزيد التفريغ الصوتي، وعزل الأشخاص، وفصل المسارات الصوتية.

• ضروري: Node.js 18+ وffmpeg وffprobe وPlaywright مع Chrome بدون واجهة.
• اختياري: Python 3.10+ مع faster-whisper وrembg وdemucs.
• تكاملات اختيارية: مفاتيح API أو خوادم MCP لـ ElevenLabs وFirecrawl وFreesound وPexels وPixabay وLottieFiles.

شغّل سكريبت الفحص القبلي باش تعرف شنو من الاعتماديات مثبّت وشنو ناقص:

bash skills/motion-video-director/scripts/preflight.sh

مفاتيح API كتتخزّن فملف محلي .env، وهو مستثنى من git. المستودع كيوفّر حتى create_env.sh لإنشاء ملف بيئة فيه خانات مفاتيح فارغة، وnormalize_env.py لتحويل ملف مفاتيح موجود لملف .env منظم.

أنشئ أول فيديو ديالك

من بعد تثبيت المهارة، وصف باللغة الطبيعية الفيديو اللي بغيتي. أرفق مراجع بصرية إلا كانت عندك. مثلاً:

صايب ليا رييل إطلاق مدته 30 ثانية بصيغة 9:16 لمنتج SaaS ديالي. المراجع مرفقة.

وتقدر حتى تطلب مونتاج مبني على لقطات موجودة:

عدّل ليا المقطع الخام ديالي وأنا كنهضر للكاميرا وحوّلو لرييل مع العناوين، والتكبيرات السريعة، ولقطات B-roll.

فمشروع مركز على منتج، عطِ الأسلوب والمدة اللي باغي:

أنشئ شرحاً للمنتج مدته 45 ثانية على لوحة التحكم ديالنا. تحريك واجهة نظيف وتصميم صوتي خفيف.

تبع سير عمل الإنتاج

الوكيل كيستعمل عملية على مراحل باش تقدر تراجع القرارات المهمة قبل الإخراج النهائي.

1. الموجز: الوكيل كيجمع المراجع، والقصة، والجمهور المستهدف، والصيغة، والمدة.
2. نص التعليق الصوتي: كيكتب نص واجد للنسخ فـ ElevenLabs. كتولّد ملف MP3 وكتردّو ليه.
3. لوحة القصة: كل لقطة كتتوقّت حسب الكلمات اللي فالتعليق الصوتي.
4. البناء: المشاهد كتتحرك بالكود، وأي لقطات مرفقة كتدخل للمونتاج.
5. المعاينة: المشروع كيخرج أوراق معاينة لكل مشهد باش يمكن تلقى المشاكل قبل الإخراج الكامل.
6. الإخراج والمزج: الفيديو النهائي كيتصدّر مع التصميم الصوتي وتوحيد مستوى الصوت، ومن بعد كتدار لائحة فحص الجودة.

نتا كتوافق على السكريبت، البلان، والپريڤيو قبل الرندير النهائي. الووركفلو كيسجّل التقدّم فـ PROGRESS.md، وهادشي كيخلّي سيشن جديدة تكمّل منين حبسات السيشن اللي قبل.

كتاشف الميّزات الرئيسية ديال الإنتاج

الإخراج والإيقاع

الپلايبوك كيهضر على الهوكات فالثلاث ثواني اللّولة، الإيقاع، أنواع اللقطات، J-cuts، L-cuts، match cuts، وبنية الدعوة لاتخاذ إجراء. وكيحدّد حتى خمسة ديال مستويات كثافة المونتاج، من الريلز السريعة حتى للفيديوهات الشركاتية الهادئة.

الأنيميشن والموشن گرافيك

بالنسبة للڤيزويالز المولّدة، هاد المهارة كتدعم الكينتيك تايپوگرافي، النصوص ثلاثية الأبعاد، نماذج واجهات المستخدم، أنيميشن ديال الكيرسور، الستيكرات، الجزيئات، محتوى Lottie، ولقطات المنتجات بـ Three.js. وكتطبّق حتى مبادئ الأنيميشن بحال التدرّج فالحركة، التتابع، وتجاوز الهدف.

الفوتاج ومعالجة المواضيع

بالنسبة للفوتاج المسجّل، الووركفلو يقدر يزيد زومات سريعة، كابشنات، تغييرات فالسرعة، وقصّ المواضيع باستعمال أدوات بحال RVM وSAM2. ويمكن حتى يتحطّو الكابشنات مور الموضوع ملي كيكون هاد الأسلوب مناسب للمونتاج.

الألوان، التخطيط، وإمكانية الولوج

الإرشادات كتشمل مقاربة الألوان 60-30-10، التباين حسب WCAG، والمناطق الآمنة لمنصات 9:16. هاد الاعتبارات كتعاون باش يبقاو النصوص المهمة والعناصر البصرية مقروئين فالصيغ الأصلية ديال المنصات.

التعليق الصوتي والصوت

سكريبتات التعليق الصوتي كتوجد لـ ElevenLabs، بينما faster-whisper يقدر يوفّر التوقيت ديال كل كلمة. التصميم الصوتي يقدر يشمل risers، impacts، وwhooshes متزامنين مع الفريمات الفردية، مع خفض صوت الموسيقى تحت الصوت المستعمل، وبمكساج مستهدف ديال -14 LUFS و-1.5 dBTP.

استعمل السكريبتات المساعدة

الريپوزيتوري فيه عدة سكريبتات كتعون فـووركفلو ديال الإنتاج:

• preflight.sh كيتحقّق من Node.js، ffmpeg، Playwright، أدوات Python، ومفاتيح API.
• preview.mjs كيرندر نطاق زمني محدّد فـ contact sheet باش تدير مراجعة سريعة.
• analyze_ref.sh كيفرّق فيديو مرجعي لفريمات، كَطعات، وصوت.
• create_env.sh كينشئ ملف .env فيه خانات خاوية لمفاتيح API.
• normalize_env.py كيحوّل ملف مفاتيح موجود لملف .env نقي.

نصائح متقدمة لنتائج أحسن

• عطي المراجع بكري: زيد أمثلة بصرية باش يعكس البريف والستوريبورد الستايل اللي بغيتي.
• حدّد صيغة التسليم: وضّح واش الفيديو خاصّو يكون 9:16، 16:9، ولا 1:1، وزيد المدة المطلوبة.
• راجع على مراحل: استعمل مراحل الموافقة على السكريبت، الستوريبورد، وپريڤيو الـcontact sheet باش تكتاشف المشاكل قبل الرندير الكامل.
• نظّم الأصول الأصلية: حدّد بوضوح الفوتاج، الصوت، اللوغوهات، الفونطات، وباقي المراجع باش يقدر الأيجونت يدمجهم بدقة.
• استعمل الأدوات الاختيارية فالمحل المناسب: زيد faster-whisper للتفريغ، rembg للقصّ، وdemucs لفصل المسارات الصوتية.
• تأكّد من البيئة قبل ما تبني: شغّل سكريبت الفحص الأوّلي اللّول باش ما تكتاشفش نقص فاعتماديات الرندير فمرحلة متأخرة من المشروع.
• كمّل انطلاقاً من سجلات التقدّم: رجع لـ PROGRESS.md ملي كتعاود الخدمة فسيشن جديدة.

الخلاصة

Motion Video Director كيوفّر طريقة منظّمة باش تنشئ فيديوهات كاملة باستعمال Claude Code، Codex، Cursor، ولا أي coding agent آخر كيخدم من التيرمينال. نصّب المهارة، وصف المشروع ديالك، راجع السكريبت والستوريبورد، تفحّص الپريڤيو، ومن بعد خلّي ووركفلو الرندير المحلي يخرّج الفيديو النهائي. كيدعم موشن گرافيك مولّد بالكود وكذلك الفوتاج المونتاجي، بلا ما تحتاج لـ After Effects ولا Premiere Pro.