Stila i componenti Blazor WASM con CSS e modelli di progettazione reattivi utilizzando MudBlazor Material Design. Utilizzare quando: creare nuovi componenti, applicare stili a componenti esistenti, implementare layout reattivi, aggiungere animazioni/transizioni o lavorare con la libreria dei componenti MudBlazor.
Installa rapidamente la skill AI frontend-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: stuartf303/sorcha.
Sorcha uses MudBlazor 8.15.0 for Material Design components with CSS Isolation as the primary styling approach. The design system follows Material Design 3 with custom extensions for blockchain/workflow visualization.
| CSS Isolation | Component-scoped styles | Component.razor.css | | MudBlazor Utility | Spacing, flex, alignment | Class="d-flex pa-4 mb-3" | | Color System | Semantic colors | Color.Primary, Color.Error | | Typography | Text hierarchy | Typo.h6, Typo.body2 | | Elevation | Shadow depth | Elevation="1" (0-24) |
Stila i componenti Blazor WASM con CSS e modelli di progettazione reattivi utilizzando MudBlazor Material Design. Utilizzare quando: creare nuovi componenti, applicare stili a componenti esistenti, implementare layout reattivi, aggiungere animazioni/transizioni o lavorare con la libreria dei componenti MudBlazor. Fonte: stuartf303/sorcha.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/stuartf303/sorcha --skill frontend-designStila i componenti Blazor WASM con CSS e modelli di progettazione reattivi utilizzando MudBlazor Material Design. Utilizzare quando: creare nuovi componenti, applicare stili a componenti esistenti, implementare layout reattivi, aggiungere animazioni/transizioni o lavorare con la libreria dei componenti MudBlazor. Fonte: stuartf303/sorcha.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/stuartf303/sorcha