السر مهارة اسمها Remotion. بتتركب جواته بأمر واحد. ما في Timeline ولا Keyframes — بس بتوصف الفكرة بالكلام.
بدك فيديو ترويجي؟ انترو لقناتك؟ بيبنيلك اياه من الصفر.
وأقوى اشي: أي تعديل بالدردشة بس. الألوان، التوقيت، النصوص، الحركة. بيتغير قدامك بثواني.
يعني Motion Design بدون ما تتعلم ولا برنامج.
نصيحة: ما بتحتاج تعرف React ولا After Effects ولا أي برنامج تصميم. شغلتك الوحيدة إنك تعرف شو بدك وتوصفه بالكلام.
افتح الترمنال بالمجلد اللي بدك تشتغل فيه وشغّل:
npm create video@latest
رح يسألك كم سؤال — اختر: القالب Blank · TailwindCSS نعم. وأول ما يخلّص، بيسألك إذا بدك تضيف الـ Agent Skills — اضغط نعم.
الـ Skills هي الأهم — هي اللي بتعلّم Claude Code أفضل طريقة يشتغل فيها بـ Remotion.
لو تخطّيت الخيار فوق، ادخل مجلد المشروع وشغّل هالأمر — بيركّب الـ Skills الرسمية من Remotion:
npx skills add remotion-dev/skills
بعد التركيب بيصير عند Claude Code أوامر جاهزة مثل /remotion-create و /remotion-markup — بتعطيه خبرة Remotion كاملة.
cd my-video
بدّل my-video باسم المشروع اللي اخترته.
npm run dev
رح يفتح Remotion Studio بالمتصفح. كل فيديو بتعمله بيظهر كـ composition بالقائمة الجانبية — بتعاينه وتعدّله وترندره من هون.
افتح تبويب ترمنال جديد (خلّي الأول شغال) واكتب:
claude
تأكد إنك جوا مجلد المشروع عشان يشوف ملفات Remotion ويقدر يعدّل عليها.
اكتب وصف واضح لللي بدك اياه. مثال:
اعملي فيديو 5 ثواني، خلفية سوداء، نص "ضياء البوزان | Tech" بيظهر بحركة scale ناعمة، وبعدين بينزل خط ملون تحته
رح يكتب الكود ويضيفه كـ composition جديد — ارجع على Remotion Studio بتلاقيه جاهز.
ما بتفتح أي timeline. بس بتكتب اللي بدك تغيّره:
خلي اللون كهرماني بدل الأزرق، وسرّع الحركة نص ثانية، وزيد الفيديو لـ 8 ثواني
كرر لحد ما توصل للنتيجة، وبعدها ارندر من زر Render داخل Remotion Studio.
نصوص متحركة، بار شارت، لوجو بيظهر — هاي بتطلع ممتازة من أول محاولة.
احكي المدة واللون ونوع الحركة والاتجاه. الوصف الغامض بيعطي نتيجة غامضة.
احفظ فيه أي موشن جرافيك عاجبك، وارفقه كمرجع.
طلب تعديل واحد بكل رسالة أفضل من خمس تعديلات مرة وحدة.
تشغيل claude من مجلد غلط — لازم تكون جوا مجلد المشروع.
تخطّي خيار تثبيت الـ Skills وقت الإنشاء — بدونه ما رح يشتغل صح مع Remotion.
طلب مشاهد معقدة من أول مرة (أسهم كثيرة، رسومات يدوية) — هاي أصعب اشي عليه.
إغلاق ترمنال npm run dev — لازم يضل شغال عشان تشوف المعاينة.
لأ. Claude Code هو اللي بيكتب الكود. انت بس بتوصف اللي بدك اياه بالكلام.
أي، بيشتغل على ويندوز وماك ولينكس طالما Node.js و Claude Code مثبتين.
Claude Code بحتاج اشتراك Claude مدفوع. Remotion مجاني للاستخدام الشخصي، وللشركات في ترخيص لازم تتحقق منه.
من زر Render داخل Remotion Studio، أو اطلب من Claude Code يعطيك أمر الرندر من الترمنال.