12 أداة تخلي Claude Code يسوي لك فيديو كامل بالكود: أربع خطوط من الفكرة للملف النهائي12 Tools That Let Claude Code Make a Full Video in Code: Four Lines from Idea to Final File

المصطلحات

Claude Code (كلود كود)

Claude اللي يشتغل في الـ terminal على جهازك. يقدر يركّب الأدوات ويكتب الكود ويشغّل الأوامر بنفسه بعد ما توافق.

render (رندر)

لحظة تحويل الكود أو الصفحة إلى ملف فيديو MP4 تقدر تنشره.

word timestamps

وقت بداية ونهاية كل كلمة في الصوت. بها يطلع الكابشن كلمة كلمة مع الكلام بالضبط.

open source (مفتوح المصدر)

كود منشور للكل ومعه رخصة تسمح لك تستخدمه. أغلب الأدوات هني رخصتها MIT أو Apache أو BSD.

الخطوات

1. 1

   الخطوة 1

   جهّز مجلد المشروع وخلّ Claude Code يفحص جهازك

   افتح مجلد جديد للفيديو وشغّل فيه Claude Code.

   أغلب الأدوات تحتاج Node.js، وبعضها يحتاج Python، والملف النهائي يحتاج FFmpeg. بدال ما تركّب كل شي بيدك، خلّ Claude Code يفحص الموجود ويقول لك الناقص قبل ما يركّب أي شي.

   برومبتفحص الجهاز

   نسخ

   أريد أسوي فيديو قصير بالكود في هذا المجلد. افحص إذا Node.js و Python و FFmpeg موجودين عندي، وقول لي النسخ. لا تركّب أي شي قبل ما تعرض علي الأوامر وأوافق.

   نصيحة: خلّ كل فيديو في مجلد لحاله، حتى ترجع له وتعدّل بدون ما تخرب غيره.

2. 2

   الخطوة 2

   الخط الأول: اختار الأداة اللي تبني الفيديو

   هذي الأدوات تبني الفيديو كامل من الكود:

   Remotion: فيديو بـ React. ممتاز للقوالب، تغيّر كلمة أو رقم ويطلع فيديو جديد. مجاني للأفراد والشركات لين 3 أشخاص، وبعدها فيه رخصة مدفوعة.

   HyperFrames من HeyGen: تكتب صفحة HTML وتطلع MP4. أسهل بداية لو تعرف شوي HTML. مفتوح المصدر.

   Motion Canvas: مكتبة TypeScript للفيديوهات الشرحية خطوة بخطوة، والكود نفسه يتحرك قدامك. رخصتها MIT.

   اختار وحدة بس للبداية.

   remotion.dev

   

   برومبتأول فيديو

   نسخ

   استخدم [Remotion أو HyperFrames أو Motion Canvas] وسو لي فيديو عمودي 1080×1920 مدته [15] ثانية عن [الموضوع]. النص على الشاشة: [النص]. الألوان: [ألوانك]. وريني أمر المعاينة قبل الرندر.

3. 3

   الخطوة 3

   الخط الثاني: أعط الفيديو شكل مختلف

   هذي أدوات الشكل، تحطها داخل الفيديو:

   Three.js: مجسمات ثلاثية الأبعاد في المتصفح. رخصتها MIT.

   Manim: محرك أنيميشن للشرح الرياضي الدقيق، معادلات ورسوم بيانية. بـ Python، ورخصته MIT.

   Rough.js: يخلي الرسمة كأنها مرسومة باليد. رخصتها MIT.

   اطلب شكل واحد في الفيديو، مش الثلاثة مع بعض.

   برومبتشكل للمشهد

   نسخ

   في نفس المشروع، أضف مشهد مدته [4] ثواني بستايل [Rough.js مرسوم باليد أو Three.js مجسم أو Manim رياضي] يشرح [الفكرة]. خلّه داخل نفس الفيديو ونفس الألوان.

