دوز مباشرة للمحتوى الرئيسي
دروس فالذكاء الاصطناعي

صايب فيلم ديال المنتوج مطابق للعلامة باستعمال Claude Code وRemotion

تعلّم كيفاش تنصّب وتستعمل مهارة product-film ديال Claude Code باش تصايب حلقات لصفحات الهبوط، فيديوهات الإطلاق، البروموهات، وفيديوهات الديمو. هاد الدليل كيغطي المتطلبات الأساسية، الاستكشاف، إعداد العلامة، مزامنة الموسيقى، المراجعة، الرندرة، ونصائح عملية باش تنتج أعمال دقيقة ومطابقة للهوية ديال العلامة.

فيلم ديال المنتوج مطابق للعلامة باستعمال Claude Code وRemotion

شنو هو product-film؟

product-film هو skill ديال Claude Code كيساعدك تصاوب أفلام ديال المنتجات بجودة showreel باستعمال الكود. يقدر ينتج loop ديال landing page، فيديو إطلاق، فيلم ترويجي، ولا demo reel باستعمال Remotion.

بلا ما يطبّق ستايل بصري عام، كيدرس هاد skill مستودع المنتج ديالك. كيفحص قواعد التصميم، والـ tokens، والـ components، واللوغوهات، والموقع المباشر، والادعاءات اللي يقدر المنتج ديالك يقدّمها. من بعد كيستعمل هاد المواد باش يصاوب فيلم كيبان وكيبان الصوت ديالو بحال إلا جا مباشرة من فريق المنتج ديالك.

سير العمل تعاوني. Claude كيسولك على المكان اللي غادي يتحط فيه الفيلم، والمدة، والموسيقى، والميزات، والنص، والانتقالات، والمكوّنات البصرية الاختيارية. كيسجّل قرارات العلامة التجارية الناتجة فـ videos/BRAND.md، وكيصاوب beat sheet، وكيعرض style frames، وكيبني الأنيميشن، وكيولّد مواد المراجعة، وكيصيّر deliverables متحقق منها.

الميزات الرئيسية

  • اكتشاف نظام التصميم: كيفحص ملفات القواعد، وdesign tokens، وcomponents، واللوغوهات، والمنتج المباشر، والادعاءات المصادق عليها.
  • مقابلة خاصة بالمنتج: كيقدّم اختيارات مبنية على الميزات والـ components الحقيقية ديالك، ماشي على placeholders عامة.
  • حزمة علامة تجارية مستمرة: كيسجّل الاختيارات ديالك فـ videos/BRAND.md، واللي كتتجاوز الإعدادات الافتراضية ديال skill.
  • تخطيط القصة والستايل: كينتج beat sheet وكيعاود يتواصل معاك بثلاثة style frames قبل ما يكمل البناء.
  • مونتاج واعي بالموسيقى: كيقيس شبكة الإيقاع، وكيقطع الموسيقى مع الموازير، وكيحط المؤثرات الصوتية فذروة ديالها.
  • أنيميشن مبني على Remotion: كيبني composition وحدة اللي كل frame فيها هي دالة صافية فالوقت.
  • مراجعة منظمة: كينتج صور ثابتة فمراحل التسليم، وcontact sheets، وdraft بنصف الدقة.
  • تسليم متحقق منو: كينتج master بسرعة 240 fps مع motion blur وكيعاين الملفات المفكوكة الترميز باش يتأكد من اللون، والمدة، والـ looping السلس.
  • مخرجات متعددة: كينتج loop ديال landing page بلا صوت، ونسخة بالموسيقى، وملف WebM، وposter.

المتطلبات

قبل ما تثبّت skill، تأكد باللي البيئة ديالك كتستوفي المتطلبات التالية:

  • Claude Code. الـ skill كتشغّل toolchain محلية وما كتخدمش فـ تطبيقات دردشة Claude.
  • Node.js وBun.
  • uv لتشغيل أدوات Python.
  • موسيقى عندك الحق القانوني تستعملها.

الـ skill كتضيف Remotion للمشروع ديالك. Remotion مجانية للأفراد والفرق الصغيرة، ولكن الشركات الكبيرة خاصها license ديال الشركة. راجع الشروط فـ remotion.dev/license.

الـ scripts ديال Python كيجيبو NumPy ونسخة كاملة من FFmpeg عن طريق imageio-ffmpeg ملي كيكون هادشي ضروري، وبهذا هاد dependencies ما كيتثبتوش على مستوى النظام.

تثبيت الـ Skill

