مبادئ تصميم الحركة العامة للوكلاء: التوقيت والتسارع والتنسيق ومبادئ ديزني مطبّقة على الواجهات.
مهارة تبدأ بالفلسفة وتعلّم الوكيل التفكير كمخرج حركة قبل كتابة شيفرة الحركة. تضم قائمة تحقق من ثماني خطوات، وأنماط شخصية للحركة، وجداول للمدة والتسارع، ومبادئ ديزني الاثني عشر مكيّفة للواجهات، ووصفات جاهزة للدخول والخروج وتغذية الحالة وتنسيق العناصر، ومراجع لحل المشكلات. تعمل مع أي نظام حركة: CSS أو Framer Motion أو GSAP أو Lottie أو الزنبركات.
تنبيه: مبادئ فقط؛ وشيفرة الحركة نفسها تأتي من المكتبة التي تختارها.
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 “Motion Design Skill” (https://github.com/LottieFiles/motion-design-skill) in Claude Code. - Read the README and follow the installation method it recommends. The README documents this command: `npx skills add LottieFiles/motion-design-skill`. - 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:
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