Can I use this for cross-platform Avalonia projects?

Absolutely. These patterns are designed for the core Avalonia framework and work across Windows, macOS, Linux, and mobile targets.

How does this skill handle complex UI logic?

It encourages using Xaml.Interaction.Behaviors instead of IValueConverters or code-behind, keeping the UI declarative and easier to manage.

What is the benefit of using Zafiro.Avalonia for layouts?

It provides specialized containers and extensions that reduce XAML boilerplate and promote cleaner, more semantic UI definitions.

Does this skill help with UI performance?

Yes, by emphasizing flattened layouts and avoiding deep nesting of Grids and StackPanels, it helps improve rendering performance.

Avalonia Zafiro UI Layout

Name: Avalonia Zafiro UI Layout
Author: claudiodearaujo

byclaudiodearaujo

•

Design Tools

Optimizes Avalonia UI development by applying Zafiro framework patterns for clean, maintainable, and semantic XAML layouts.

This skill empowers Claude to build modern, high-quality Avalonia UI applications by adhering to Zafiro.Avalonia best practices. It focuses on reducing XAML complexity through semantic containers, shared styling systems, and behavior-based interactions. By discouraging anti-patterns like deep grid nesting and hardcoded literals, it ensures that your desktop application interfaces are scalable, performant, and easy to maintain over time.

Key Features

01Implementation of semantic containers like HeaderedContainer and EdgePanel

02Advanced icon styling using IconExtension and IconOptions

031 GitHub stars

04Reduction of XAML redundancy through shared styles and DynamicResources

05Best practices for flattening layouts and avoiding deep nesting

06Transitioning from complex Converters to Interaction Behaviors

Use Cases

01Architecting modern .NET desktop user interfaces with a clean code approach

02Standardizing styles and themes across complex Avalonia applications

03Refactoring verbose XAML layouts into more maintainable, modular components

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