ذاختيار ذكي
▶ من حلقة «تبي تسوي فيديو بالكود؟»

أدوات Claude لصناعة الفيديو بالكود

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

▶ شوف الحلقةكل البرومبتات في صفحة البرومتات

3 خطوات لكل الأدوات

1

افتح Claude Code بمجلد جديد، أو محادثة جديدة في شات Claude العادي

2

الصق البرومبت من صفحة الأداة، وحط فكرتك بين الأقواس

3

Claude يثبّت الأداة ويكتب الكود ويرندر… ويعطيك ملف MP4

💬 ما عجبك شي؟ قل له بكلامك: «خلّ الحركة أبطأ» أو «كبّر الخط»، ويعدّله.

وش تحتاج؟

تبني الفيديو كامل

Remotionتبني الفيديو كامل… بالقوالب
HyperFramesصفحة HTML… تصير فيديو

أدوات الشكل

Three.jsثلاثي الأبعاد
Manimشرح تعليمي دقيق
Motion Canvasشرح خطوة بخطوة
Rough.jsستايل الرسم باليد

طبقة الحركة: جولة سريعة

GSAPتحريك العناصر باحتراف
Anime.jsحركات خفيفة ومطاطية
mo.jsأختام وانفجارات صغيرة

خلف الكواليس: الصوت والملف النهائي

WhisperXتوقيت كل كلمة في الصوت
Auto-Editorيقص الصمت تلقائي… بحذر
FFmpegيطلّع الملف النهائي

بأي 3 تبدأ؟

1. وحدة تبني فيها الفيديو

HyperFrames لو تبي الأسهل، أو Remotion لو تبي قوالب.

HyperFrames · Remotion

2. وحدة للشكل

Three.js للثلاثي الأبعاد، Rough.js للرسم باليد، أو Manim للشرح.

Three.js · Rough.js

3. وحدة للتوقيت

WhisperX عشان الكلام والكابشن ينطقون مع بعض.

WhisperX

البرومبتات عامة: حط فكرتك مكان اللي بين الأقواس [ ]. والصورة جنب كل برومبت لقطة من الحلقة نفسها توريك وش النتيجة اللي سواها Claude.