الخيار 1: التثبيت عبر Claude Code Plugin Marketplace

فـ Claude Code، زِد marketplace ديال product-film وثبّت الـ plugin:

/plugin marketplace add Rieranthony/product-film-skill
/plugin install product-film@product-film-skill

هاد الطريقة هي الأكثر مباشرة ملي بغيتي الـ skill تكون متاحة فـ بيئة Claude Code ديالك.

الخيار 2: تثبيت الـ Skill يدوياً

تقدر حتى تنسخ المستودع وتنسخ الـ skill للمجلد الشخصي ديال Claude Code skills:

git clone https://github.com/Rieranthony/product-film-skill
mkdir -p ~/.claude/skills
cp -R product-film-skill/plugins/product-film/skills/product-film ~/.claude/skills/

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

الخيار 3: مشاركة الـ Skill مع فريق

باش تخلي الـ skill جزء من مستودع مشترك، دير commit للمجلد ديالها فهاد المكان:

.claude/skills/product-film/

بهذا كتبقى الـ skill متاحة حدّ المشروع لأعضاء الفريق اللي كيستعملو Claude Code.

صايب أول فيلم ديال المنتج

الخطوة 1: حلّ مستودع المنتج

شغّل Claude Code من مستودع المنتج اللي بغيتي تبيّن. هادشي مهم حيث الـ skill كتحتاج لمواد محلية ديال المشروع بحال components، وdesign tokens، والقواعد، واللوغوهات، ومحتوى المنتج.

الخطوة 2: طلب الفيلم

طلب من Claude Code يصاوب الفيلم، وضمّن المدة المستهدفة، والوجهة، والموسيقى. الـ README فيه هاد المثال:

صايب فيديو ديال landing page مدتو 45 ثانية لهاد المنتج، بهاد الأغنية.

ما محتاجش تحدد كل التفاصيل الإبداعية فالطلب الأول. الـ skill غادي تكمل معاك بمقابلة قبل ما تبدا الإنتاج الكامل.

الخطوة 3: كمّل مرحلة الاكتشاف

Claude كيدير مراجعة سريعة لقواعد التصميم، والـ tokens، والـ components، واللوغو، والادعاءات المسموح بها. مرحلة الاكتشاف هادي كتعطي الفيلم أساس بصري وتحريري خاص بالمنتج.

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

الخطوة 4: جاوب على المقابلة الإبداعية

الـ skill غادي تسولك فين غادي يتعرض الفيلم، وشحال خاصو يدوم، وشنو الموسيقى اللي تستعمل، وشنو الميزات اللي خاصها تبان. وكتقترح حتى مكوّنات اختيارية بحال:

  • أنيميشن ديال اللوغو ولا ماسكوت موجود.
  • عبارات قوية كبيرة كلمة بكلمة، كابشنات، ولا بلا كلمات فوق الشاشة.
  • انتقالات Magic Move، تحركات الكاميرا، ولا قطوعات متزامنة مع الإيقاع.
  • تفاعلات الكيرسور، لوغوهات الشركاء، لحظات كتبيّن الدليل، وتكسشرات ديال البراند.

هاد الاختيارات اختيارية. اختار غير العناصر اللي كيدعمو المنتوج وسياق المشاهدة المقصود.

المرحلة 5: راجع Brand Kit والقصة

Claude كيكتب نتائج الاستكشاف والأجوبة ديالك فالمقابلة فـ:

videos/BRAND.md

هاد الملف عندو الأولوية على الاختيارات الإبداعية الافتراضية ديال المهارة. والمهارة حتى هي كتحضّر beat sheet وكتعرض ثلاثة ديال style frames قبل ما تبني الفيلم كامل.

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

المرحلة 6: خلّي المهارة تعالج الموسيقى

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

المرحلة 7: بنِ وراجع الفيلم

المهارة كتنشئ composition وحدة فـ Remotion وكتنمذج كل فريم كدالة خالصة فالوقت. وكتربط المشاهد باستعمال طريقة الانتقال اللي تختارات فالمقابلة.

أثناء المراجعة، Claude كينشئ صور ثابتة فنقط التسليم، contact sheets، ومسودة بنصف الدقة. تقدر تفحص هاد المخرجات، تطلب التصحيحات، وتوافق على الاتجاه قبل الرندر النهائي.

المرحلة 8: دير الرندر وتحقق من ملفات التسليم

المعالجة النهائية كتنشئ master بـ 240 fps مع motion blur. ومن بعد كتنشئ صيغ التسليم المطلوبة، ومن بينها:

  • Loop بلا صوت مناسب لصفحة منتوج.
  • نسخة فيها الموسيقى.
  • نسخة WebM.
  • صورة poster.

