Avalonia Layout Zafiro

If you're building Avalonia UIs with Zafiro.Avalonia and tired of repetitive XAML, this will push you toward cleaner patterns. It emphasizes semantic containers like HeaderedContainer and EdgePanel over manual Border nesting, shared styles instead of hardcoded properties, and behaviors over converters. The skill includes a checklist for avoiding common anti-patterns and points to the Angor project as a reference implementation. It's opinionated about flattening layouts and minimizing redundancy, which is helpful if you're already bought into the Zafiro component library but might feel prescriptive if you're just exploring Avalonia basics.

skills.sh installs: 625
GitHub stars: 43.1K
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill avalonia-layout-zafiro --agent claude-code

Installs into .claude/skills of the current project.

Files

Avalonia Layout with Zafiro.Avalonia

Master modern, clean, and maintainable Avalonia UI layouts. Focus on semantic containers, shared styles, and minimal XAML.

🎯 Selective Reading Rule

Read ONLY files relevant to the layout challenge!

The five guides below are bundled; the author-local Angor solution is not. Examples are partial and need the actual Avalonia/Zafiro/package versions and XML namespace declarations; UntouchedClassBehavior and icon resources must exist in that installation. Do not assume MultiBinding supplies logical And/Or without a suitable converter, or merge style files as ResourceDictionary resources when they contain Styles. Use StyleInclude for style collections and ResourceInclude for resource dictionaries as appropriate to the file root. Keep icons accessible, preserve focus/keyboard behavior and test light/dark themes, text scaling and localization. Avoiding converters/code-behind is a design preference, not a universal correctness or performance rule.