Toolverse
All skills
Frontend

avalonia-viewmodels-zafiro

by davila7

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

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
davila7
Category
Frontend
GitHub repo

About this skill

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

How to use

  1. Zainstaluj skill w swoim projekcie Avalonia, dodając referencje do ReactiveUI i biblioteki Zafiro. Upewnij się, że masz dostęp do plików wzorców z repozytorium davila7/claude-code-templates.

  2. Stwórz ViewModele dziedziczące z ReactiveObject. Użyj WhenAnyValue do reaktywnego śledzenia zmian właściwości i definiuj logikę biznesową w oparciu o funkcyjno-reaktywny paradygmat ReactiveUI.

  3. Implementuj polecenia za pomocą IEnhancedCommand zamiast standardowych komend. Dzięki temu zyskasz obsługę raportowania postępu i dodatkowe atrybuty nazwy/tekstu dla lepszego zarządzania akcjami użytkownika.

  4. Dla złożonych przepływów użyj SlimWizard i WizardBuilder do deklaratywnego definiowania kroków. Pozwala to na łatwe utrzymanie i rozszerzanie wieloetapowych procesów bez zagmatwania kodu.

  5. Oznacz sekcje UI atrybutem [Section] aby umożliwić automatyczne odkrywanie i rejestrowanie komponentów. Mapuj ViewModele na Views za pośrednictwem DataTypeViewLocator i zarządzaj zależnościami w CompositionRoot.

  6. Odwołaj się do przykładów z projektu Angor (CreateProjectFlowV2.cs dla złożonych Wizardów, HomeViewModel.cs dla prostych ViewModeli) aby zrozumieć praktyczne zastosowanie wzorców w rzeczywistych aplikacjach.

Related skills

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

dev-browser

by SawyerHood

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include \

Frontend
38151

game-development

by davila7

Game development orchestrator. Routes to platform-specific skills based on project needs.

Frontend
36112

keyword-research

by openclaw

Discovers high-value keywords with search intent analysis, difficulty assessment, and content opportunity mapping. Essential for starting any SEO or GEO content strategy.

Frontend
24138