الملفات اللي تنشؤو كيتفكّ ترميزها وكيتراقبو من ناحية الألوان، المدة، والـ looping السلس.

فهم بنية المشروع

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

plugins/product-film/skills/product-film/
├── SKILL.md
├── reference/
├── templates/
│   ├── BRAND.md
│   ├── film-prompt.md
│   └── kit/
└── scripts/
    ├── beats.py
    ├── audio-edit.py
    ├── stills.ts
    ├── render.ts
    └── verify.py
  • SKILL.md فيه الوركفلو، الإعدادات الافتراضية ديال الصنعة، والأخطاء المعروفة.
  • reference/ كيغطي الاستكشاف، المقابلات، المكوّنات الإبداعية، سرد القصص، محرك الأنيميشن، الموسيقى، المراجعة، والرندر.
  • templates/BRAND.md كيوفّر kit ديال التصميم قابل للتعمير ديال المنتوج.
  • templates/film-prompt.md كيوفّر brief قابل لإعادة الاستعمال للفيلم.
  • templates/kit/ فيه أدوات ديال شبكات التوقيت، springs، الكاميرات، الكيرسورات، Magic Move، punchlines، dithering، وطبقات التصحيح.
  • beats.py كيستخرج شبكة الإيقاع من الأغنية باستعمال NumPy.
  • audio-edit.py كيقطع الأغنية على البارات الموسيقية.
  • stills.ts كينشئ الصور الثابتة ديال المراجعة.
  • render.ts كينشئ الرندر النهائي وملفات التسليم.
  • verify.py كيفكّ الترميز وكيصادق على ملفات الإخراج.

نصائح متقدمة

اعتبر BRAND.md المصدر الأساسي للحقيقة الإبداعية

حيت videos/BRAND.md كيتجاوز الإعدادات الافتراضية ديال المهارة، راجعو بعناية. تأكد بلي كيوثق القواعد البصرية ديال المنتوج، نبرة الصوت، الادعاءات المصادق عليها، والاختيارات الإبداعية اللي تدارت فالمقابلة.

طابق الصيغة مع الوجهة ديالها

قول لـ Claude فين غادي يتعرض الفيلم. Loop ديال صفحة الهبوط عندو متطلبات مختلفة على فيديو ديال الإطلاق ولا demo reel. الوجهة حتى هي كتعاون تحدد واش التجربة النهائية خاصها تكون بلا صوت، مبنية على الموسيقى، عامرة بالنص، ولا مفهومة بلا كلمات.

استعمل مواد حقيقية ديال المنتوج

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

دير القرارات فمحطات المراجعة

استعمل style frames الثلاثة باش تقيّم الاتجاه بكري. من بعد، فحص الصور الثابتة ديال التسليم، contact sheets، والمسودة بنصف الدقة قبل ما توافق على الرندر النهائي المكلف. هاد المحطات مصممة باش تبان المشاكل البصرية ومشاكل التوقيت وهي مازال عملية التصحيح ديالها ممكنة.

اختار المكوّنات الاختيارية بوعي

أنيميشن اللوغو، الماسكوتات، punchlines، الكابشنات، تحركات الكاميرا، تفاعلات الكيرسور، لوغوهات الشركاء، لحظات الدليل، والتكسشرات كاملين اختياريين. ما تتعامَلش معاهم بحال checklist. اختار العناصر اللي كتوصل مزايا المنتوج المختارة بأوضح طريقة.

أكد حقوق الموسيقى قبل الإنتاج

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

تحقق من ترخيص Remotion

النص والكود ديال مهارة product-film متاحين تحت ترخيص MIT. Remotion عندو شروط ترخيص منفصلة، وبالتالي الشركات الكبيرة خاصها تتأكد بلي عندها ترخيص الشركة المطلوب قبل ما تستعملو فالإنتاج.

الخلاصة

product-film كيحوّل Claude Code لوركفلو منظم لإنتاج أفلام المنتوج. كيجمع بين استكشاف المستودع، مقابلة خاصة بالمنتوج، brand kit دائم، تعديل الموسيقى حسب الإيقاع، أنيميشن Remotion، مراجعة على مراحل، ورندر متحقق منو. ملي كتبدا بنظام التصميم الحقيقي ديالك وكتراجع الخدمة فكل محطة، تقدر تنشئ أصول فيديو مصقولة وباقية منسجمة مع هوية المنتوج ديالك.