Is this skill suitable for mobile Avalonia projects?

Yes, the layout principles and semantic containers provided by Zafiro.Avalonia are cross-platform and apply to desktop, mobile, and browser-based Avalonia applications.

How does this skill handle icons in Avalonia?

It utilizes the IconExtension and IconOptions patterns, allowing you to define icons semantically (e.g., using FontAwesome names) rather than hardcoding paths or glyphs.

What is the primary benefit of using Zafiro with Avalonia?

Zafiro provides semantic containers and extensions that reduce XAML verbosity, promote layout flattening, and make UI code significantly more readable and maintainable.

Why does this skill recommend avoiding IValueConverters?

It favors moving UI logic into ViewModel properties or using Xaml.Interaction.Behaviors, which leads to cleaner XAML and more testable application logic.

Avalonia Layout with Zafiro

Name: Avalonia Layout with Zafiro
Author: claudiodearaujo

byclaudiodearaujo

设计工具

Streamlines Avalonia UI development by implementing semantic layouts and clean styling patterns using the Zafiro toolkit.

关于

This skill provides specialized architectural guidance for building maintainable, high-performance user interfaces using Avalonia UI and the Zafiro.Avalonia library. It helps developers eliminate XAML redundancy by leveraging semantic containers like EdgePanel and HeaderedContainer while enforcing best practices such as flattened visual trees and Behavior-driven interactions. Ideal for developers looking to standardize their UI codebases, it provides patterns for centralized theming, icon management via extensions, and the elimination of unnecessary ValueConverters in favor of clean ViewModel logic.

主要功能

0 GitHub stars
Enforces XAML best practices by minimizing nesting and redundant properties
Promotes reactive UI logic using Xaml.Interaction.Behaviors
Implements semantic containers like EdgePanel, HeaderedContainer, and Card
Standardizes icon usage through IconExtension and IconOptions
Facilitates theme organization using shared styles and DynamicResources

使用场景

Architecting clean, scalable layouts for complex cross-platform desktop applications
Standardizing UI design systems across large-scale C# and .NET projects
Refactoring legacy Avalonia XAML to reduce boilerplate and improve maintainability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill

GitHub

关于