المهارات avalonia-layout-zafiro
📦

avalonia-layout-zafiro

آمن

Zafiro로 깔끔한 Avalonia UI 레이아웃 구축

시맨틱 컨테이너와 공유 스타일을 사용하여 유지보수 가능한 Avalonia 애플리케이션을 만드세요. Zafiro.Avalonia 컴포넌트와 모범 사례를 통해 XAML 중복을 줄이세요.

يدعم: Claude Codex Code(CC)
🥉 74 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "avalonia-layout-zafiro". 아이콘, 레이블, 값을 포함한 지갑 잔액 디스플레이 만들기

النتيجة المتوقعة:

지갑 아이콘에는 EdgePanel의 StartContent, 레이블에는 Content, 잔액 값에는 EndContent를 사용하세요. 일관된 아이콘 스타일링을 위해 IconOptions.Size와 IconOptions.Fill을 적용하세요.

استخدام "avalonia-layout-zafiro". 테두리와 색상 설정을 반복하지 않으려면 어떻게 해야 하나요?

النتيجة المتوقعة:

Containers.axaml에서 선택자 'HeaderedContainer.BlueSection'을 사용하여 스타일을 정의하고, DynamicResource를 사용하여 CornerRadius, BorderThickness, BorderBrush, Background를 설정하세요. Classes='BlueSection'으로 적용하세요.

التدقيق الأمني

آمن
v1 • 2/24/2026

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.

6
الملفات التي تم فحصها
300
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

데스크톱 앱 개발자

시맨틱 컨테이너와 공유 스타일을 사용하여 기존 Avalonia 뷰를 리팩토링하여 더 깔끔하고 유지보수 가능한 XAML로 만드세요.

UI 아키텍트

Zafiro 컴포넌트와 테마 구성을 사용하여 대규모 Avalonia 코드베이스에서 일관된 UI 패턴을 수립하세요.

크로스플랫폼 개발자

Windows, macOS, Linux 플랫폼에서 작동하는 최신 Avalonia 레이아웃 기술을 배우세요.

جرّب هذه الموجهات

기본 컨테이너 선택 
헤더와 콘텐츠가 있는 설정 섹션을 만들어야 합니다. 어떤 Zafiro 컨테이너를 사용하고 어떻게 사용하나요?
아이콘 통합 
IconExtension을 사용하여 일관된 스타일링으로 버튼과 헤더에 FontAwesome 아이콘을 추가하는 방법을 보여주세요.
스타일 추출 
여러 HeaderedContainer 요소에 반복되는 속성 설정이 있습니다. Classes를 사용하여 공유 스타일로 추출하는 것을 도와주세요.
비헤이비어 구현 
코드 비하인드 없이 TextBox의 포커스 관리를 처리해야 합니다. Interaction.Behaviors로 이를 구현하는 방법을 보여주세요.

أفضل الممارسات

  • 테마 전환을 지원하려면 색상과 브러시에 DynamicResource 사용
  • 중첩된 Grid 및 StackPanel 구조 대신 EdgePanel으로 레이아웃 평탄화
  • 재사용을 위해 반복되는 레이아웃을 제네릭 UserControl 컴포넌트로 추출

تجنب

  • 보기 XAML에서 리소스 대신 하드코딩된 색상이나 크기 직접 사용
  • 여러 Grid 및 StackPanel 레이어로 깊은 중첩 생성
  • 간단한 로직에 IValueConverter 사용 (ViewModel에 속하는 로직)

الأسئلة المتكررة

Zafiro.Avalonia란 무엇인가요?
Zafiro.Avalonia는 Avalonia용 향상된 UI 컴포넌트를 제공하는 라이브러리로, HeaderedContainer 및 EdgePanel과 같은 시맨틱 컨테이너와 IconExtension을 통한 아이콘 관리를 포함합니다.
프로젝트에 Zafiro.Avalonia를 추가하려면 어떻게 하나요?
Zafiro.Avalonia NuGet 패키지를 설치하세요. XAML에서 xmlns:zafiro='using:Zafiro.Avalonia' 또는 프로젝트 구조에 따른 유사한 네임스페이스를 참조하세요.
코드 비하인드 대신 Behaviors를 언제 사용해야 하나요?
포커스 관리나 애니메이션과 같은 재사용 가능한 UI 로직에는 Interaction.Behaviors를 사용하세요.这样的话可以保持XAML的简洁性,并且能够独立测试UI行为。
시맨틱 컨테이너의 장점은 무엇인가요?
HeaderedContainer와 같은 시맨틱 컨테이너는 의도를 명확히 표현하고, XAML 장황함을 줄이며, Classes를 통한 빌드인 스타일링 훅을 제공하여 일관된 테마링을 가능하게 합니다.
라이트 및 다크 테마 간 전환은 어떻게 하나요?
Colors.axaml에서 색상과 브러시를 DynamicResource로 정의하세요. 스타일에서 참조하세요. 런타임에 리소스 사전을 교체하여 뷰를 다시 빌드하지 않고 테마를 전환하세요.
기존 Avalonia 프로젝트에서 이 스킬을 사용할 수 있나요?
네, 가이드라인은 모든 Avalonia 프로젝트에 적용됩니다. 기존 뷰를 리팩토링하면서 Zafiro 컴포넌트와 공유 스타일 패턴을 점진적으로 도입할 수 있습니다.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/avalonia-layout-zafiro

مرجع

main

بنية الملفات

📄 behaviors.md

📄 components.md

📄 containers.md

📄 icons.md

📄 SKILL.md

📄 themes.md