What is the primary benefit of using Zafiro.Avalonia with this skill?

It significantly reduces XAML complexity by replacing generic components with semantic containers like EdgePanel, leading to flatter and more readable code.

Can I use this for theming my Avalonia application?

Absolutely. The skill provides guidelines for theme organization and using DynamicResource to avoid hardcoded colors and sizes.

How does this skill handle application icons?

It leverages the IconExtension and IconOptions pattern, allowing developers to call icons by name (e.g., FontAwesome) directly in XAML with centralized styling.

Does this skill help with MVVM best practices?

Yes, it actively discourages code-behind and complex IValueConverters, favoring ViewModel properties and Interaction Behaviors instead.

Avalonia Layout with Zafiro

Name: Avalonia Layout with Zafiro
Author: claudiodearaujo

byclaudiodearaujo

•

Herramientas de Diseño

Streamlines Avalonia UI development by implementing semantic containers, shared styles, and clean XAML patterns using the Zafiro library.

The Avalonia Layout with Zafiro skill provides specialized guidance for building high-quality, maintainable cross-platform desktop interfaces. It focuses on modern UI architecture by emphasizing the use of semantic containers like EdgePanel and HeaderedContainer, minimizing XAML redundancy through shared styles, and replacing complex converters with behavior-driven interactions. This skill is ideal for developers looking to reduce layout nesting, implement consistent design systems, and follow expert-level best practices for the Avalonia UI framework.

Características Principales

01Standardized icon management using IconExtension and IconOptions

02Implementation of semantic containers like HeaderedContainer and EdgePanel

031 GitHub stars

04Behavior-driven UI logic using Xaml.Interaction.Behaviors

05XAML optimization through shared styles and DynamicResource usage

06Anti-pattern detection for hardcoded literals and deep grid nesting

Casos de Uso

01Implementing complex UI interactions without relying on code-behind or converters

02Refactoring legacy XAML code into a modern, maintainable Avalonia architecture

03Building modular desktop application dashboards with consistent design patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro avalonia-layout-zafiro

For use in Claude.ai and ChatGPT

Download Skill