جارٍ التحميل…
مهارة Claude Code تفكّك الحركة إطارًا بإطار وتتحقّق من تطابق النسخة.
تأخذ reanimate حركة من موقع حيّ أو تسجيل شاشة أو ملف mp4 أو gif أو Lottie. تسجّل الأصل، وتعيد بناءه في شيفرتك، وتسجّل النسخة بالطريقة نفسها وتقارن بينهما، وتكرّر ذلك حتى تتطابق الأرقام. وتحصل على نقطة انطلاق قريبة تبني عليها حركتك الخاصة.
تنبيه: جُرّبت مع Claude Code فقط؛ انسخ فقط الحركات التي يحقّ لك إعادة استعمالها.
الصق هذا الطلب في Claude Code: يقرأ ملف README ويثبّت معك، ويعرض كلّ أمر قبل تنفيذه.
ثبّت في Claude Code مهارات «reanimate» (https://github.com/NiazMorshed2007/reanimate). - اقرأ ملف README واتّبع طريقة التثبيت التي يوصي بها. يذكر ملف README هذا الأمر: `npx skills add NiazMorshed2007/reanimate -g`. - إن كان التثبيت يمرّ بأوامر /plugin فأعطني إيّاها لأكتبها بنفسي؛ وإلا فانسخ كلّ مجلّد مهارة (الذي يحتوي على SKILL.md) إلى ~/.claude/skills. - اشرح لي ما يفعله كلّ أمر قبل تنفيذه. - في النهاية، اعرض المهارات المثبّتة واقترح عليّ أوّل طلب لتجربتها.
بعد التثبيت، جرّب مثلًا:
/reanimate the hero entrance on https://example.com, into components/Hero.tsx
/reanimate this loader, 0:03 to 0:05 of ~/Downloads/loader.mov
/reanimate the card hover in this gif, match it exactly
1.0.0