mudblazor

MudBlazor provides Material Design components for Blazor. VanDaemon uses MudBlazor 6.x for touch-optimized interfaces designed for mobile devices in camper van environments. Key patterns include real-time data binding with SignalR, responsive layouts, and dark/light theme support.

| MudSwitch | Toggle controls (lights, pump) | Size.Large for touch | | MudSlider | Dimmer controls (0-255) | Size.Large for touch | | MudProgressLinear | Tank level display | N/A | | MudCard | Content containers | N/A | | MudGrid/MudItem | Responsive layout | xs, sm, md breakpoints | | MudDialog | Confirmations, settings | N/A |

Blazor WebAssembly 用のマテリアル デザイン UI コンポーネントとタッチ最適化インターフェイスを作成します。 以下の場合に使用します: VanDaemon のフロントエンドでダッシュボード ページ、フォーム、データ テーブル、ダイアログ、または任意の UI コンポーネントを構築する場合。 ソース: stuartf303/vandaemon。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/stuartf303/vandaemon --skill mudblazor インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります