·frontend-design
</>

frontend-design

Стилизует компоненты Blazor WASM с помощью CSS и шаблонов адаптивного дизайна с помощью MudBlazor Material Design. Используйте при: создании новых компонентов, стилизации существующих компонентов, реализации адаптивных макетов, добавлении анимации/переходов или работе с библиотекой компонентов MudBlazor.

25Установки·0Тренд·@stuartf303

Установка

$npx skills add https://github.com/stuartf303/sorcha --skill frontend-design

Как установить frontend-design

Быстро установите AI-навык frontend-design в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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) |

Стилизует компоненты 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

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/stuartf303/sorcha --skill frontend-design
Источник
stuartf303/sorcha
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from stuartf303/sorcha

Короткие ответы

Что такое frontend-design?

Стилизует компоненты Blazor WASM с помощью CSS и шаблонов адаптивного дизайна с помощью MudBlazor Material Design. Используйте при: создании новых компонентов, стилизации существующих компонентов, реализации адаптивных макетов, добавлении анимации/переходов или работе с библиотекой компонентов MudBlazor. Источник: stuartf303/sorcha.

Как установить frontend-design?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/stuartf303/sorcha --skill frontend-design После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/stuartf303/sorcha

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01