Motion Showreel مهارة لتحويل الأفكار إلى فيديوهات موشن جرافيك مبنية بالكود، مع ملف MP4 ومصدر يمكن تعديله وإعادة تصييره. تناسب مقدمات العلامات، وعروض المنتجات، وحركة الواجهات، والعناوين المتحركة، والحلقات البصرية، والشروح المصحوبة بالتعليق الصوتي. وهي جزء من مجموعة Garden Skills الموجهة لوكلاء البرمجة مثل Claude Code وCodex وCursor. الفرق الأساسي هنا أن الحركة تُصمم داخل مشروع ويب، بدل طلب توليد فيديو جديد كلما احتجت إلى تعديل كلمة أو لون أو توقيت.
اخترها عندما تحتاج إلى حركة قابلة للتعديل
تكون المهارة مناسبة عندما يعتمد الفيلم على النصوص والأشكال ولقطات الواجهة أكثر من اعتماده على الأداء البشري الواقعي. يمكن مثلًا إعداد إعلان قصير لتطبيق، تظهر فيه مشكلة المستخدم ثم تتغير عناصر الواجهة لتوضح الحل، وينتهي باسم المنتج. أما تصوير شخص واقعي، أو توليد مشهد سينمائي فوتوغرافي، أو مونتاج مكتبة لقطات جاهزة، فليس مجالها الأساسي. وقد تكون أداة تحرير فيديو أو توليد مشاهد متخصصة أنسب لتلك الحالات.
تستهدف القطع القصيرة عادة نطاق خمس إلى ستين ثانية، وتدعم أيضًا أفلامًا مقسمة إلى فصول حتى عشرين دقيقة. لا يعني ذلك أن الفيلم الطويل ينبغي أن يحتفظ بسرعة الإعلان نفسها؛ اختر كثافة الحركة وفق صعوبة الشرح والوقت الذي يحتاجه المشاهد للفهم. وفي عرض منتج، استخدم لقطات حقيقية ومعلومات معتمدة، ولا تجعل الرسوم التوضيحية تبدو دليلًا على خصائص لم يوفرها المنتج.
من الملخص إلى اتجاه بصري واضح
ابدأ بتحديد الموضوع، والمدة، والمقاس، ومصدر الموسيقى، ومصدر المؤثرات الصوتية، وطريقة التعليق الصوتي. الموسيقى والمؤثرات خياران منفصلان؛ يمكنك تقديم موسيقى مرخصة مع مؤثرات مؤلفة برمجيًا، أو تعطيل أحدهما. بعد تأكيد المتطلبات، تبني المهارة ملخص الإنتاج والمشاهد المرجعية. وإذا لم يكن الأسلوب محددًا، تعرض ثلاثة اتجاهات مختلفة قبل استكمال التنفيذ، ثم تنتظر اعتماد الاتجاه المناسب.
يساعدك هذا التوقف المبكر على اتخاذ قرارات ذات أثر واضح: هل تريد مظهرًا تحريريًا هادئًا، أم لغة واجهات تقنية، أم عالمًا ثلاثي الأبعاد؟ لا تكتف بقول «اجعله احترافيًا». قدم ألوان العلامة، وعينة من الخط، ومرجعًا للحركة، وحدد ما يعجبك في المرجع دون طلب نسخه. ويمكنك جعل أول تجربة محدودة بعشر ثوانٍ، تحتوي على أصعب انتقال وأطول عنوان، حتى تظهر مشكلات القراءة قبل بناء الفيلم كله.
كيف تُبنى الصورة والصوت؟
يعتمد التصيير على دالة زمنية باسم render(t)، تصف شكل الإطار عند لحظة محددة. تلتقط الأدوات الإطارات عبر Playwright وChromium، ثم يجمعها FFmpeg في الفيديو النهائي. ويمكن بناء المشهد باستخدام Canvas أو عناصر HTML وSVG أو WebGL وThree.js بحسب الحاجة. الفكرة ليست استخدام كل التقنيات معًا، بل اختيار أبسط وسيط يحقق الشكل المطلوب، مع حفظ التوقيتات المشتركة في timeline.js.
هذه البنية تسمح بمراجعة إطار بعينه، وإعادة بناء جزء بعد تعديله، وفحص ثبات النتيجة عند إعادة التصيير. لكنها لا تلغي تكلفة الحساب؛ قد ترفع المؤثرات والظلال والضبابية الحركية وقت التنفيذ. احتفظ بالخطوط والصور داخل المشروع، وسجل إعدادات الدقة ومعدل الإطارات، وجرّب مقطعًا ممثلًا قبل طلب نسخة طويلة عالية الجودة. وعند إعداد نص عربي، راجع اتصال الحروف واتجاه السطور وعلامات الترقيم بصريًا بدل افتراض أن نجاح التصدير يعني سلامة الطباعة.
التعليق الصوتي يقود الإيقاع
يمكن العمل دون تعليق، أو استخدام تسجيل تقدمه، أو تحويل نصك إلى كلام عبر Gemini أو MiniMax أو محول مخصص. في هذا المسار، تشترط المهارة أن يأتي نص التعليق من المستخدم، ولا تتعامل مع كتابة النص وإعادة صياغته باعتبارهما خطوة تلقائية. تُجهز المادة الصوتية أولًا، ثم ترتبط المشاهد بالمدد الفعلية للمقاطع، مع إفساح المجال للكلام داخل الموسيقى والمؤثرات.
عند استخدام تسجيل جاهز، يحتاج التزامن التفصيلي إلى توقيتات حقيقية، مثل ملف SRT أو JSON، أو أداة تفريغ متاحة بالفعل. وإذا اختلف طول الصوت عن المدة المطلوبة، ينبغي حل التعارض قبل الإنتاج، لا قص الكلام أو تسريعه خفية. استمع خصوصًا إلى أسماء المنتجات والأرقام، وراجع موضع ظهور الكلمات المهمة. فدقة توقيت بداية الفقرة لا تعني تلقائيًا وجود محاذاة دقيقة لكل كلمة فيها.
المعاينة والتجهيز والتسليم
تفتح المهارة مساحة معاينة للمشاهد والصوت قبل إنتاج MP4، ويبدأ التصدير بعد اعتماد المعاينة أو طلب التصدير صراحة. راجع الانتقالات أثناء التشغيل، لا الصور الثابتة وحدها، ثم افحص الملف الناتج على شاشة صغيرة. تشمل الفحوص التقنية عناصر مثل الأبعاد والمدة وعدد الإطارات ومستوى الصوت وثبات التصيير، لكنها لا تحكم بدلًا منك على وضوح الرسالة أو جمال الإيقاع.
يتطلب التشغيل Node.js بالإصدار الثامن عشر أو أحدث، وFFmpeg، وبيئة وكيل تستطيع تشغيل الأدوات المحلية. وتجهز الحزمة اعتماديات المتصفح عبر برنامج الإعداد. ثبّت مجلد skills/motion-showreel كاملًا من المستودع، لا ملف التعليمات وحده، لأن المراجع والبرامج والقوالب جزء من العمل. المستوى المناسب متوسط إلى متقدم، خصوصًا عند تعديل المحرك أو معالجة أخطاء البيئة. المجموعة منشورة بترخيص MIT، بينما تبقى تكلفة الوكيل وخدمات الصوت والمواد الخارجية منفصلة. احتفظ بالمصدر والأصول وملخص الإنتاج مع الفيديو، لتتمكن من تعديل الحملة لاحقًا دون البدء من الصفر.