يفتح في علامة تبويب جديدة

كل المهاراتAIWIZARD / دليل المهارة

مهارة للذكاء الاصطناعي

Motion Graphics Skills: فيديو موشن جرافيك وموسيقى من الكود

مهارة تحول الموجز ومواد العلامة التجارية إلى مشاهد HTML متحركة وموسيقى متزامنة، ثم تصدر MP4 ومشروعًا قابلًا للتعديل.

advancedالرخصة: راجع تفاصيل المهارة

غلاف توضيحي لمهارة Motion Graphics Skills بحرف M متحرك وخط زمني للموسيقى

ماذا ستنجز؟

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

ما الذي تحتاجه؟

وكيل يدعم Agent Skills وتنفيذ الأوامر المحلية؛ Node.js 22.4 أو أحدث؛ FFmpeg وffprobe على PATH؛ Chrome أو Edge أو Chromium؛ Brave مذكور أيضًا في SKILL.md؛ مواد علامة تجارية ونصوص وصور أو مقاطع مصرح باستخدامها؛ خط عربي مناسب ومراجعة RTL والحروف عند إخراج محتوى عربي؛ وقت ومساحة محلية للرندر؛ لا مفاتيح API خاصة بأدوات المهارة ولا حزم npm إضافية بحسب المصدر؛ مجاني ومفتوح المصدر للكود؛ تكلفة الوكيل وبيئة التشغيل والأصول الخارجية منفصلة. لم تُختبر عمليًا هنا.

طريقة الاستخدام

  1. جهز Node.js 22.4+ وFFmpeg وffprobe ومتصفحًا مدعومًا ووكيلًا يدعم Agent Skills.
  2. راجع المستودع وأضف المهارة باستخدام npx skills add Mort1d/motion-graphics-skills.
  3. قدم الموجز والأصول المعتمدة، وحدد المدة والمقاس والجمهور، ثم راجع الاتجاه البصري والخطة.
  4. راجع اللقطات والموسيقى والنسخة التجريبية، ثم صدر MP4 وافحص الملف النهائي وحقوق أصوله.

Motion Graphics Skills مهارة تساعد وكيل البرمجة على تحويل موجز، أو رابط منتج، أو لقطات شاشة، أو مواد يملكها المستخدم إلى مشروع فيديو موشن جرافيك. يجمع سير العمل بين الفكرة البصرية، وتحريك العناصر بالكود، وتأليف الموسيقى، والتصدير إلى MP4. تناسب فيديو إطلاق منتج، أو شرحًا قصيرًا، أو مقدمة قناة، أو تحريك شعار، أو مقطعًا رأسيًا لمنصات التواصل.

تعتمد المهارة على مشاهد HTML تُلتقط إطارًا بإطار داخل متصفح يعمل دون واجهة، مع تمويه حركة محسوب. الموسيقى تُركّب بالكود باستخدام مولّد صوت مدمج، وتشترك مع الصورة في شبكة التوقيت نفسها. لا يعتمد المسار الأساسي على نموذج لتوليد الفيديو أو مكتبة موسيقى جاهزة، ويمكنه الاستفادة من صورك ومقاطعك.

ما الذي تفعله عمليًا؟

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

المخرجات الموصوفة تشمل فيديو MP4 بترميز H.264 وصوت AAC، ونسخة أخف للمشاركة، وصور غلاف، ومجلد مشروع قابل للتعديل وإعادة التصدير. الإعداد الافتراضي يستهدف 60 إطارًا في الثانية، ويمكن اختيار أبعاد أفقية أو رأسية. تظل هذه مواصفات سير العمل، وليست ضمانًا لجودة كل فيديو أو لسرعة إنجازه على أي جهاز.

مثال استخدام افتراضي

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

المتطلبات وطريقة الإعداد

بحسب متطلبات المشروع، تحتاج بيئة أوامر محلية، وNode.js 22.4 أو أحدث، وFFmpeg وffprobe على PATH، ومتصفح Chrome أو Edge أو Chromium. يضيف ملف المهارة Brave إلى المتصفحات المدعومة. كما تحتاج وكيلًا يدعم Agent Skills، مثل Claude Code أو Codex أو Cursor، وصلاحية قراءة ملفات المشروع وكتابة المخرجات.

  1. راجع المصدر قبل التثبيت، ثم استخدم الطريقة الموثقة: npx skills add Mort1d/motion-graphics-skills. هذا أمر لإضافة المهارة إلى بيئتك، وليس دليلًا على تثبيتها في حسابك حاليًا.
  2. قدم الشعار، والنصوص المعتمدة، والمدة، والمقاس، والجمهور، والهدف، وأي مراجع. عند استخدام رابط موقع، تستطيع أدوات المشروع استخراج ألوان ولقطات وبيانات عامة، مع ضرورة مراجعة دقتها.
  3. اطلب إنشاء المشروع وفحص البيئة والخطة أولًا، ثم مراجعة لقطات أساسية قبل بناء كل المشاهد. عدّل النص والتوقيت في ملفات المشروع بدل إعادة بناء الفيديو من البداية.
  4. راجع الموسيقى، وشغّل معاينة منخفضة التكلفة قبل الرندر النهائي. الأوامر الموثقة تشمل node audio/score.mjs لتوليد المسار الصوتي وnode tools/render.mjs للتصدير من داخل المشروع.

العربية وجودة التسليم

الخطّان المرفقان، Montserrat وJetBrains Mono، موصوفان في الوثائق بتغطية Latin وCyrillic. لا تعتمد عليهما لإخراج عربي سليم؛ اختر خطًا عربيًا مرخّصًا وراجع اتصال الحروف، واتجاه RTL، وترتيب الأرقام، وطول السطور. هذه خطوة تحقق لازمة، وليست نتيجة اختبار دعم العربية في المشروع. افحص أيضًا وضوح الكلام على شاشة هاتف قبل اعتماد التصدير.

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

التكلفة والتراخيص

الكود متاح تحت ترخيص MIT، والخطوط المرفقة تحت SIL Open Font License 1.1. تعمل أدوات المهارة دون حزم npm إضافية أو مفاتيح API خاصة بها بحسب الوثائق. هذا لا يلغي تكلفة وكيل الذكاء الاصطناعي الذي يكتب المشروع أو استخدامه السحابي، ولا تكلفة الجهاز ووقت الرندر.

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

متى تكون مناسبة؟

اختيار مناسب لمن يريد مشروع فيديو قابلًا للتعديل بالكود ويستطيع مراجعة الملفات وحل مشكلات البيئة. تحتاج المشاهد أن تكون مرتبطة بالزمن بشكل قابل للتكرار، وقد تسبب الحركات العشوائية أو الخطوط الناقصة اختلافات في التصدير. الرندر الكامل قد يستغرق وقتًا ملحوظًا حسب الجهاز وتعقيد المشاهد. في بيئة محادثة بلا أوامر أو متصفح أو FFmpeg، يمكن تجهيز المشروع، لكن إخراج MP4 والتحقق منه يحتاجان بيئة تشغيل مكتملة.

مراجعة المصادر: 7 نوفمبر 2026. أُعد الوصف من الوثائق الحالية دون تثبيت المهارة أو تنفيذ رندر أو إثبات مستقل للنتائج.

المصدر والتوثيق

ابدأ من المرجع الأصلي

راجع تعليمات المصدر ومتطلبات التشغيل قبل التجربة.

افتح المصدر الرسمي

كمّل الاستكشاف

مهارة تكمّل فكرتك

ارجع للمكتبة وقارن الأدوات والمهارات حسب المهمة التي تريد إنجازها.

تصفّح المهارات