android-jetpack-compose-expert
إنشاء تطبيقات Android باستخدام Jetpack Compose
يتطلب تطوير Android الحديث فهم إدارة حالة Compose وتحسين الأداء. يوفر هذا النموذج أنماطًا جاهزة للإنتاج لبناء واجهات المستخدم التفاعلية باستخدام ViewModels، والتصفح الآمن من حيث النوع، والتصميم المواد 3.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "android-jetpack-compose-expert". إنشاء شاشة تسجيل الدخول باستخدام حقلي البريد الإلكتروني وكلمة المرور
النتيجة المتوقعة:
- Composable LoginScreen مع مدخلات TextField للبريد الإلكتروني وكلمة المرور
- فئة بيانات LoginUiState مع حالات التحقق
- LoginViewModel معالجة المصادقة مع StateFlow
- زر مزود بأسلوب التصميم المواد 3 مع مؤشر التحميل
استخدام "android-jetpack-compose-expert". تحسين هذه القائمة لإعادة التكوين
النتيجة المتوقعة:
- Use remember لتخزين نتائج القائمة المصنفة/المفلترة مؤقتًا
- تطبيق تعليق @Immutable على عناصر فئة البيانات
- تمرير استدعاءات النقر على العناصر بدلاً من كائنات العناصر بأكملها
- تنفيذ معلمة المفتاح في العناصر الكسولة للهوية المستقرة
التدقيق الأمني
آمنThis skill contains documentation-only content (Kotlin code examples for Android Jetpack Compose). All 33 static analysis findings are false positives: backticks detected are markdown formatting and Kotlin syntax, not shell command execution. No executable code, network access, or file system operations present.
درجة الجودة
ماذا يمكنك بناءه
إعداد مشروع Android جديد
ابدأ بمشروع Android جديد باستخدام Jetpack Compose مع تكوين التبعية المناسب وهيكل المشروع.
ترحيل من XML إلى Compose
ترحيل التخطيطات القائمة على XML إلى واجهات Compose الحديثة مع الحفاظ على الوظائف وتحسين الأداء.
تحسين الأداء
تصحيح وإصلاح مشاكل إعادة التكوين، وتنفيذ إدارة الحالة المناسبة، وتحسين أداء عرض واجهة المستخدم.
جرّب هذه الموجهات
إنشاء شاشة Jetpack Compose تعرض ملفًا شخصيًا للمستخدم مع الاسم والبريد الإلكتروني وصورة الصورة الرمزية. استخدم مكونات التصميم المواد 3 واتبع أفضل ممارسات Compose للـ composables عديمة الحالة.
إنشاء ViewModel لشاشة تسجيل الدخول باستخدام StateFlow لحالة واجهة المستخدم.Include حالات التحميل والنجاح والخطأ. استخدم التغليف الصحيح من خلال expos فقط StateFlow غير القابل للتغيير.
إعداد Navigation Compose مع مسارات آمنة من حيث النوع لتدفق من ثلاث شاشات: الصفحة الرئيسية وتفاصيل المنتج والدفع. استخدم التعليق التوضيحي الجديد @Serializable لتعريف المسارات.
تحليل كود Compose هذا لتحديد مشاكل إعادة التحديد المحتملة. تحديد أين يجب استخدام remember أو derivedStateOf أو key() لتحسين الأداء.شرح تحليل الثبات لكل فئة بيانات.
أفضل الممارسات
- استخدم remember وderivedStateOf لتقليل الحسابات غير الضرورية أثناء إعادة التكوين
- وضع علامات على فئات البيانات كـ @Immutable أو @Stable إذا كانت تحتوي على List أو أنواع غير مستقرة
- استخدم LaunchedEffect للآثار الجانبية الفردية التي يتم تشغيلها عن طريق تغييرات الحالة
تجنب
- تنفيذ عمليات مكلفة مثل فرز القوائم مباشرة داخل جسمComposable بدون remember
- تمرير مثيلات ViewModel لأسفل المكونات الفرعية بدلاً من الحالات والاستدعاءات
- تحديث الحالة مباشرة داخل تكوين Composite بدلاً من التأثير الجانبي أو الاستدعاء