mcpField
A
avalonia-viewmodels-zafiro

avalonia-viewmodels-zafiro

github.com/davila7開発33.1k184 回インストール今日更新
リポジトリ

avalonia-viewmodels-zafiro について

ReactiveUI と Zafiro を使った Avalonia の ViewModel、ウィザード、ナビゲーションのパターンをまとめたガイドです。アプリ開発者向けに、コマンド管理、セクション検出、View と ViewModel の構成を扱います。

主な機能

  1. 01ReactiveUI による状態とロジックのパターン
  2. 02進捗報告に対応する拡張コマンド
  3. 03SlimWizard と WizardBuilder によるフロー
  4. 04Section 属性による UI セクションの自動検出
  5. 05DataTypeViewLocator と依存関係の構成

活用シーン

  1. 01リアクティブな Avalonia ViewModel の構築
  2. 02複数ステップのウィザード実装
  3. 03UI セクションの自動登録と検出
  4. 04View と ViewModel のマッピングおよび依存関係の設定

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/davila7/claude-code-templates --skill avalonia-viewmodels-zafiro

インストール後、Claude Code で/avalonia-viewmodels-zafiroを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

composition.md
navigation_sections.md
viewmodels.md
wizards.md

詳細

Zafiro を使った Avalonia ViewModel

このスキルは、ReactiveUI と Zafiro ツールキットの機能を活用し、Avalonia アプリケーションにおける ViewModel、ウィザード、ナビゲーション管理の作成に関するベストプラクティスとパターンを提供します。

基本原則

  1. 関数型リアクティブアプローチ: 状態とロジックの処理には ReactiveUI(ReactiveObject、WhenAnyValue など)を使用します。
  2. 拡張コマンド: 進捗報告や名前・テキスト属性を含め、より優れたコマンド管理のために IEnhancedCommand を利用します。
  3. ウィザードパターン: 宣言的で保守しやすいアプローチのために、SlimWizard と WizardBuilder を使って複雑なフローを実装します。
  4. セクションの自動検出: [Section] 属性を使用して、UI セクションを自動的に登録・検出します。
  5. クリーンな構成: DataTypeViewLocator で ViewModel を View にマッピングし、CompositionRoot で依存関係を管理します。

ガイド

実例リファレンス

実際の実装例については、Angor プロジェクトを参照してください:

  • CreateProjectFlowV2.cs: 複雑なウィザード構築の優れた例。
  • HomeViewModel.cs: 関数型リアクティブコマンドを使用したシンプルなセクション ViewModel。

コメント