frontend-design

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) |

Estiliza los componentes Blazor WASM con CSS y patrones de diseño responsivos usando MudBlazor Material Design. Úselo cuando: crear nuevos componentes, diseñar componentes existentes, implementar diseños responsivos, agregar animaciones/transiciones o trabajar con la biblioteca de componentes MudBlazor. Fuente: stuartf303/sorcha.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

Ver original