How does this skill handle icon management?

It promotes the use of IconExtension and IconOptions, allowing for a more streamlined, searchable, and styleable icon implementation within your views.

Can I use this skill to refactor existing Avalonia projects?

Absolutely. It includes specific rules for identifying anti-patterns like hardcoded literals and deep nesting, providing clear paths to refactor them into shared styles.

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

It provides semantic containers and extensions that reduce XAML verbosity and promote a more maintainable, modular UI structure than standard Avalonia controls.

Does this skill support MVVM best practices?

Yes, it specifically encourages moving logic to the ViewModel and using Interaction Behaviors instead of code-behind or excessive ValueConverters.

Avalonia UI Layout & Zafiro Styling

Name: Avalonia UI Layout & Zafiro Styling
Author: claudiodearaujo

byclaudiodearaujo

•

Design Tools

Optimizes Avalonia UI development by implementing clean, semantic layouts and modular styles using the Zafiro framework.

This skill provides specialized guidance for building maintainable and modern user interfaces with Avalonia UI and the Zafiro.Avalonia library. It assists developers in implementing semantic containers like EdgePanels and HeaderedContainers, managing icons via extensions, and reducing XAML redundancy through shared styles and behaviors. By discouraging anti-patterns like deep grid nesting and excessive value converters, it ensures a flatter, more efficient UI architecture that is easier to maintain and scale for cross-platform desktop applications.

Key Features

01Streamlined icon management via IconExtension and IconOptions

02Reduction of XAML redundancy through centralized theme and style organization

03Logic-driven UI interactions using Xaml.Interaction.Behaviors to replace code-behind

04Guidance on flattening complex layouts to improve performance and readability

05Implementation of semantic containers like EdgePanel, HeaderedContainer, and Card

061 GitHub stars

Use Cases

01Refactoring legacy XAML codebases into modern, style-driven Avalonia patterns

02Building high-performance cross-platform desktop applications with the Zafiro framework

03Standardizing UI components and design systems across multi-project Avalonia solutions

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