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) |
Стилизует компоненты Blazor WASM с помощью CSS и шаблонов адаптивного дизайна с помощью MudBlazor Material Design. Используйте при: создании новых компонентов, стилизации существующих компонентов, реализации адаптивных макетов, добавлении анимации/переходов или работе с библиотекой компонентов MudBlazor. Источник: stuartf303/sorcha.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw