4 skills للـ animations حتى لا يبقى موقعك جامدًا

مرحبًا! 👋 إليك ما وعدتك به:

Claude يبني لك موقعًا كاملًا، لكن لا شيء فيه يتحرك — لا motion، لا animation، لا شيء premium. هذه الـ 4 skills تحل المشكلة:

1. Design Motion Principles — يعطي الـ components الخاصة بك timing وeasing مضبوطين. وضعان: البناء بـ motion له هدف، أو مراجعة (audit) الـ animations الموجودة عندك.

npx skills add kylezantos/design-motion-principles

2. Genjutsu — skills للـ creative coding في الـ motion والـ 3D (GSAP، Motion، Three.js، CSS…)، حتى لا يبدو موقعك صفحة عادية. ضد الـ AI slop.

/plugin marketplace add AThevon/genjutsu
/plugin install genjutsu

3. Animate Skill — skill لـ Claude Code خاص بـ animations في Next.js/React، مبني على كورس Emil Kowalski، حتى تبدو الـ animations الخاصة بك احترافية.

npx skills add https://github.com/delphi-ai/animate-skill --skill animate

4. Auteur — يُخرج موقعك كأنه فيلم، ومعه linter ضد الـ slop يوقف الـ design السيئ قبل أن تطلق.

npx skills add agiwhitelist/auteur