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

デザインツール

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.

主な機能

Implementation of semantic containers like HeaderedContainer and EdgePanel
Logic-to-UI mapping using Interaction Behaviors to replace Converters
Layout flattening techniques to reduce Grid and StackPanel nesting
Standardized icon management using IconExtension and IconOptions
Optimization of XAML through shared styles and DynamicResources
0 GitHub stars

ユースケース

Simplifying UI logic by shifting from converters to behavioral patterns
Refactoring legacy Avalonia XAML to follow DRY (Don't Repeat Yourself) principles
Building 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

Download Skill

GitHub

概要