Avalonia ViewModels with Zafiro
SkillAI & modelsAvalonia ViewModels with Zafiro is a skill that gives an AI agent coding guidance for building Avalonia desktop apps with ReactiveUI and the Zafiro toolkit. It covers ViewModel and command patterns, wizard-style multi-step flows, navigation, and view-to-viewmodel wiring, with reference examples from the Angor project.
Use Avalonia ViewModels with Zafiro in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Avalonia ViewModels with Zafiro and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Avalonia ViewModels with Zafiro skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Have an Avalonia desktop project that uses ReactiveUI and the Zafiro toolkit.
What your AI can do with it
- Guides creation of ViewModels using ReactiveUI (ReactiveObject, WhenAnyValue)
- Explains IEnhancedCommand for command management with progress reporting and name/text
- Teaches multi-step wizard flows with SlimWizard and WizardBuilder
- Covers automatic section discovery using the [Section] attribute
- Shows View-to-ViewModel mapping with DataTypeViewLocator and DI setup
- Includes reference examples from the Angor project
Getting started
- Have an Avalonia desktop project that uses ReactiveUI and the Zafiro toolkit.
- Add the skill to your agent so its guides on ViewModels, wizards, navigation, and composition are available.
- Ask the agent to write or refactor ViewModels, commands, or wizard flows following the skill's patterns.
- Point the agent at the Angor reference examples when building complex flows or section-based UIs.
What this skill tells your AI
The instructions your AI receives, as published by davila7/claude-code-templates in cli-tool/components/skills/development/avalonia-viewmodels-zafiro/SKILL.md and read by ahel’s review.
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
IEnhancedCommandfor better command management, including progress reporting and name/text attributes. - Wizard Pattern: Implement complex flows using
SlimWizardandWizardBuilderfor 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
DataTypeViewLocatorand manage dependencies in theCompositionRoot.
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.
Signals
- GitHub stars
- 32k
- Forks
- 4k
- Last commit
- Oct 2026
Others that do the same job
Questions
- What does this skill teach?
- It teaches patterns for creating ViewModels, Wizards, and managing navigation in Avalonia applications using ReactiveUI and the Zafiro toolkit, including commands, view-to-viewmodel mapping, and dependency injection setup.
- Does it include real code examples?
- Yes. It references the Angor project: CreateProjectFlowV2.cs as an example of complex wizard building and HomeViewModel.cs as a simple section ViewModel using functional-reactive commands.
Advanced
- Item type
- skill
- Key
avalonia-viewmodels-zafiro-davila7- Source
- github.com/davila7/claude-code-templates
github.com/davila7/claude-code-templates