Why does the skill recommend avoiding IValueConverters?

It advocates for moving logic into ViewModel properties or using Interaction Behaviors, which makes the UI code more declarative and easier to test compared to traditional converters.

How does this skill improve UI performance?

By promoting flatter layout structures (like EdgePanel) and reducing the reliance on multiple nested Grids, it helps optimize the layout pass and rendering performance.

Can I use this for mobile Avalonia apps?

Yes, the Zafiro layout patterns and semantic containers are designed to be cross-platform and work seamlessly across desktop and mobile Avalonia projects.

What is Zafiro.Avalonia and how does it help?

Zafiro.Avalonia is a toolkit that provides semantic panels and extensions for Avalonia UI, helping developers create cleaner XAML with less nesting and fewer hardcoded properties.

Avalonia Zafiro Layout Expert

Name: Avalonia Zafiro Layout Expert
Author: claudiodearaujo

byclaudiodearaujo

0•

디자인 도구

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

This skill provides specialized guidance for building modern, maintainable Avalonia UI applications. It focuses on using Zafiro.Avalonia to streamline frontend development through semantic containers like HeaderedContainer and EdgePanel, which help flatten complex XAML hierarchies. By prioritizing shared styles, IconExtensions, and Interaction Behaviors over hardcoded values and brittle value converters, this skill ensures your cross-platform C# interfaces are both performant and easy to scale.

주요 기능

01Implementation of semantic containers like HeaderedContainer and EdgePanel

02Logic-to-UI mapping using Interaction Behaviors to replace Converters

03Layout flattening techniques to reduce Grid and StackPanel nesting

04Standardized icon management using IconExtension and IconOptions

05Optimization of XAML through shared styles and DynamicResources

060 GitHub stars

사용 사례

01Simplifying UI logic by shifting from converters to behavioral patterns

02Refactoring legacy Avalonia XAML to follow DRY (Don't Repeat Yourself) principles

03Building consistent design systems for complex cross-platform desktop applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter avalonia-layout-zafiro

For use in Claude.ai and ChatGPT

주요 기능

01Implementation of semantic containers like HeaderedContainer and EdgePanel

02Logic-to-UI mapping using Interaction Behaviors to replace Converters

03Layout flattening techniques to reduce Grid and StackPanel nesting

04Standardized icon management using IconExtension and IconOptions

05Optimization of XAML through shared styles and DynamicResources

060 GitHub stars

사용 사례

01Simplifying UI logic by shifting from converters to behavioral patterns

02Refactoring legacy Avalonia XAML to follow DRY (Don't Repeat Yourself) principles

03Building consistent design systems for complex cross-platform desktop applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter avalonia-layout-zafiro

For use in Claude.ai and ChatGPT