ذكاء اصطناعي

كل هذا سوّاه Claude بالكود… حتى النيزك 🔥

2026-11-042:15شورت

قتال بكسل بين 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، أول محاولة بدون أي تعديل. مين فاز؟ الحكم لك.

الطريقة

  1. تحتاج Claude Code (يجي مع اشتراك Claude المدفوع) وNode.js 20 أو أحدث، وffmpeg للتصدير. تقدر بعد تستخدم شات Claude العادي: نزّل الـrepo كـZIP وارفعه بالمحادثة، أو ارفع مجلد السكل من الإعدادات ← Skills، بس الرندر في الشات أبطأ.
  2. ركّب الأداة اللي تبيها من قسم «الروابط» فوق (كل وحدة لها سطر تركيب).
  3. ابدأ بالأسهل: برومبت السطر الواحد (البرومت 5). بعدين عدّل بالكلام: «بطّئ المشهد الثاني»، «حط ألوان مشروعي».
  4. لأي شغل محدد اختار السكل المناسب وانسخ برومته من تحت. غيّر اللي بين [ ] بس.
  5. اطلب دائماً صور تجربة (stills) قبل الرندر الكامل، وعطه ملاحظاتك عليها.
  6. تبي صوت؟ سجّل التعليق في ElevenLabs (صوت Abdullah، موديل v4)، وخلّ Claude يطلع توقيت كل كلمة ويركّب الكتابة عليها.https://try.elevenlabs.io/vvseh93g01fl

وش تقدر تغيّر؟

كل شي بين الأقواس [ ] في البرومتات تقدر تغيّره. هذي أهم الأشياء:

البرومتات (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

⚠️ الأوقات المكتوبة من الطلب لين الفيديو الجاهز على جهاز سحابي، والرندر على لابتوب عادي ممكن ياخذ أطول. «ليمو» و«هيل» ماركات تخيّلية للتجربة. والمواجهة أول محاولة لكل موديل بدون تعديل، وما حكمنا مين فاز.

مقاطع مشابهة

شورت0:53
ذكاء اصطناعي

حاولت أسوي فيديو 3D بـ Claude… المحاولة الأولى فشلت 😅

شفت مقطع انتشر: شخصية بكسل داخل غرفة 3D وكاميرا ما توقف. قلت أقدر أسوي مثله بـ Claude؟ المحاولة الأولى طلعت مسطّحة. الثانية صرت فيها أنا المخرج وClaude المنفّذ، وكل حركة بالفيديو كود. هنا الطريقة كاملة: البرومتات بالترتيب، والسكل اللي انبنى فيه المقطع.

شورت0:32
ذكاء اصطناعي

رسمة الثلاجة صارت بطل لعبة… بس لازم يثبت إنه إنسان 🤖🎮 (كله كود!)

لوب ثلاثي الأبعاد 32 ثانية: رسمة طفل على الثلاجة تتحول لمجسّم، ياخذ هيكل عظمي وخمس حركات، يحاول يتحقق إنه إنسان… ويكسر الشاشة ويدخل لعبة في مجلس. كله كود Three.js كتبه Claude، حتى الصوت. هنا البرومتات خطوة بخطوة، والطريقة الحقيقية لو تبي لعبة تلعبها، وملف المشهد.

شورت1:10
ذكاء اصطناعي

5 أدوات مجانية لـClaude… والخامسة جابت لصاحبها وظيفة 🤯

خمس أدوات مجانية ومفتوحة المصدر من GitHub تركّبها لـClaude: آلات تشرح الأفكار التقنية، نسخة مفتوحة من فوتوشوب، ذاكرة لـClaude Code، مخططات جاهزة، ووكيل يفصّل سيرتك على كل وظيفة. هنا رابط كل أداة وأمر تركيبها.