أفضل ممارسات الرسوم المتحركة لإميل كوالسكي لواجهات الويب. يُستخدم عند كتابة الرسوم المتحركة أو مراجعتها أو تنفيذها في React أو CSS أو Framer Motion. يتم تشغيله على المهام التي تتضمن انتقالات أو تخفيف أو إيماءات أو نخب أو أدراج أو حركة.
ثبّت مهارة الذكاء الاصطناعي emilkowal-animations بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: blockmatic/basilic.
Comprehensive animation guide for web interfaces based on Emil Kowalski's teachings, open-source libraries (Sonner, Vaul), and his animations.dev course. Contains 43 rules across 7 categories, prioritized by impact.
| 1 | Easing Selection | CRITICAL | ease- | | 2 | Timing & Duration | CRITICAL | timing- | | 3 | Property Selection | HIGH | props- | | 4 | Transform Techniques | HIGH | transform- | | 5 | Interaction Patterns | MEDIUM-HIGH | interact- | | 6 | Strategic Animation | MEDIUM | strategy- | | 7 | Accessibility & Polish | MEDIUM | polish- |
| cubic-bezier(0.32, 0.72, 0, 1) | iOS-style drawer/sheet animation | | scale(0.97) | Button press feedback | | scale(0.95) | Minimum enter scale (never scale(0)) | | 200ms ease-out | Standard UI transition | | 300ms | Maximum duration for UI animations | | 500ms | Drawer animation duration | | 0.11 px/ms | Velocity threshold for momentum dismiss |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animationsأفضل ممارسات الرسوم المتحركة لإميل كوالسكي لواجهات الويب. يُستخدم عند كتابة الرسوم المتحركة أو مراجعتها أو تنفيذها في React أو CSS أو Framer Motion. يتم تشغيله على المهام التي تتضمن انتقالات أو تخفيف أو إيماءات أو نخب أو أدراج أو حركة. المصدر: blockmatic/basilic.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/blockmatic/basilic --skill emilkowal-animations بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/blockmatic/basilic