avalonia-viewmodels-zafiro

Frontend & Expérience UX

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

Documentation

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

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

Guides

●[ViewModels & Commands](viewmodels.md): Creating robust ViewModels and handling commands.
●[Wizards & Flows](wizards.md): Building multi-step wizards with SlimWizard.
●[Navigation & Sections](navigation_sections.md): Managing navigation and section-based UIs.
●[Composition & Mapping](composition.md): 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.

Compétences similaires

Explorez d'autres agents de la catégorie Frontend & Expérience UX

Voir tout le catalogue

voice-agents

"Voice agents represent the frontier of AI interaction - humans speaking naturally with AI systems. The challenge isn't just speech recognition and synthesis, it's achieving natural conversation flow with sub-800ms latency while handling interruptions, background noise, and emotional nuance. This skill covers two architectures: speech-to-speech (OpenAI Realtime API, lowest latency, most natural) and pipeline (STT→LLM→TTS, more control, easier to debug). Key insight: latency is the constraint. Hu"

VOIR LA FICHE

upgrading-expo

"Upgrade Expo SDK versions"

VOIR LA FICHE

react-flow-node-ts

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

VOIR LA FICHE
Utiliser l'Agent avalonia-viewmodels-zafiro - Outil & Compétence IA | Skills Catalogue | Skills Catalogue