avalonia-layout-zafiro
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
How to use
Zainstaluj skill w swoim środowisku Claude, wskazując repozytorium davila7/claude-code-templates. Skill będzie dostępny jako narzędzie do odczytywania i edycji plików XAML oraz dokumentacji layoutów.
Przejrzyj mapę zawartości w README, aby zidentyfikować, które pliki dokumentacji są istotne dla Twojego problemu — themes.md dla motywów, containers.md dla struktury widoków, icons.md dla ikon, behaviors.md dla interakcji, components.md dla komponentów generycznych.
Podczas projektowania layoutu sprawdzaj listę kontrolną: czy używasz semantycznych kontenerów (HeaderedContainer, EdgePanel, Card) zamiast ręcznych Border, czy unikasz hardkodowanych kolorów i rozmiarów, czy minimalizujesz zagnieżdżenia Grid i StackPanel.
Implementuj ikony za pomocą IconExtension z notacją {Icon fa-name} i IconOptions do stylizacji, zamiast wstawiać obrazy bezpośrednio do XAML.
Preferuj Interaction.Behaviors do obsługi logiki UI zamiast code-behind, a ViewModel properties zamiast Converters, chyba że są absolutnie konieczne.
Odwołaj się do projektu Angor jako przykładu rzeczywistej implementacji tych wytycznych, aby zobaczyć, jak praktycznie stosować reguły w dużej aplikacji.