frontend-design
✓Stilt Blazor WASM-Komponenten mit CSS und responsiven Designmustern mithilfe von MudBlazor Material Design. Verwendung bei: Erstellen neuer Komponenten, Gestalten vorhandener Komponenten, Implementieren responsiver Layouts, Hinzufügen von Animationen/Übergängen oder Arbeiten mit der MudBlazor-Komponentenbibliothek.
Installation
SKILL.md
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) |
Stilt Blazor WASM-Komponenten mit CSS und responsiven Designmustern mithilfe von MudBlazor Material Design. Verwendung bei: Erstellen neuer Komponenten, Gestalten vorhandener Komponenten, Implementieren responsiver Layouts, Hinzufügen von Animationen/Übergängen oder Arbeiten mit der MudBlazor-Komponentenbibliothek. Quelle: stuartf303/sorcha.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/stuartf303/sorcha --skill frontend-design- Quelle
- stuartf303/sorcha
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist frontend-design?
Stilt Blazor WASM-Komponenten mit CSS und responsiven Designmustern mithilfe von MudBlazor Material Design. Verwendung bei: Erstellen neuer Komponenten, Gestalten vorhandener Komponenten, Implementieren responsiver Layouts, Hinzufügen von Animationen/Übergängen oder Arbeiten mit der MudBlazor-Komponentenbibliothek. Quelle: stuartf303/sorcha.
Wie installiere ich frontend-design?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/stuartf303/sorcha
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01