·css-native

يُستخدم عند تطبيق مبادئ الرسوم المتحركة الـ 12 الخاصة بشركة Disney مع رسوم متحركة وانتقالات CSS خالصة

67التثبيتات·4الرائج·@dylantarre

التثبيت

$npx skills add https://github.com/dylantarre/animation-principles --skill css-native

كيفية تثبيت css-native

ثبّت مهارة الذكاء الاصطناعي css-native بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill css-native
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: dylantarre/animation-principles.

Implement all 12 Disney animation principles using CSS animations, transitions, and transforms.

| Micro-interaction | 100-200ms | | Button feedback | 150-300ms | | Page transitions | 300-500ms | | Complex animations | 500-1000ms |

يُستخدم عند تطبيق مبادئ الرسوم المتحركة الـ 12 الخاصة بشركة Disney مع رسوم متحركة وانتقالات CSS خالصة المصدر: dylantarre/animation-principles.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill css-native بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/dylantarre/animation-principles --skill css-native
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-05
آخر تحديث
2026-03-10

Browse more skills from dylantarre/animation-principles

إجابات سريعة

ما هي css-native؟

يُستخدم عند تطبيق مبادئ الرسوم المتحركة الـ 12 الخاصة بشركة Disney مع رسوم متحركة وانتقالات CSS خالصة المصدر: dylantarre/animation-principles.

كيف أثبّت css-native؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dylantarre/animation-principles --skill css-native بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/dylantarre/animation-principles

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-03-05