Motion Design · Nov 5, 2026
1/7 🎬🔥
1/7 🎬🔥 by محمد الغامدي | AI & Innovation, credited to Claude Opus 5. Watch the Motion Design video, explore the shared prompt and visit the original X post.
محمد الغامدي | AI & Innovation@drops609
View on X1/7 🎬🔥 هذا الفيديو ليس من After Effects! كل حركة تشاهدها صُنعت برمجيًا: زر يتحول إلى مشغّل موسيقى، ثم شريط تمرير، ثم مخطط، ثم يعود إلى شكله الأول… دون قطع واحد! تجربة مذهلة باستخدام Claude Opus 5، شاركها المبدع @twoclipping مع قالب الـPrompt. إليك طريقة إعادة تنفيذها بالتفصيل 🧵👇 ⸻ 2/7 🧠 السر وراء الحركة الفكرة ليست تصميم 10 عناصر وتحريكها منفصلة! بل بناء عنصر واحد يتغير باستمرار: 🔹 الحجم والأبعاد. 🔹 استدارة الحواف. 🔹 المحتوى الداخلي. 🔹 موقع المؤشر. 🔹 التفاعل مع النقر والسحب. والنتيجة حركة Morphing متصلة، تبدو وكأن الواجهة كائن واحد يتغير أمامك. ⸻ 3/7 🛠️ جهّز الأدوات تحتاج إلى: 1️⃣ Claude Code مع نموذج Opus المتاح لديك. 2️⃣ Node.js وPlaywright لتشغيل المتصفح والتقاط الإطارات. 3️⃣ Python وNumPy لتحليل الإيقاع. 4️⃣ FFmpeg لمعالجة الإطارات وتجميع الفيديو. 5️⃣ مقطع موسيقي مرخّص للاستخدام المطلوب، بإيقاع قريب من 120 BPM. لا تحتاج إلى After Effects. ⸻ 4/7 🎯 ابدأ بالمدخلات قبل كتابة أي كود، اطلب من Claude تحديد: • من 8 إلى 12 حالة للواجهة. • اللون: أبيض…
The prompt behind it.
Original prompt
🔗 المنشور الأصلي: #ClaudeCode #MotionDesign #AI
Video and prompt by محمد الغامدي | AI & Innovation. Original post ↗



