مبادئ تصميم الحركة العامة للوكلاء: التوقيت والتسارع والتنسيق ومبادئ ديزني مطبّقة على الواجهات.
مهارة تبدأ بالفلسفة وتعلّم الوكيل التفكير كمخرج حركة قبل كتابة شيفرة الحركة. تضم قائمة تحقق من ثماني خطوات، وأنماط شخصية للحركة، وجداول للمدة والتسارع، ومبادئ ديزني الاثني عشر مكيّفة للواجهات، ووصفات جاهزة للدخول والخروج وتغذية الحالة وتنسيق العناصر، ومراجع لحل المشكلات. تعمل مع أي نظام حركة: CSS أو Framer Motion أو GSAP أو Lottie أو الزنبركات.
تنبيه: مبادئ فقط؛ وشيفرة الحركة نفسها تأتي من المكتبة التي تختارها.
Collez ce prompt dans Claude Code : il lit le README et fait l’installation avec vous, en montrant chaque commande avant de la lancer.
Installe dans Claude Code les skills de « Motion Design Skill » (https://github.com/LottieFiles/motion-design-skill). - Lis le README et suis la méthode d'installation qu'il recommande. Le README indique cette commande : `npx skills add LottieFiles/motion-design-skill`. - Si l'installation passe par des commandes /plugin, donne-les-moi pour que je les tape ; sinon copie chaque dossier de skill (celui qui contient un SKILL.md) dans ~/.claude/skills. - Dis-moi ce que fait chaque commande avant de la lancer. - À la fin, liste les skills installées et propose-moi une première demande pour les essayer.
Une fois installé, essayez par exemple :
Add a playful entrance animation to these cards.
Give the submit button success and error feedback.
Define a brand motion identity for our app.
1.0.0