·flutter-animations
>_

flutter-animations

دليل شامل لتنفيذ الرسوم المتحركة في Flutter. يُستخدم عند إضافة تأثيرات الحركة والمرئية إلى تطبيقات Flutter: الرسوم المتحركة الضمنية (AnimatedContainer، AnimatedOpacity، TweenAnimationBuilder)، الرسوم المتحركة الصريحة (AnimationController، Tween، AnimatedWidget/AnimatedBuilder)، الرسوم المتحركة البطل (انتقالات العناصر المشتركة)، الرسوم المتحركة المتداخلة (متسلسلة/متداخلة)، والرسوم المتحركة المستندة إلى الفيزياء. يتضمن سير العمل لاختيار نوع الرسوم المتحركة المناسب وأنماط التنفيذ وأفضل الممارسات للأداء وتجربة المستخدم.

8.7Kالتثبيتات·37الرائج·@madteacher

التثبيت

$npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations

كيفية تثبيت flutter-animations

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

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

المصدر: madteacher/mad-agents-skills.

Create smooth, performant animations in Flutter using the right approach for each use case. This skill covers complete animation workflow: from choosing between implicit/explicit approaches to implementing complex effects like hero transitions and staggered animations.

Implicit animations automatically handle the animation when properties change. No controller needed.

AnimatedContainer - Animates multiple properties (size, color, decoration, padding):

دليل شامل لتنفيذ الرسوم المتحركة في Flutter. يُستخدم عند إضافة تأثيرات الحركة والمرئية إلى تطبيقات Flutter: الرسوم المتحركة الضمنية (AnimatedContainer، AnimatedOpacity، TweenAnimationBuilder)، الرسوم المتحركة الصريحة (AnimationController، Tween، AnimatedWidget/AnimatedBuilder)، الرسوم المتحركة البطل (انتقالات العناصر المشتركة)، الرسوم المتحركة المتداخلة (متسلسلة/متداخلة)، والرسوم المتحركة المستندة إلى الفيزياء. يتضمن سير العمل لاختيار نوع الرسوم المتحركة المناسب وأنماط التنفيذ وأفضل الممارسات للأداء وتجربة المستخدم. المصدر: madteacher/mad-agents-skills.

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

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

أمر التثبيت
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-animations
الفئة
>_الإنتاجية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from madteacher/mad-agents-skills

إجابات سريعة

ما هي flutter-animations؟

دليل شامل لتنفيذ الرسوم المتحركة في Flutter. يُستخدم عند إضافة تأثيرات الحركة والمرئية إلى تطبيقات Flutter: الرسوم المتحركة الضمنية (AnimatedContainer، AnimatedOpacity، TweenAnimationBuilder)، الرسوم المتحركة الصريحة (AnimationController، Tween، AnimatedWidget/AnimatedBuilder)، الرسوم المتحركة البطل (انتقالات العناصر المشتركة)، الرسوم المتحركة المتداخلة (متسلسلة/متداخلة)، والرسوم المتحركة المستندة إلى الفيزياء. يتضمن سير العمل لاختيار نوع الرسوم المتحركة المناسب وأنماط التنفيذ وأفضل الممارسات للأداء وتجربة المستخدم. المصدر: madteacher/mad-agents-skills.

كيف أثبّت flutter-animations؟

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

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

https://github.com/madteacher/mad-agents-skills