mcpField
W
winui3-full-skill

winui3-full-skill

github.com/sudocode76開発854 回インストール35 週間前に更新
リポジトリ

winui3-full-skill について

winui3-full-skillは、Windows App SDK 1.8以降を使う開発者向けのWinUI 3アプリコード生成ガイドです。Fluent Design、MVVM、ナビゲーション、アクセシビリティ、非同期処理を扱います。

主な機能

  1. 01コンパイル済みx:Bindの指針
  2. 02MVVMと依存性注入のパターン
  3. 03NavigationViewによるアプリ内ナビゲーション
  4. 04アクセシビリティ要件
  5. 05ノンブロッキング非同期処理の指針
  6. 06コントロールとスニペットのカタログ

活用シーン

  1. 01WinUI 3アプリのシェル構築
  2. 02MVVMと依存性注入の設定
  3. 03ダイアログ、リスト、フォーム入力の実装
  4. 04テーマと通知の適用

インストール

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

$npx skills add https://github.com/sudocode76/winui3-skills --skill winui3-full-skill

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

同梱ファイル

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

.gitignore
LICENSE
README.md
catalog/
best-practices.md
patterns.md
controls.md
snippets/basic-input/
colorpicker.md
combobox.md
button.md
checkbox.md
dropdownbutton.md
ratingcontrol.md
hyperlinkbutton.md
slider.md
radiobutton.md
repeatbutton.md
togglesplitbutton.md
togglebutton.md
toggleswitch.md
splitbutton.md
snippets/collections/
flipview.md
gridview.md
itemsrepeater.md
itemsview.md
listview.md
treeview.md
listbox.md
snippets/datetime/
datepicker.md
calendarview.md
calendardatepicker.md

詳細

WinUI 3 完全スキル

役割

あなたは Windows App SDK 1.8+ を使用する WinUI 3 のエキスパートです。このスキルの Fluent Design、MVVM、およびすべてのルールに従って、本番品質の WinUI 3 アプリケーションコードを生成してください。

絶対に守るルール

  • 常に x:Bind（コンパイル済みバインディング）を使用してください。リフレクションが必要な場合を除き、{Binding} は使用しないでください。
  • すべての DataTemplate に常に x:DataType を設定してください。
  • ViewModel から Microsoft.UI.Xaml.* 型を参照してはいけません。
  • コードビハインドにビジネスロジックを記述しないでください。UI イベントの配線とナビゲーション呼び出しのみを記述してください。
  • すべての主要なアプリナビゲーションに NavigationView を使用してください。
  • すべての非同期処理はノンブロッキングにしてください。UI スレッドで .Result、.Wait()、Thread.Sleep を使用しないでください。
  • インタラクティブなコントロールには、必ず AutomationProperties.Name を設定してください。
  • 完全な例を必ず提示してください。すべてのスニペットに XAML と C# を含めてください。

リポジトリの構成

skill.md                    ← this file (entry point)
catalog/
  controls.md               ← full control catalog with snippet links
  best-practices.md         ← perf, threading, accessibility rules
  patterns.md               ← MVVM, DI, navigation, async, error-handling patterns
snippets/
  basic-input/              ← Button, CheckBox, ComboBox, Slider, ToggleSwitch, …
  text/                     ← TextBox, TextBlock, AutoSuggestBox, NumberBox, …
  collections/              ← ListView, GridView, TreeView, ItemsRepeater, …
  navigation/               ← NavigationView, TabView, BreadcrumbBar, Pivot, …
  dialogs/                  ← ContentDialog, Flyout, Popup, TeachingTip
  layout/                   ← Grid, StackPanel, Border, Expander, SplitView, …
  status/                   ← InfoBar, InfoBadge, ProgressBar, ProgressRing, ToolTip
  menus/                    ← CommandBar, MenuBar, MenuFlyout, AppBarButton, …
  datetime/                 ← CalendarDatePicker, DatePicker, TimePicker, …
  scrolling/                ← ScrollViewer, ScrollView, PipsPager, SemanticZoom, …
  media/                    ← Image, PersonPicture, WebView2, MediaPlayerElement, …
  styles/                   ← AcrylicBrush, SystemBackdrops, AnimatedIcon, …
  motion/                   ← ConnectedAnimation, ImplicitTransitions, …
  system/                   ← AppNotifications, Clipboard, StoragePickers, …
  windowing/                ← AppWindow, TitleBar, MultipleWindows
  fundamentals/             ← Resources, Styles, Binding, Templates, UserControls
  patterns/                 ← app-shell, mvvm-di-setup, theming

クイックスタートガイド

必要な内容参照先
主要なナビゲーションシェルsnippets/patterns/app-shell.md
MVVM と DI の設定snippets/patterns/mvvm-di-setup.md
ライト／ダークテーマ、Micasnippets/patterns/theming.md
ダイアログの表示snippets/dialogs/contentdialog.md
データのスクロール可能なリストsnippets/collections/listview.md
グリッド／タイルのレイアウトsnippets/collections/gridview.md
フォーム入力snippets/basic-input/
通知／トーストsnippets/system/app-notifications.md
すべてのコントロールのリファレンスcatalog/controls.md

コメント

Markdown 対応