Bang Motion مهارة لوكلاء البرمجة تساعدهم على إنشاء موشن جرافيك يعمل في المتصفح، بداية من مقدمات القنوات والإعلانات القصيرة إلى عروض المنتجات والنصوص المتحركة والفيديوهات التفسيرية. الفكرة الأساسية هي تحويل وصفك إلى مشاهد لها إيقاع وحركة واضحة، مع تقليل النتيجة التقليدية التي تبدو كشرائح عرض تتبدل بينها النصوص. المشروع من تطوير Bang Tutorial، ويعتمد على HTML وCSS وGSAP، مع إمكانية استخدام Three.js عند الحاجة.
المخرج الأساسي هو ملف index.html يمكن فتحه في المتصفح. أما ملف الفيديو MP4 فهو خطوة تصدير اختيارية لها أدواتها ومتطلباتها. هذا التفريق مهم لمن يريد رفع النتيجة مباشرة إلى منصات التواصل: إنشاء المشهد المتحرك لا يعني أن ملف الفيديو النهائي أصبح جاهزًا تلقائيًا.
ما الذي تضيفه المهارة؟
- تصميم يبدأ من الهوية: يصف المستودع سير عمل يقترح ثلاثة اتجاهات للفكرة، ويستخرج الألوان والعناصر من شعار المنتج ومواده، ثم ينتظر اعتماد التصور قبل البناء.
- حركة مترابطة: إرشادات للكاميرا والانتقالات والنصوص والخلفيات، مع اختبارات تمنع الاعتماد على عناوين ثابتة وصور تتلاشى مثل عرض تقديمي.
- أنماط متعددة: مقدمات وإعلانات وعروض SaaS ونصوص حركية، إضافة إلى ستة أساليب للشرح في التوثيق الحالي، منها الصحافة البصرية والكولاج الكرتوني والرسم القديم والمسرح الكرتوني.
- مراجعة قابلة للتحكم: وضع تصحيح يتيح التنقل على الخط الزمني، وأداة لالتقاط لحظات مختارة لفحص القص والتداخل ووضوح النص قبل التصدير.
- مسارات اختيارية: إدراج مقاطع فيديو داخل المشهد، ومزامنة تعليق صوتي، ومسار متخصص لبناء الشرح الكرتوني داخل After Effects عبر جسر Higgsfield.
متى يكون مفيدًا؟
يناسب صانع المحتوى الذي يريد مقدمة قصيرة بهوية قناته، أو فريق منتج يحتاج نموذجًا أوليًا لإعلان، أو مصممًا يرغب في تجربة الإيقاع والانتقالات بالكود. ويمكن أن يساعد في شرح فكرة تعليمية باستخدام شخصيات أو صور وتعليقات بصرية بدل الاكتفاء بالنص. تزداد فائدته عندما تقدم شعارًا حقيقيًا ولقطات المنتج ونصًا مختصرًا، وتحدد الجمهور والمدة ونسبة العرض بوضوح.
مثال طلب مناسب: «أنشئ مقدمة مدتها عشرون ثانية لتطبيق تنظيم المهام، بنسبة 9:16، باستخدام الشعار ولقطات الشاشة المرفقة. اقترح ثلاثة تصورات، واجعل العبارة الختامية واضحة على الهاتف». هذه صياغة إرشادية وليست نتيجة مجربة. عند استخدام العربية، اطلب مراجعة اتجاه النص واتصال الحروف والخطوط وقراءة العناوين على شاشة صغيرة، لأن التوثيق لا يكفي لإثبات جودة كل سيناريو عربي.
نظرة على التثبيت والعمل
يوفر المشروع مسار إضافة داخل Claude Code، ومسارًا يدويًا لوكلاء مثل Codex وGemini CLI وCursor. في المسار اليدوي تُضاف ملفات المهارة والمراجع والقوالب إلى المكان المناسب لأداتك، مع تعريف الوكيل بموقع ملف SKILL.md. ويوصي المستودع باستخدام نسخة واحدة فقط، لأن الجمع بين نسخة الإضافة ونسخة يدوية تحمل الاسم نفسه قد يسبب تعارضًا.
بعد الإعداد، يبدأ العمل بموجز واضح ثم اعتماد التصور وتجهيز الأصول، وبعدها بناء ملف HTML وفحص لقطات مختارة وتعديل النتيجة. اتبع تعليمات المصدر الخاصة بإصدارك بدل نسخ أوامر قديمة من مقال، وراجع الملفات والأذونات قبل تشغيل أي سكربت. لم نقم بتثبيت المهارة أو تشغيل أدواتها ضمن إعداد هذه الصفحة.
المتطلبات والتكلفة والترخيص
مشاهدة المخرج المعتاد تحتاج متصفحًا واتصالًا بالإنترنت لتحميل مكتبات وخطوط من CDN. وقد تحتاج الصور والمقاطع إلى البقاء بجوار الملف في مجلد الأصول؛ عبارة «ملف HTML واحد» لا تعني بالضرورة أنه مستقل تمامًا عن الشبكة والملفات الخارجية. الفحص الآلي يحتاج Node وPuppeteer، وتصدير MP4 يضيف ffmpeg. أما توليد الصور أو استخدام After Effects فمسارات اختيارية بمتطلبات منفصلة.
المستودع منشور بترخيص MIT، لكن ذلك لا يلغي تكلفة وكيل الذكاء الاصطناعي أو توليد الوسائط أو البرامج المدفوعة المستخدمة معه. كما أن تراخيص الصور والخطوط والموسيقى والأصول الخارجية تظل مسؤولية مستقلة. لا يوجد في المصادر التي راجعناها سعر موحد لإنتاج كل فيديو.
القيود وحالة الاختبار
هذه مراجعة توثيقية وليست اختبارًا عمليًا من AIWizard. توجد تجربة خارجية منشورة لدى Skills for Design منحت المهارة 3/5 في فيلم إطلاق مدته عشرون ثانية. أشادت ببعض الاختيارات البصرية، لكنها لاحظت ضعفًا في حجم مشهد الشراء وشارة متجر التطبيقات. وذكرت أن محاولة أولى تعطلت بسبب بناء ffmpeg. تلك ملاحظات لاختبار محدد، وليست ضمانًا أو حكمًا على كل مشروع.
توقع جولات تعديل، خصوصًا لضبط القراءة والرسالة الختامية وتزامن الصوت وسلاسة التصدير. المهارة توفر قواعد وقوالب للعمل، بينما الجودة النهائية تتوقف أيضًا على الوكيل والموجز والأصول والفحص البصري البشري.
المصادر
- المستودع الرسمي والمتطلبات والتثبيت والترخيص
- ملف المهارة الرسمي
- الاختبار المستقل لدى Skills for Design
تاريخ مراجعة المعلومات: 5 نوفمبر 2026.