·flutter-adaptive-ui
*

flutter-adaptive-ui

قم ببناء واجهات Flutter UI القابلة للتكيف والاستجابة والتي تعمل بشكل جميل عبر جميع الأنظمة الأساسية وأحجام الشاشات. يُستخدم عند إنشاء تطبيقات Flutter التي تحتاج إلى تكييف التخطيطات بناءً على حجم الشاشة، أو دعم الأنظمة الأساسية المتعددة بما في ذلك سطح المكتب والكمبيوتر اللوحي المحمول والويب، أو التعامل مع أجهزة الإدخال المختلفة مثل الماوس ولوحة المفاتيح التي تعمل باللمس، أو تنفيذ أنماط التنقل سريعة الاستجابة، أو تحسين الشاشات الكبيرة والأجهزة القابلة للطي، أو استخدام أنماط القدرة والسياسة للسلوك الخاص بالنظام الأساسي.

1.1Kالتثبيتات·16الرائج·@madteacher

التثبيت

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

كيفية تثبيت flutter-adaptive-ui

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

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

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

Create Flutter applications that adapt gracefully to any screen size, platform, or input device. This skill provides comprehensive guidance for building responsive layouts that scale from mobile phones to large desktop displays while maintaining excellent user experience across touch, mouse, and keyboard interactions.

Core Layout Rule: Constraints go down. Sizes go up. Parent sets position.

Identify widgets that need adaptability and extract common data. Common patterns:

قم ببناء واجهات Flutter UI القابلة للتكيف والاستجابة والتي تعمل بشكل جميل عبر جميع الأنظمة الأساسية وأحجام الشاشات. يُستخدم عند إنشاء تطبيقات Flutter التي تحتاج إلى تكييف التخطيطات بناءً على حجم الشاشة، أو دعم الأنظمة الأساسية المتعددة بما في ذلك سطح المكتب والكمبيوتر اللوحي المحمول والويب، أو التعامل مع أجهزة الإدخال المختلفة مثل الماوس ولوحة المفاتيح التي تعمل باللمس، أو تنفيذ أنماط التنقل سريعة الاستجابة، أو تحسين الشاشات الكبيرة والأجهزة القابلة للطي، أو استخدام أنماط القدرة والسياسة للسلوك الخاص بالنظام الأساسي. المصدر: madteacher/mad-agents-skills.

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

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

أمر التثبيت
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from madteacher/mad-agents-skills

إجابات سريعة

ما هي flutter-adaptive-ui؟

قم ببناء واجهات Flutter UI القابلة للتكيف والاستجابة والتي تعمل بشكل جميل عبر جميع الأنظمة الأساسية وأحجام الشاشات. يُستخدم عند إنشاء تطبيقات Flutter التي تحتاج إلى تكييف التخطيطات بناءً على حجم الشاشة، أو دعم الأنظمة الأساسية المتعددة بما في ذلك سطح المكتب والكمبيوتر اللوحي المحمول والويب، أو التعامل مع أجهزة الإدخال المختلفة مثل الماوس ولوحة المفاتيح التي تعمل باللمس، أو تنفيذ أنماط التنقل سريعة الاستجابة، أو تحسين الشاشات الكبيرة والأجهزة القابلة للطي، أو استخدام أنماط القدرة والسياسة للسلوك الخاص بالنظام الأساسي. المصدر: madteacher/mad-agents-skills.

كيف أثبّت flutter-adaptive-ui؟

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

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

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