mo.js
أختام وانفجارات صغيرة
الأداة 7 من 10وش هي؟
مكتبة متخصصة في الحركات الصغيرة اللي تفرّح: ختم ينفجر حوله أشكال، قلب إعجاب، شي يهتز. مثل اللي تشوفه عندنا لما تطلع نتيجة اختبار.
متى تستخدمها؟
- ختم ✓ لما تطلع نتيجة صح
- ختم ✗ يهتز لما النتيجة غلط
- قلب إعجاب وعدّاد +1
كيف تشغّلها
- افتح Claude Code في مجلد جديد، أو محادثة جديدة في شات Claude العادي.
- الصق واحد من البرومبتات اللي تحت.
- Claude يثبّت الأداة بنفسه، يكتب الكود، ويرندر لك MP4.
أمر التثبيت اللي يشغّله Claude (للي يحب يعرف):
npm i @mojs/core
البرومبتات الثلاث
غيّر اللي بين الأقواس [ ] بفكرتك، وبعدها الصقه في Claude Code أو شات Claude العادي.
1ختم صح ينفجر حوله أشكال
سوّ بـ mo.js مشهد [المدة، مثلاً 4] ثواني (صفحة HTML ورندرها فيديو [المقاس]): ختم ✓ أخضر يطلع بضربة في نص الشاشة، ويطلع حوله دائرة تكبر وانفجار من نقاط ملوّنة، وتحته جملة «[جملتك]». خط Cairo، خلفية داكنة، طلّع MP4.
2ختم غلط يهتز
سوّ بـ mo.js مشهد [المدة، مثلاً 4] ثواني: ختم ✗ أحمر داخل دائرة يطلع بضربة، وبعدها يهتز يمين ويسار مثل «لا»، ومعه حلقة حمراء تنبض مرة، وتحته «[جملتك]». خط Cairo، خلفية داكنة، طلّع MP4.
3أيقونة تنبض مع عدّاد
سوّ بـ mo.js مشهد [المدة، مثلاً 4] ثواني: [الأيقونة، مثلاً قلب أو نجمة] بلون [اللون] تكبر بنبضة، يطلع حولها انفجار من أشكال صغيرة ونقاط، وتحتها يعدّ «[النص، مثلاً +1 إعجاب]». خط Cairo، خلفية داكنة، طلّع MP4.
⚠️ خذ بالك
- mo.js تتحرك حسب وقت المتصفح. اطلب من Claude يتحكم بالوقت فريم فريم وقت الرندر عشان الفيديو ما يطلع متقطّع.
السعر والرخصة
مجانية ومفتوحة المصدر برخصة MIT.
روابط رسمية
شفتها في الحلقة
تبي تشوف الأداة وهي تشتغل؟ الحلقة فيها 3 أمثلة حقيقية لكل أداة.