How do I avoid using IValueConverters with this skill?

The skill promotes using Xaml.Interaction.Behaviors or moving logic into ViewModel properties to keep the UI layer clean and testable.

What is Zafiro.Avalonia?

It is a specialized library of extensions and components for Avalonia UI designed to simplify layout management and promote clean, reusable XAML patterns.

How does this skill help with XAML nesting?

It encourages the use of semantic panels like EdgePanel and specialized containers to flatten the visual tree, making the code more readable and maintainable.

Does this skill support icon customization?

Yes, it provides specific guidelines for using IconExtension and IconOptions for flexible, style-consistent icon implementation without hardcoding.

Avalonia UI Zafiro Layout

Name: Avalonia UI Zafiro Layout
Author: claudiodearaujo

byclaudiodearaujo

•

Design Tools

Streamlines Avalonia UI development by enforcing modern layout patterns, semantic containers, and maintainable styling using Zafiro extensions.

This skill provides specialized guidance for building high-quality Avalonia UI applications using the Zafiro toolkit. It emphasizes clean XAML by promoting the use of semantic containers like EdgePanel and HeaderedContainer, shared styling via DynamicResources, and XAML Interactions to minimize code-behind and complex converters. It is ideal for developers looking to reduce redundancy, flatten deeply nested layouts, and implement consistent design patterns across cross-platform .NET applications.

Key Features

01Semantic container implementation using EdgePanel and HeaderedContainer

02Advanced icon management via IconExtension and IconOptions

03Standardized theme organization and shared style enforcement

04Behavior-based interaction logic to replace complex IValueConverters

051 GitHub stars

06Clean XAML optimization strategies to reduce deep nesting

Use Cases

01Migrating complex UI logic from code-behind to maintainable XAML behaviors

02Refactoring deeply nested XAML grids and stack panels into clean, semantic layouts

03Establishing a consistent icon and styling system across a multi-view Avalonia application

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