صايب فيديوهات قصيرة عمودية متحركة بحكايات باستعمال Claude وThree.js وRemotion

شنو هو Claude Animated Shorts؟

Claude Animated Shorts هي مهارة مجانية ديال Claude مبنية على سير العمل اللي تشرح فـ How to Make Viral Animated Shorts Using Claude (Full Workflow). كتعاونك تصاوب قصص قصيرة متحركة عمودية مدتها بين 55 و70 ثانية، بلا ما تحتاج مولّد فيديو بالذكاء الاصطناعي.

كيجمع المشروع بين شخصيات ثنائية الأبعاد وبيئة ثلاثية الأبعاد ملوّنة. الستايل المستهدف فيه خطوط بالحبر، مدن مرسومة، ضبابية العدسة، حركة كاميرا انسيابية، موسيقى بنمط المسيرة، ومؤثرات صوتية متزامنة. الرندرة كتخدم فالحاسوب ديالك باستعمال three.js داخل Remotion.

تجرّب سير العمل بنجاح فـ The Bridge That Fell for a Song، وهو فيلم قصير مدته 67 ثانية على جسر Broughton سنة 1831.

المزايا الرئيسية ومحتويات المستودع

المستودع فيه مهارة الإنتاج، ومشروع نموذجي كامل، وملفات صوتية، وأدوات ضمان الجودة، ومراجع بصرية مقيسة.

• SKILL.md: التعريف الرئيسي بالمهارة، وكيشمل خط الإنتاج كامل، وقواعد الإنتاج، والإصلاحات، والقيم البصرية النهائية.
• templates/bridge/: المصدر الكامل للفيلم القصير ديال الجسر، وكيشمل العالم ديالو، والشخصيات، ومعالجة الحبر، وضبابية العدسة، وتصحيح الألوان، والقصة، وخدمة الكاميرا.
• templates/audio/: مؤثرات صوتية مركّبة، وموسيقى بنمط المسيرة، والمكساج النهائي مع خفض الموسيقى ومعالجة مستوى الصوت.
• templates/scripts/: أدوات مساعدة لتوليد الصور الثابتة والأوراق ذات العرض الجانبي، ودمج اللقطات، وإجراء ضمان الجودة إطاراً بإطار.
• references/STYLE_BIBLE.md: صيغة كتابية وبصرية مقيسة من 20 فيلماً قصيراً مرجعياً.
• references/reports/: سبعة تقارير كتهضر على الحركة، والعمق، والأنسجة، والشخصيات، والإضاءة، والخطوط الخارجية، وتصحيح الألوان.
• references/frames/: 38 إطاراً مرجعياً بالحجم الكامل، بدقة 540 في 960 بكسل.
• references/sheets/: 20 ورقة تواصل فيها 60 إطاراً لكل فيلم قصير مرجعي، بمجموع 1,200 إطار.

المتطلبات المسبقة

قبل ما تثبّت المهارة، حضّر الأدوات المحلية اللي كيحتاجها سير عمل الرندرة والصوت.

• Claude Code لاستدعاء المهارة وتنسيق سير العمل.
• Node لبيئة JavaScript وRemotion.
• Remotion مع @remotion/three لتركيب الفيديو والرندرة باستعمال three.js.
• Python 3 للسكريبتات المساعدة المرفقة.
• ffmpeg لمعالجة الفيديو والصوت.

تبع توثيق Remotion الرسمي ملي كتجهّز Remotion والتكامل ديالو مع three.js. وتقدر حتى تتأكد باللي أدوات سطر الأوامر المساعدة متوفرة:

node --version
python3 --version
ffmpeg -version

ثبّت مهارة Claude

1. نسخ المستودع باستعمال clone أو حمّل أرشيف ZIP ديالو.

2. حط مجلد المشروع كامل فمسار مهارات Claude التالي:

   ~/.claude/skills/cartoon-3d-short/

3. تأكد باللي SKILL.md وtemplates/ وreferences/ بقاو داخل داك المجلد. حافظ على بنية المستودع حيث المهارة كتحتاج هاد الموارد فـسير العمل والمقارنات البصرية.

4. تأكد باللي Remotion و@remotion/three وNode وPython 3 وffmpeg متوفرين فالحاسوب ديالك قبل ما تبدا الإنتاج.

ضبط التخزين المؤقت ديال Remotion

عيّن REMOTION_TMP لمجلد فقرص فيه مساحة خالية كافية. كل حزمة ديال Remotion كتنقل مجلد public/ اللي حجمو تقريباً 1.3 GB للتخزين المؤقت.

فـ shell شبيه بـ Unix، تقدر تعيّن المتغير للجلسة الحالية بهاد الأمر:

export REMOTION_TMP=/path/to/large-drive/remotion-tmp

اختار مكان فقرص كبير بلاصة قرص النظام الصغير. إعداد متغير البيئة بشكل دائم كيعتمد على نظام التشغيل والـ shell اللي كتستعمل.

صايب أول فيلم قصير متحرك ديالك

1. اختار موضوع

قرّر شنو هو الحدث التاريخي أو القصة أو الموضوع اللي بغيتي تشرح. المشروع مصمم لإنتاج قصص قصيرة، لذلك أحسن بداية هي موضوع محدد يقدر يتلخّص فمدة تقريباً دقيقة.

2. استدعِ المهارة فـ Claude Code

حلّ Claude Code وطلب المهارة مباشرة. عوّض المكان المخصص بالموضوع ديالك:

Use the cartoon short skill and make a short about [your topic].

مثال:

Use the cartoon short skill and make a short about the Broughton bridge collapse.

