avalonia-viewmodels-zafiro

Original：🇺🇸 English

Translated

Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.

3installs

Sourcesickn33/antigravity-awesome-skills

Added on2026-02-04

NPX Install

npx skill4agent add sickn33/antigravity-awesome-skills avalonia-viewmodels-zafiro

SKILL.md Content

View Translation Comparison →

Avalonia ViewModels with Zafiro

This skill provides a set of best practices and patterns for creating ViewModels, Wizards, and managing navigation in Avalonia applications, leveraging the power of ReactiveUI and the Zafiro toolkit.

Core Principles

Functional-Reactive Approach: Use ReactiveUI (
```
ReactiveObject
```
,
```
WhenAnyValue
```
, etc.) to handle state and logic.
Enhanced Commands: Utilize
```
IEnhancedCommand
```
for better command management, including progress reporting and name/text attributes.
Wizard Pattern: Implement complex flows using
```
SlimWizard
```
and
```
WizardBuilder
```
for a declarative and maintainable approach.
Automatic Section Discovery: Use the
```
[Section]
```
attribute to register and discover UI sections automatically.
Clean Composition: map ViewModels to Views using
```
DataTypeViewLocator
```
and manage dependencies in the
```
CompositionRoot
```
.

Guides

ViewModels & Commands: Creating robust ViewModels and handling commands.
Wizards & Flows: Building multi-step wizards with
```
SlimWizard
```
.
Navigation & Sections: Managing navigation and section-based UIs.
Composition & Mapping: Best practices for View-ViewModel wiring and DI.

Example Reference

For real-world implementations, refer to the Angor project:

```
CreateProjectFlowV2.cs
```
: Excellent example of complex Wizard building.
```
HomeViewModel.cs
```
: Simple section ViewModel using functional-reactive commands.