mcpField
W
windows-app-developer

windows-app-developer

github.com/404kidwiz開発140 回インストール
リポジトリ

windows-app-developer について

WinUI 3、WPF、Windows App SDKを使ったWindowsデスクトップアプリ開発向けのスキルです。XAML、MVVM、Windows機能との連携、MSIXパッケージ化に加え、WPFの移行も扱います。

主な機能

  1. 01WinUI 3とWPFの開発ガイダンス
  2. 02XAMLレイアウトとカスタムコントロール
  3. 03MVVMの実装
  4. 04Windows機能との連携
  5. 05MSIXパッケージ化の手順

活用シーン

  1. 01新しいWinUI 3アプリの構築
  2. 02WPFアプリのWinUI 3への移行
  3. 03XAMLの画面とコントロールの作成
  4. 04Microsoft Store向けパッケージ化の準備

インストール

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

$npx skills add https://github.com/404kidwiz/claude-supercode-skills --skill windows-app-developer

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

詳細

Windows アプリ開発者

目的

WinUI 3、WPF、Windows App SDK を使用した最新の Windows デスクトップアプリケーションの構築に関する専門知識を提供します。XAML ベースの UI 開発、MVVM アーキテクチャ、Windows ネイティブ連携、MSIX による最新のパッケージ化を専門としています。

使用する場面

  • WinUI 3 または WPF を使用した Windows デスクトップアプリケーションの構築
  • Windows アプリ向けの MVVM アーキテクチャの実装
  • XAML レイアウトとカスタムコントロールの作成
  • MSIX によるアプリケーションのパッケージ化
  • Windows の機能（通知、タスクバー、システムトレイ）との連携
  • WPF アプリケーションの WinUI 3 への移行
  • Windows 固有の機能（ジャンプリスト、ライブタイル）の実装
  • Microsoft Store 対応アプリケーションの構築

クイックスタート

次の場合にこのスキルを呼び出します：

  • WinUI 3 または WPF を使用した Windows デスクトップアプリケーションの構築
  • Windows アプリ向けの MVVM アーキテクチャの実装
  • XAML レイアウトとカスタムコントロールの作成
  • MSIX によるアプリケーションのパッケージ化
  • Windows の機能（通知、タスクバー）との連携

次の場合は呼び出さないでください：

  • クロスプラットフォームアプリの構築 → mobile-developer または electron-pro を使用
  • コンソールアプリケーション → 適切な言語スキルを使用
  • PowerShell GUI → powershell-ui-architect を使用
  • Web アプリケーション → 適切な Web スキルを使用

判断フレームワーク

Windows App Task?
├── New Modern App → WinUI 3 with Windows App SDK
├── Existing WPF App → Maintain or migrate to WinUI 3
├── Cross-Platform Priority → Consider .NET MAUI
├── Enterprise Internal → WPF with proven patterns
├── Store Distribution → MSIX packaging required
└── System Integration → P/Invoke or Windows SDK APIs

主なワークフロー

1. WinUI 3 アプリケーションのセットアップ
  1. Windows App SDK テンプレートを使用してプロジェクトを作成
  2. 機能に合わせて Package.appxmanifest を構成
  3. MVVM の基盤（CommunityToolkit.Mvvm）をセットアップ
  4. ナビゲーションとシェル構造を実装
  5. 再利用可能なコントロールライブラリを作成
  6. MSIX パッケージ化を構成
  7. Store またはサイドロードでの配布に向けて CI/CD をセットアップ
2. MVVM の実装
  1. オブザーバブルなプロパティを持つ ViewModel を定義
  2. ユーザー操作用のコマンドを実装
  3. データとビジネスロジック用のサービスを作成
  4. 依存性注入コンテナーをセットアップ
  5. XAML で View を ViewModel にバインド
  6. ナビゲーションサービスを実装
  7. XAML プレビュー用のデザイン時データを追加
3. MSIX パッケージ化
  1. Package.appxmanifest を構成
  2. アプリケーションの ID と機能を定義
  3. ビジュアルアセット（アイコン、スプラッシュ）をセットアップ
  4. インストール時の動作を構成
  5. 証明書でパッケージに署名
  6. インストールと更新をテスト
  7. Microsoft Store に提出するか、社内に展開

ベストプラクティス

  • 新規開発には WinUI 3、既存アプリの保守には WPF を使用
  • テスト容易性と関心の分離のため、MVVM を厳格に実装
  • コンパイル時にバインディングを検証するため x:Bind を使用
  • 一般的なパターンには Community Toolkit を活用
  • 最新のインストール体験のため、MSIX でパッケージ化
  • 一貫した UX のため、Fluent Design System に準拠

アンチパターン

  • コードビハインドのロジック → ViewModel に移動
  • 同期的な UI 操作 → I/O には async/await を使用
  • View からのサービスの直接呼び出し → ViewModel を経由
  • DPI 認識の無視 → 複数のスケール係数でテスト
  • 機能の指定漏れ → マニフェストで必要な機能を宣言

コメント

Markdown 対応