3. خلّي المهارة تتبع خط الإنتاج

Claude كيتبع التعليمات اللي فـ SKILL.md. سير العمل كيدوز من هاد المراحل الرئيسية:

1. الموضوع والحقائق: تحديد الموضوع والأساس الواقعي.
2. السيناريو: تحويل الحقائق لقصة قصيرة.
3. الصوت: تحضير السرد ديال القصة.
4. خطة اللقطات: تحديد التسلسل وخطة الكاميرا فـ story.ts.
5. الصور الثابتة: توليد إطارات تمثيلية قبل الالتزام بالرندرة النهائية.
6. الرندرة: إنتاج اللقطات المتحركة محلياً عبر Remotion وthree.js.
7. فحوصات الجودة: مقارنة الإطارات مع التقارير المقيسة والإطارات المرجعية المرفقة.
8. الإخراج النهائي: إنتاج رندرة نهائية بدقة 2K ومكساج صوتي.

فهم سير العمل البصري والصوتي

القالب ديال الجسر المرفوق هو مثال كامل على كيفاش المشروع كينظّم فيديو قصير واجد. شوف templates/bridge/ باش تفهم كيفاش البيئة، الشخصيات، المخططات، تأثيرات العمق، تدرّج الألوان، حركة الكاميرا، وتوقيت القصة كيخدمو مجموعين.

بالنسبة للصوت، تفقد templates/audio/. كيبين المؤثرات المركّبة، موسيقى المسيرة، معالجة علوّ الصوت، وميزة خفض الصوت اللي مستعملة فالإنتاج المجرّب. خفض الصوت كيساعد يوازن الموسيقى والمؤثرات مع السرد ولا مع أي صوت مهم آخر.

المشروع فيه حتى سكريبتات لتوليد الصور الثابتة، دمج اللقطات، أوراق المقارنة، والفحوصات إطار بإطار. هاد الأدوات كتعاون فطريقة عمل تكرارية، فين يمكن نكتاشفو المشاكل البصرية قبل ما يكمل الإنتاج كامل.

استعمل المراجع بالطريقة الصحيحة

المواد المرجعية معمولة باش توجّه المعالجة البصرية، ماشي باش توفّر محتوى القصة.

• قرا references/STYLE_BIBLE.md باش تفهم السكريبت المضبوط والصيغة البصرية.
• رجع للتقارير ملي كتضبط الحركة، العمق، الخامات، معالجة الشخصيات، الإضاءة، الخطوط، ولا التدرّج اللوني.
• قارن الصور الثابتة المولّدة مع 38 إطار مرجعي بالحجم الكامل.
• استعمل أوراق المعاينة باش تقيّم الإيقاع والانسجام البصري عبر السلاسل الكاملة.

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

نصائح متقدمة

راجع الصور الثابتة قبل الرندرة الكاملة

استعمل سيرورة توليد الصور الثابتة والمقارنة قبل ما تصرف الوقت على الرندرات الكاملة. الإطارات النموذجية كتسهّل تقييم التكوين، الخطوط، الإضاءة، العمق، الضبابية، والتدرّج اللوني فبداية الإنتاج.

استعمل التقارير كلوائح فحص موجّهة

إلى بانَت لقطة ماشي مزيانة، رجع للتقرير اللي كيناسب المشكل بلا ما تبدّل جميع الإعدادات البصرية دفعة وحدة. مثلا، فحص تقرير الحركة إلى كان المشكل فالحركة، ولا تقرير الخطوط ملي ما كتكونش معالجة الحبر مطابقة للستايل المقصود.

درس قالب الجسر الكامل

مشروع الجسر أكثر من مجرد نموذج بصري: هو المصدر الكامل لفيديو قصير واجد مدتو 67 ثانية. استعملو باش تفهم كيفاش story.ts، الكاميرات، الشخصيات، العناصر البيئية، المعالجة اللاحقة، والصوت كيساهمو فإنتاج واحد.

خطّط لمساحة القرص قبل الرندرة

حيت كل حزمة ديال Remotion كتنقل تقريبا 1.3 GB من الأصول العمومية للمجلد المؤقت ديالها، الحزم المتكررة تقدر تضغط بزاف على التخزين المحدود. وجّه REMOTION_TMP لقرص فيه مساحة كافية قبل ما تبدا جلسة فيها رندرة كثيرة.

خلي العناصر الإبداعية أصلية

صايب قصة جديدة، شخصيات أصلية، ومعالجة صوتية من إبداعك لكل مشروع. الإطارات المرفوقة مرخّصة غير لدراسة الستايل، رغم أن كود المستودع والتوثيق متاحين بموجب رخصة MIT.

الترخيص

كود المشروع والتوثيق مرخّصين بموجب رخصة MIT؛ رجع لملف LICENSE ديال المستودع باش تعرف التفاصيل. الإطارات المرجعية المرفوقة عندها استعمال أضيق، ومقدّمة غير لدراسة الستايل البصري.

الخلاصة

Claude Animated Shorts كيوفّر سيرورة عمل محلية ومنظّمة لتحويل موضوع لقصة متحركة عمودية ومصقولة. من بعد تثبيت المهارة والاعتماديات ديالها، تقدر تعطي Claude Code موضوع وتتبع مسار كيشمل البحث، كتابة السكريبت، الصوت، تخطيط اللقطات، مراجعة الصور الثابتة، مقارنة الإطارات، الرندرة، وخلط الصوت. الإنتاج المرفوق ديال الجسر والمراجع المضبوطة كيوفّرو أساس عملي لبناء فيديوهات قصيرة أصلية عندها مظهر منسجم.