dotnet-ui について
dotnet-uiは、Blazor、MAUI、Uno Platform、WPF、WinUI 3、WinFormsを扱う.NET UI開発向けスキルです。フレームワーク選定から設計、プラットフォーム展開、アクセシビリティ、ローカライズ、テストまで、トピック別に案内します。
主な機能
- 016種類の.NET UIフレームワークを網羅
- 02フレームワーク選定の判断ツリー
- 03コンポーネントとXAMLの設計パターン
- 04アクセシビリティとローカライズの実践
- 05フレームワーク別のテストガイド
活用シーン
- 01.NET UIフレームワークの選定
- 02BlazorやMAUIの画面開発
- 03WPFやWinFormsアプリの現代化
- 04アクセシビリティとローカライズの追加
MCP 対応
Uno PlatformのMCPツール検出と、検索してから取得するワークフローのガイダンスを含みます。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ novotnyllc/ dotnet-artisan --skill dotnet-uiインストール後、Claude Code で/dotnet-uiを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
agents/openai.yamlreferences/accessibility.mdblazor-auth.mdblazor-components.mdblazor-patterns.mdblazor-testing.mdlocalization.mdmaui-aot.mdmaui-development.mdmaui-testing.mdplatform-bindings.mdui-chooser.mduno-mcp.mduno-platform.mduno-targets.mduno-testing.mdwinforms-basics.mdwinui-controls-styling.mdwinui.mdwpf-migration.mdwpf-modern.md詳細
dotnet-ui
概要
Blazor、MAUI、Uno Platform、WPF、WinUI 3、WinForms にまたがる .NET UI 開発を扱います。このスキルでは、フレームワークの選定、コンポーネントアーキテクチャ、XAML パターン、MVVM、プラットフォーム固有のデプロイ、アクセシビリティ、ローカライズについて説明します。各フレームワーク領域には、詳しいガイダンスを記載した専用の関連ファイルがあります。
ルーティングテーブル
| トピック | キーワード | 説明 | 関連ファイル |
|---|---|---|---|
| Blazor パターン | ホスティングモデル、レンダーモード、ルーティング、ストリーミング、プリレンダリング | ホスティングモデル、レンダーモード、ルーティング、ストリーミング、プリレンダリング、AOT セーフなパターン | references/blazor-patterns.md |
| Blazor コンポーネント | ライフサイクル、状態、JS 相互運用、EditForm、QuickGrid | ライフサイクルメソッド、状態管理、JS 相互運用、EditForm、QuickGrid | references/blazor-components.md |
| Blazor 認証 | AuthorizeView、Identity UI、OIDC フロー | ログイン/ログアウトのフロー、AuthorizeView、Identity UI、OIDC、ロールベースおよびポリシーベースの認証 | references/blazor-auth.md |
| Blazor テスト | bUnit、レンダリング、イベント、JS モック | bUnit によるコンポーネントのレンダリング、イベント、カスケードパラメーター、JS 相互運用のモック | references/blazor-testing.md |
| MAUI 開発 | プロジェクト構造、XAML、MVVM、プラットフォームサービス | プロジェクト構造、XAML/MVVM パターン、Shell ナビゲーション、プラットフォームサービス | references/maui-development.md |
| MAUI AOT | iOS/Catalyst、Native AOT、トリミング | iOS/Catalyst の Native AOT パイプライン、サイズ/起動時間の改善、ライブラリの互換性 | references/maui-aot.md |
| MAUI テスト | Appium、XHarness、プラットフォーム検証 | Appium 2.x によるデバイス自動化、XHarness、プラットフォーム検証 | references/maui-testing.md |
| Uno Platform | Extensions、MVUX、Toolkit、Hot Reload | Extensions エコシステム、MVUX パターン、Toolkit コントロール、Hot Reload | references/uno-platform.md |
| Uno ターゲット | WASM、iOS、Android、macOS、Windows、Linux | WASM、iOS、Android、macOS、Windows、Linux 各ターゲット向けのガイダンス | references/uno-targets.md |
| Uno MCP | ツール検出、検索後取得、初期化 | MCP ツールの検出、検索後取得のワークフロー、初期化ルール、フォールバック | references/uno-mcp.md |
| Uno テスト | Playwright WASM、プラットフォームパターン | WASM 向け Playwright、プラットフォーム固有のテストパターン、ランタイムヘッド | references/uno-testing.md |
| WPF のモダナイズ | Host builder、MVVM Toolkit、Fluent テーマ | Host builder、MVVM Toolkit、Fluent テーマ、パフォーマンス、最新の C# | references/wpf-modern.md |
| WPF の移行 | WPF/WinForms から .NET 8 以降へ、UWP から WinUI へ | WPF/WinForms から .NET 8 以降へ、UWP から WinUI へ、Upgrade Assistant | references/wpf-migration.md |
| WinUI | Windows App SDK、XAML、MSIX/パッケージ化なし | Windows App SDK、x:Bind、x:Load、MSIX/パッケージ化なし、UWP の移行 | references/winui.md |
| WinForms | 高 DPI、ダークモード、DI、モダナイズ | 高 DPI スケーリング、ダークモード、DI パターン、モダナイズ | references/winforms-basics.md |
| アクセシビリティ | SemanticProperties、ARIA、AutomationPeer | SemanticProperties、ARIA 属性、AutomationPeer、プラットフォーム別テスト | references/accessibility.md |
| ローカライズ | .resx、IStringLocalizer、複数形、RTL | .resx リソース、IStringLocalizer、ソースジェネレーター、複数形、RTL | references/localization.md |
| WinUI コントロール/スタイリング | CommandBar、GridView、アダプティブトリガー、Mica、システムブラシ、アイコン | WinUI コントロールの選定、アダプティブレイアウト、テーマ設定、マテリアル、タイポグラフィ | references/winui-controls-styling.md |
| UI 選定 | フレームワーク選定の決定木 | Blazor、MAUI、Uno、WinUI、WPF、WinForms を対象とする決定木 | references/ui-chooser.md |
| プラットフォームバインディング | Java.Interop、ObjCRuntime、Android AAR、iOS XCFramework、Slim Binding | Android および Apple プラットフォーム向けのカスタムネイティブ SDK バインディング | references/platform-bindings.md |
対象範囲
- Blazor(Server、WASM、Hybrid、Auto)のホスティングモデルとコンポーネント
- MAUI によるモバイル/デスクトップ開発と Native AOT
- Uno Platform によるクロスプラットフォーム開発と MCP 統合
- .NET 8+ での WPF と .NET Framework からの移行
- WinUI 3 / Windows App SDK
- WinForms のモダナイズ(高 DPI、ダークモード、DI)
- すべての UI フレームワークにおけるアクセシビリティ
- ローカライズ(.resx、IStringLocalizer、複数形、RTL)
- UI フレームワーク選定の判断ツリー
対象範囲外
- サーバー側の認証ミドルウェアと API セキュリティ設定 --
dotnet-apiを参照 - UI 以外のテスト戦略(単体、統合、E2E のアーキテクチャ) --
dotnet-testingを参照 - フレームワーク横断の UI テストパターン(ページオブジェクト、セレクター) --
dotnet-testingを参照 - Playwright によるブラウザー自動化(特定のフレームワークに依存しないもの) --
dotnet-testingを参照 - バックエンド API のパターンとアーキテクチャ --
dotnet-apiを参照 - Native AOT コンパイル(MAUI 以外) --
dotnet-toolingを参照 - コンソール UI(Terminal.Gui、Spectre.Console) --
dotnet-toolingを参照
コメント
Markdown 対応