prompt

مواصفات الحركة والتيسير

تحديد منحنيات التوقيت وأنواع التيسير ومبادئ الحركة لتصميم تفاعل دقيق متماسك.

آخر تحديث يونيو ٢٠٢٦
الموجه
إنشاء مواصفات الحركة ل {{interaction_context}} في {{design_system}}. تحديد: (1) نطاقات المدة (تفاعلات دقيقة تحت 300ms، انتقالات 300-500ms)، (2) وظائف التيسير لكل نوع تفاعل (ease-out للمدخلات، ease-in-out لتغييرات الحالة)، (3) أنماط التأخير إذا كانت عدة عناصر متحركة، (4) منحنيات تعتمد على الفيزياء مقابل خطية، (5) اعتبارات إمكانية الوصول (تجاوز prefers-reduced-motion)، (6) أهداف الأداء (60fps، تسريع GPU). توفير أمثلة CSS/الرمز.
هل نجح معك؟ قيم هذا الموجه

المتغيرات

سياق التفاعل (مثال: نقرة زر، فتح نافذة، كشف التمرير)
نظام التصميم أو اسم المنتج

التفاصيل

المصدر

AI Khazna

الرخصة

الأمان

النوع

prompt

أصول ذات صلة

مختارات أخرى في التصميم والإبداع.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
منشئ القطع الفنية الويب
مجموعة أدوات لإنشاء قطع عمل HTML متقدمة ومتعددة المكونات على claude.ai باستخدام تقنيات الويب الحديثة (React و Tailwind CSS و shadcn/ui). استخدمها للقط…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
تصميم Canvas
إنشاء أعمال فنية بصرية جميلة في ملفات .png و.pdf باستخدام فلسفة التصميم. استخدم هذه المهارة عندما يطلب المستخدم إنشاء ملصق أو عمل فني أو تصميم أو أي ق…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/frontend-design ~/.claude/skills/
تصميم واجهة المستخدم
إنشاء واجهات أمامية متميزة وعالية الجودة جاهزة للإنتاج. استخدم هذه المهارة عندما يطلب المستخدم بناء مكونات ويب أو صفحات أو تصاميم أو ملصقات أو تطبيقات…★ ٤.٨ · ٢,٥٠٠+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
منشئ رسائل Slack المتحركة
المعارف والأدوات لإنشاء صور GIF متحركة محسنة للاستخدام في Slack. يوفر قيودا وأدوات التحقق ومفاهيم الرسوم المتحركة. استخدمه عندما يطلب المستخدمون صور G…★ ٤.٨ · ٢,٥٠٠+
image stylemidjourneydall-eflux
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.
حزمة تصيير معماري
تصيير معماري واقعي — واجهات وداخليات وسياق حضري.٠+
prompt
يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.
مدقق تباين الوصول
يفحص ازواج الالوان مقابل قواعد تباين WCAG ويقترح اصلاحات يمكن الوصول اليها.٠+

افحص قبل التثبيت

شغل أي مصدر عبر فحوصاتنا - الظهور في الذكاء الاصطناعي والأمان والأداء واكتشاف التقنيات.

المزيد في التصميم والإبداع