·animation-performance
*

animation-performance

يوفر React Native Reanimated وReact Native Worklets وإرشادات تحسين أداء React Native Gesture Handler للحصول على رسوم متحركة سلسة. ينطبق على المهام التي تتضمن قيمًا مشتركة، أو أوراق عمل، أو عمليات رد اتصال الإطار، أو معالجات الإيماءات، أو الأنماط المتحركة، أو عمليات إعادة العرض، أو تصحيح أخطاء الرسوم المتحركة غير المرغوب فيها وإسقاط الإطارات.

13التثبيتات·0الرائج·@sovranbitcoin

التثبيت

$npx skills add https://github.com/sovranbitcoin/sovran --skill animation-performance

كيفية تثبيت animation-performance

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

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

المصدر: sovranbitcoin/sovran.

Performance optimization guide for React Native Reanimated animations, covering shared values, worklets, memoization, and rendering optimizations. These guidelines ensure buttery smooth animations at 60fps.

| 1 | Shared Values Usage | CRITICAL | shared-values- | | 2 | Re-renders | CRITICAL | re-renders- | | 3 | Memoization | HIGH | memoization- | | 4 | Animation Calculations | HIGH | calculations- | | 5 | Layout vs Transform | HIGH | layout- | | 6 | Reactions | HIGH | reactions- | | 7 | Hooks Selection | HIGH | hooks- |

| 8 | Animation Lifecycle | MEDIUM | animations- | | 9 | Component Limits | MEDIUM | limits- | | 10 | Scroll Optimization | MEDIUM | scroll- |

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

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

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

Browse more skills from sovranbitcoin/sovran

إجابات سريعة

ما هي animation-performance؟

يوفر React Native Reanimated وReact Native Worklets وإرشادات تحسين أداء React Native Gesture Handler للحصول على رسوم متحركة سلسة. ينطبق على المهام التي تتضمن قيمًا مشتركة، أو أوراق عمل، أو عمليات رد اتصال الإطار، أو معالجات الإيماءات، أو الأنماط المتحركة، أو عمليات إعادة العرض، أو تصحيح أخطاء الرسوم المتحركة غير المرغوب فيها وإسقاط الإطارات. المصدر: sovranbitcoin/sovran.

كيف أثبّت animation-performance؟

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

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

https://github.com/sovranbitcoin/sovran