مهارة Claude Code تفكّك الحركة إطارًا بإطار وتتحقّق من تطابق النسخة.
تأخذ reanimate حركة من موقع حيّ أو تسجيل شاشة أو ملف mp4 أو gif أو Lottie. تسجّل الأصل، وتعيد بناءه في شيفرتك، وتسجّل النسخة بالطريقة نفسها وتقارن بينهما، وتكرّر ذلك حتى تتطابق الأرقام. وتحصل على نقطة انطلاق قريبة تبني عليها حركتك الخاصة.
تنبيه: جُرّبت مع Claude Code فقط؛ انسخ فقط الحركات التي يحقّ لك إعادة استعمالها.
Paste this prompt into Claude Code: it reads the README and installs it with you, showing each command before running it.
Install the agent skills of “reanimate” (https://github.com/NiazMorshed2007/reanimate) in Claude Code. - Read the README and follow the installation method it recommends. The README documents this command: `npx skills add NiazMorshed2007/reanimate -g`. - If it requires /plugin commands, give them to me to type myself; otherwise copy each skill folder (the one containing a SKILL.md) into ~/.claude/skills. - Tell me what each command does before running it. - When done, list the installed skills and suggest a first request to try them.
Once installed, try for example:
/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