General
avalonia-viewmodels-zafiro - Claude MCP Skill
Optimal ViewModel and Wizard creation patterns for Avalonia using Zafiro and ReactiveUI.
SEO Guide: Enhance your AI agent with the avalonia-viewmodels-zafiro tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to optimal viewmodel and wizard creation patterns for avalonia using zafiro and reactiveui.... Download and configure this skill to unlock new capabilities for your AI workflow.
Documentation
SKILL.md# 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. ## When to Use This skill is applicable to execute the workflow or actions described in the overview.
Signals
Information
- Repository
- arlenagreer/claude_configuration_docs
- Author
- arlenagreer
- Last Sync
- 6/18/2026
- Repo Updated
- 6/14/2026
- Created
- 4/10/2026
Reviews (0)
No reviews yet. Be the first to review this skill!
Related Skills
brainstorming
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or planning anything new, in software or out of it (a talk, a business, a renovation).
receiving-code-review
Use when receiving code review feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation
ag-ui-a2ui-integration
Use when adding A2UI rendering to any AG-UI-supported framework or custom AG-UI application, scaffolding an AG-UI app that should render A2UI, adapting an AG-UI integration to emit A2UI surfaces, or wiring the AG-UI A2UI middleware/toolkit with a compatible renderer.
next-ppr-optimizer
Optimize the static shell of a `cacheComponents` page. Use this skill when a Next.js page feels slow on first paint and you want to maximize what's prerendered before any dynamic data streams in.
Related Guides
Mastering Python and TypeScript Development with the Claude Skill Guide
Learn how to use the python typescript guide Claude skill. Complete guide with installation instructions and examples.
Building Full-Stack Applications with Claude: The Node.js MongoDB JWT Express React Skill Guide
Learn how to use the nodejs mongodb jwt express react Claude skill. Complete guide with installation instructions and examples.
Next.js SEO Dev: The Essential Claude Skill for Documented React Development
Learn how to use the nextjs seo dev Claude skill. Complete guide with installation instructions and examples.