avalonia-layout-zafiro
Wytyczne do czystych i łatwych w utrzymaniu layoutów Avalonia UI z Zafiro
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill zawiera praktyczne wytyczne do budowania nowoczesnych interfejsów Avalonia UI przy użyciu biblioteki Zafiro.Avalonia. Nauczysz się, jak organizować motywy, używać semantycznych kontenerów, minimalizować zagnieżdżenia XAML i unikać redundancji kodu. Materiał obejmuje konwencje dla ikon, zachowań i komponentów generycznych, wspierając Cię w tworzeniu czystych, skalowanych aplikacji desktopowych.
Jak używać
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.