4. 4

   الخطوة 4

   الخط الثالث: الحركة

   هذي مكتبات الحركة:

   GSAP: يحرك النصوص والأرقام والعناصر بدقة. صار مجاني للكل بدعم من Webflow.

   anime.js: حركات خفيفة ومطاطية. رخصته MIT.

   mo.js: الأختام والانفجارات الصغيرة اللي تلفت النظر. رخصته MIT.

   القاعدة: حركة وحدة قوية في كل مشهد أحسن من عشر حركات صغيرة.

   gsap.com

   

   برومبتحركة للأرقام

   نسخ

   استخدم GSAP وخلّ الرقم [الرقم] يعد من صفر لين يوصل له على الكلمة [الكلمة]، وبعدها ختم صغير بـ mo.js. الحركة تخلص قبل بداية الجملة اللي بعدها.

5. 5

   الخطوة 5

   الخط الأخير: الكابشن كلمة كلمة مع WhisperX

   WhisperX يحول الصوت لنص ويعطيك وقت كل كلمة. بهذي الأوقات يطلع الكابشن مع كلامك بالضبط.

   هو بـ Python ورخصته BSD. أول تشغيل يحمّل الموديل، فخلّه ياخذ وقته.

   برومبتكابشن متزامن

   نسخ

   شغّل WhisperX على الملف [voice.mp3] باللغة [العربية]، وطلع لي ملف JSON فيه كل كلمة ووقتها. بعدها استخدم هذي الأوقات حتى يطلع الكابشن في الفيديو كلمة كلمة. النص الصحيح للكلام هو: [النص]، استخدم إملاءه هو.

6. 6

   الخطوة 6

   قص الصمت مع auto-editor، بس بحذر

   auto-editor يقص الأجزاء الساكتة تلقائي، ويقيس الصمت من علو الصوت.

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

   auto-editor.com

   

   برومبتقص بهامش

   نسخ

   استخدم auto-editor على [raw.mp4] وقص الصمت، بس خلّ هامش صغير قبل وبعد كل جملة حتى الكلام يتنفس. طلع نسختين بهامشين مختلفين وقول لي الفرق في المدة.

   نصيحة: اسمع أول 20 ثانية من النسخة المقصوصة دايماً قبل ما تكمل.

7. 7

   الخطوة 7

   FFmpeg يجمع كل شي في ملف واحد

   FFmpeg هو اللي يركّب الصورة والصوت والكابشن في ملف MP4 واحد جاهز للنشر، ويضبط علو الصوت والحجم.

   ما تحتاج تحفظ أوامره. اطلب النتيجة وClaude Code يكتب الأمر.

   برومبتالملف النهائي

   نسخ

   استخدم FFmpeg وادمج [video.mp4] مع [voice.wav]. اضبط علو الصوت حول 14 LUFS، والفيديو 1080×1920 بحجم أقل من [50] ميجا، وطلع الملف final.mp4. اعرض علي الأمر قبل التشغيل.

8. 8

   الخطوة 8

   افحص الرخصة قبل الشغل التجاري

   أغلب الأدوات هني مجانية ومفتوحة المصدر، بس مش كلها بنفس الشروط.

   Remotion مجاني للأفراد والشركات لين 3 أشخاص، وأكبر من جذي تحتاج رخصة. GSAP مجاني للكل. الباقي بين MIT و Apache و BSD و Unlicense و LGPL.

   لو الفيديو لعميل أو لشركة، خلّ Claude Code يقرأ ملف الرخصة لكل أداة استخدمتها.

   برومبتفحص الرخص

   نسخ

   اقرأ ملف الرخصة لكل أداة استخدمناها في هذا المشروع، وقول لي في جدول: اسم الأداة، نوع الرخصة، وهل أقدر أستخدمها تجارياً لشركة فيها [عدد] أشخاص.

برومبتات جاهزة للنسخ

أريد فيديو عمودي 1080×1920 مدته [30] ثانية عن [الموضوع]. ابنه بـ [Remotion أو HyperFrames]، وأضف مشهد بستايل [Rough.js أو Three.js]، والحركة بـ GSAP. الصوت في [voice.mp3]: طلع أوقات الكلمات بـ WhisperX واعمل كابشن كلمة كلمة. في الآخر اجمع الملف بـ FFmpeg. قبل كل تركيب اعرض علي الأمر.