avalonia-layout-zafiro
بنا�� تخطيطات Avalonia UI نظيفة مع Zafiro
إنشاء تطبيقات Avalonia قابلة للصيانة باستخدام الحاويات الدلالية والأنماط المشتركة. تقليل التكرار في XAML مع مكونات Zafiro.Avalonia وأفضل الممارسات.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "avalonia-layout-zafiro". إنشاء عرض رصيد المحفظة مع أيقونة وتسمية وقيمة
النتيجة المتوقعة:
استخدم EdgePanel مع StartContent لأيقونة المحفظة، و Content للتسمية، و EndContent لقيمة الرصيد. طبق IconOptions.Size و IconOptions.Fill للحصول على تصميم أيقونة ثابت.
استخدام "avalonia-layout-zafiro". كيف أتجنب تكرار إعدادات الحدود والألوان؟
النتيجة المتوقعة:
حدد Style في Containers.axaml مع المحدد 'HeaderedContainer.BlueSection'، وعيّن CornerRadius و BorderThickness و BorderBrush و Background باستخدام DynamicResource. طبق مع Classes='BlueSection'.
التدقيق الأمني
آمنStatic analysis detected 100 pattern matches but all are false positives. The skill contains only Markdown documentation files with XAML examples for Avalonia UI development. Detected patterns like backticks are Markdown code fences, not shell execution. No executable code or security risks present.
درجة الجودة
ماذا يمكنك بناءه
مطور تطبيقات سطح المكتب
إعادة هيكلة مشاهد Avalonia الموجودة لاستخدام الحاويات الدلالية والأنماط المشتركة للحصول على XAML أنظف وأسهل في الصيانة.
مهندس واجهة المستخدم
إنشاء أنماط واجهة مستخدم متسقة عبر قاعدة كود Avalonia كبيرة باستخدام مكونات Zafiro وتنظيم السمات.
مطور متعدد المنصات
تعلم تقنيات تخطيط Avalonia الحديثة التي تعمل عبر أنظمة Windows و macOS و Linux.
جرّب هذه الموجهات
أحتاج إلى إنشاء قسم إعدادات مع رأس ومحتوى. ما هي حاوية Zafiro التي يجب استخدامها وكيف؟
أرني كيفية إضافة أيقونات FontAwesome إلى الأزرار والعناوين باستخدام IconExtension مع تصميم ثابت.
لدي إعدادات خصائص متكررة عبر عدة عناصر HeaderedContainer. ساعدني في استخراجها إلى نمط مشترك باستخدام Classes.
أحتاج إلى التعامل مع إدارة التركيز لـ TextBox بدون استخدام code-behind. أرني كيفية تنفيذ ذلك مع Interaction.Behaviors.
أفضل الممارسات
- استخدم DynamicResource للألوان والفرش لدعم تبديل السمات
- قم بتبسيط التخطيطات مع EdgePanel بدلاً من هياكل Grid و StackPanel المتداخلة
- استخرج التخطيطات المتكررة إلى مكونات UserControl عامة لسهولة إعادة الاستخدام
تجنب
- استخدام ألوان أو أحجام ثابتة مباشرة في XAML العرض بدلاً من الموارد
- إنشاء تداخل عميق مع عدة طبقات من Grid و StackPanel
- استخدام IValueConverter لمنطق بسيط يجب أن يكون في ViewModel
الأسئلة المتكررة
ما هو Zafiro.Avalonia؟
كيف أضيف Zafiro.Avalonia إلى مشروعي؟
متى يجب أن أستخدم Behaviors بدلاً من code-behind؟
ما هي فائدة الحاويات الدلالية؟
كيف أبدّل بين السمات الفاتحة والداكنة؟
هل يمكنني استخدام هذه المهارة مع مشاريع Avalonia الموجودة؟
تفاصيل المطور
المؤلف
sickn33الترخيص
MIT
المستودع
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/avalonia-layout-zafiroمرجع
main
بنية الملفات