كل هذا سوّاه Claude بالكود… حتى النيزك 🔥
قتال بكسل بين Claude وGPT بضربة قاضية نيزك، مخيّم بالبر، واجهة تتحوّل على الإيقاع، وإعلان علبة «ليمو»… وبعدها حزمة 15 Skill لموشن جرافيك: فيديو شرح، رسم بياني، فيلم إطلاق، وإعلان من مرجع، مع الوقت الحقيقي لكل مثال. كله كود كتبه Claude بأدوات مجانية ومفتوحة المصدر. هنا الروابط وطريقة التركيب والبرومتات.
- pixelfx: مكتبة فيها 244 إفكت بكسل (نار، تفجيرات، سحر، طقس) مع سكل يعلّم Claude يستخدمها. كل ضربة لها تمثيل: الشخصية تستعد، تضرب، تتجمّد لحظة الاصطدام، والخصم يتأثر.
- القتال 7 جولات، والضربة الأخيرة أكبر لحظة: نيزك عملاق، السما تحمر، تبطيء، فلاش، وبعدها K.O. ونفس الأداة سوّت مخيّم بالبر لوب 12 ثانية.
- claude-motion-design: كل فريم محسوب بالكود (HTML + Playwright + ffmpeg) ومركّب على إيقاع الموسيقى. شكل واحد يتحوّل لـ10 واجهات، وإعلان علبة «ليمو» (ماركة تخيّلية).
- Motion Graphics Skill Pack: 15 Skill. جربناها: فيديو «ليش اسمه ChatGPT؟» بالمصادر (~10 د مع البحث)، رسم بياني (~1.5 د)، فيلم إطلاق للموقع (~9 د)، مقدمة 3D (14 د، أغلبها رندر)، وإعلان قهوة «هيل» من مرجع (~4 د).
- المواجهة: نفس البرومبت لـ Claude Opus 5.5 وGPT 6.1 Sol وGemini Argon 4، أول محاولة بدون أي تعديل. مين فاز؟ الحكم لك.
الروابط
244 إفكت بكسل وسكل لـClaude Code يلاقي الإفكت ويستخدمه ويسوّي جديد. التركيب داخل Claude Code: /plugin marketplace add patch-gg/pixelfx ثم /plugin install pixelfx@pixelfx، أو انسخ مجلد skills/pixelfx إلى ~/.claude/skills. رخصة MIT.
سكل موشن ديزاين بالكود: إعلانات وواجهات على إيقاع الموسيقى، والمؤثرات على ذروتها. التركيب: انسخ مجلد skill/motion-design إلى ~/.claude/skills، وثبّت: pip install playwright imageio-ffmpeg numpy pillow. وبعدها اكتب /motion-design. رخصة MIT.
15 Skill: فيديو شرح، رسم بياني، فيلم إطلاق، مقدمة 3D، رقم يتجمّع، إعلان نشرة، غلاف لوب، فيديو إطلاق، مواجهة موديلات، وإعلان من مرجع. التركيب بسطر واحد: npx skills add charlie947/motion-graphics-skills. رخصة MIT.
سكلز Claude للفيديو
عندنا صفحة فيها سكلز جاهزة (3D و2D) تركّبها في Claude وتبدأ فيها على طول، وقسم كامل لأدوات Claude لصناعة الفيديو بالكود.
افتح صفحة السكلز ←الطريقة
- تحتاج Claude Code (يجي مع اشتراك Claude المدفوع) وNode.js 20 أو أحدث، وffmpeg للتصدير. تقدر بعد تستخدم شات Claude العادي: نزّل الـrepo كـZIP وارفعه بالمحادثة، أو ارفع مجلد السكل من الإعدادات ← Skills، بس الرندر في الشات أبطأ.
- ركّب الأداة اللي تبيها من قسم «الروابط» فوق (كل وحدة لها سطر تركيب).
- ابدأ بالأسهل: برومبت السطر الواحد (البرومت 5). بعدين عدّل بالكلام: «بطّئ المشهد الثاني»، «حط ألوان مشروعي».
- لأي شغل محدد اختار السكل المناسب وانسخ برومته من تحت. غيّر اللي بين [ ] بس.
- اطلب دائماً صور تجربة (stills) قبل الرندر الكامل، وعطه ملاحظاتك عليها.
- تبي صوت؟ سجّل التعليق في ElevenLabs (صوت Abdullah، موديل v4)، وخلّ Claude يطلع توقيت كل كلمة ويركّب الكتابة عليها.
https://try.elevenlabs.io/vvseh93g01fl
وش تقدر تغيّر؟
كل شي بين الأقواس [ ] في البرومتات تقدر تغيّره. هذي أهم الأشياء:
الشخصيات والألوان
بدل Claude وGPT: أي شخصيتين، وأي لونين. والحركات من مكتبة pixelfx (سيف، برق، كرة نار، نيزك…).
المكان
مخيّم بالبر، ساحة قتال، فضاء… والخلفية والسما كلها كود.
المنتج والماركة
بدل «ليمو» و«هيل»: منتجك أنت. ولا تنسخ إعلان مشهور؛ خذ الإيقاع والإحساس بس (البرومت 9).
السؤال والبيانات
في فيديو الشرح والرسم البياني: سؤالك وأرقامك، مع مصدر لكل رقم.
الموديلات في المواجهة
أي موديلات تبي، بنفس البرومبت وأول محاولة، والحكم للمشاهد.
البرومتات (10)
1. pixelfx — قتال شخصيتين بضربة قاضية
باستخدام سكل pixelfx، سوّ لي مقطع عمودي 1080×1920 طوله [36] ثانية: قتال بكسل بين شخصيتين [برتقالي = Claude، سماوي = GPT] على أرضية حجر تحت سما نجوم. - [7] جولات بالتناوب، كل جولة حركة من moves مثل [sword-combo، lightning-call، earth-stomp، fireball-throw، holy-smite، ice-lance-throw، meteor-call]. - شريط صحة لكل شخصية ينقص مع كل ضربة. - كل ضربة لها تمثيل: يستعد، يضرب، يتجمّد لحظة الاصطدام، والخصم يتأثر ويرجع لورا. - الضربة الأخيرة أكبر لحظة: [نيزك عملاق]، السما تحمر، تبطيء، فلاش أبيض واهتزاز، وبعدها K.O. واسم الفايز. طلّع لي 4 صور تجربة من لحظات مختلفة قبل الرندر.
2. pixelfx — مخيّم لوب بدون قطع
باستخدام pixelfx: لوب عمودي [12] ثانية لـ[مخيّم بالبر بالليل]: نار مخيّم بكسل بالنص، الشخصيتين [من مقطع القتال] جالسين حولها، شرار طالع من النار، شهب تعبر السما، و[هلال]. آخر فريم لازم يرجع لأول فريم بدون ما ينحس القطع، وافحص الوصلة قبل ما ترسل.
3. claude-motion-design — شكل واحد يتحوّل لعشر واجهات
باستخدام سكل motion-design: فيديو عمودي [12] ثانية على [120] BPM. شكل واحد يتحوّل بالتوالي لـ[10] حالات واجهة: [زر «سوّ لي فيديو»، دائرة تحميل، مشغّل فيديو، سلايدر السرعة، تبويبات صور/فيديو/صوت، رسم بياني للمشاهدات، إشعار «تم… الفيديو جاهز»]. - كل تحويلة على البيت، بدون قطع (نفس العنصر ينتقل)، مع motion blur. - خلفية [فاتحة]، لون مميز واحد [برتقالي]، وخط [Cairo]. - الصوت: موسيقى بالكود ومؤثر على كل تحويلة. ابدأ بـ4 صور ثابتة أوافق عليها قبل الرندر.
4. claude-motion-design — إعلان منتج 10 ثواني
باستخدام motion-design: إعلان عمودي [10] ثواني لـ[علبة «ليمو» عصير ليمون غازي، ماركة تخيّلية]: العلبة تدخل ← تنفتح ويطلع بخار ← تميل وتنصب في كاس فيه ثلج ← الكاس يتعبى ← سطرين «[بارد…]» و«[من أول رشفة]» ← آخر شي الشعار وتحته «ماركة تخيّلية · إعلان تجريبي». خلفية داكنة ولون مميز واحد [أخضر ليموني]. المؤثرات (فتحة العلبة، الصب، الثلج) على ذروتها بالضبط.
5. Motion Pack — برومبت السطر الواحد
Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are. Go all out.
6. vox-explainer — فيديو شرح بالمصادر
باستخدام vox-explainer: سؤالي [ليش اسمه ChatGPT؟]. 1) دوّر مصدر لكل معلومة قبل ما ترسم أي شي، واكتب لي المصادر. 2) اكتب سكربت قصير، وبعدين سوّ فيديو عمودي [35] ثانية بستايل [ورق مقصوص وملصقات]. 3) كل الكتابة بالعربي بخط [Cairo]، والأرقام إنجليزية (1234).
7. animated-chart — رسم بياني يتحرّك
باستخدام animated-chart: رسم بياني عمودي [8] ثواني بعنوان [«كم شهر أخذ كل تطبيق عشان يوصل 100 مليون مستخدم؟»]. البيانات: [Instagram: سنتين ونص، TikTok: 9 أشهر، ChatGPT: شهرين]. الأعمدة تكبر وحدة وحدة، وآخر عمود باللون المميز، وتحت: [«ChatGPT أسرع بـ15 مرة من إنستغرام»] والمصدر [UBS، فبراير 2023].
8. launch-video — فيديو إطلاق من لقطات موقعك
باستخدام launch-video: ارفقت لك [4] لقطات شاشة حقيقية من [موقعي]. سوّ فيديو إطلاق عمودي [18] ثانية: كل لقطة على خلفية بلون مختلف، معها جملة قصيرة [«كل شركات الـAI بمكان واحد» / «الأسعار بالدولار والريال» / …]، وآخره الشعار والرابط [ikhtiardhaki.com]. لا تغيّر محتوى اللقطات، استخدمها زي ما هي.
9. reference-to-motion — إعلان جديد من مرجع (بدون نسخ)
باستخدام reference-to-motion: ارفقت لك [إعلان مرجعي]. 1) حلّل الحركة بس: سرعة اللقطات، كيف المشهد يطلع من اللي قبله، أسلوب الكتابة، الإضاءة، والفكرة الوحدة. 2) اكتب برومبت جديد بنفس الإحساس لموضوع مختلف: [قهوة عربية «هيل»، ماركة تخيّلية: دلّة تحت ضوء دافي، الغطا ينفتح، القهوة تنصب في فنجان، تمر وهيل جنبه، وسطرين «أول فنجان…» «على أصوله»]. 3) نفّذه فيديو عمودي [10] ثواني. لا تنسخ أي شعار أو لقطة من المرجع.
10. model-showdown — نفس البرومبت لـ3 موديلات
باستخدام model-showdown: ارفقت لك [3] فيديوهات طلعت من نفس البرومبت بالضبط، أول محاولة بدون أي تعديل، من [Claude Opus 5.5 وGPT 6.1 Sol وGemini Argon 4]. ركّبهم جنب بعض في فيديو عمودي [10] ثواني، اسم الموديل فوق كل وحدة، العنوان «نفس البرومبت… 3 موديلات · أول محاولة»، والنهاية سؤال «مين فاز؟» بدون ما تحكم أنت.
وصف الفيديو
قتال بكسل بين Claude وGPT، مخيّم بالبر، واجهة تتحوّل، وإعلان علبة ليمو… وبعدها حزمة 15 Skill لموشن جرافيك: فيديو شرح، رسم بياني، فيلم إطلاق، وإعلان من مرجع، مع الوقت الحقيقي لكل وحدة. وبالأخير نفس البرومبت لـClaude وGPT وGemini: مين فاز برأيك؟
pixelfx (244 إفكت بكسل): https://github.com/patch-gg/pixelfx
claude-motion-design (إعلانات وواجهات بالكود): https://github.com/howseen-ai/claude-motion-design
Motion Graphics Skill Pack (15 Skill): https://github.com/charlie947/motion-graphics-skills
⚠️ الأوقات المكتوبة من الطلب لين الفيديو الجاهز على جهاز سحابي، والرندر على لابتوب عادي ممكن ياخذ أطول. «ليمو» و«هيل» ماركات تخيّلية للتجربة. والمواجهة أول محاولة لكل موديل بدون تعديل، وما حكمنا مين فاز.


