frontend-design
✓Stylise les composants Blazor WASM avec CSS et des modèles de conception réactifs à l'aide de MudBlazor Material Design. À utiliser lors de : la création de nouveaux composants, le style de composants existants, la mise en œuvre de mises en page réactives, l'ajout d'animations/transitions ou l'utilisation de la bibliothèque de composants MudBlazor.
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) |
Stylise les composants Blazor WASM avec CSS et des modèles de conception réactifs à l'aide de MudBlazor Material Design. À utiliser lors de : la création de nouveaux composants, le style de composants existants, la mise en œuvre de mises en page réactives, l'ajout d'animations/transitions ou l'utilisation de la bibliothèque de composants MudBlazor. Source : stuartf303/sorcha.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/stuartf303/sorcha --skill frontend-design- Source
- stuartf303/sorcha
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que frontend-design ?
Stylise les composants Blazor WASM avec CSS et des modèles de conception réactifs à l'aide de MudBlazor Material Design. À utiliser lors de : la création de nouveaux composants, le style de composants existants, la mise en œuvre de mises en page réactives, l'ajout d'animations/transitions ou l'utilisation de la bibliothèque de composants MudBlazor. Source : stuartf303/sorcha.
Comment installer frontend-design ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/stuartf303/sorcha --skill frontend-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/stuartf303/sorcha
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01