blazor-expert — скилл для Claude Code: что делает и как установить
Инструкции для Claude Code по созданию приложений на Blazor Server, WebAssembly и Hybrid. Помогает настраивать рендеринг, валидацию форм и авторизацию на C#.
npx skills add markpitt/claude-skills --skill blazor-expert -a claude-codeЧто делает blazor-expert
Скилл содержит структурированную базу знаний по разработке пользовательских интерфейсов на C# через фреймворк Blazor. Внутри заложены готовые сценарии работы с тремя моделями развёртывания: Server на базе SignalR, клиентским WebAssembly и гибридным Blazor Hybrid для MAUI или WPF.
Ассистент опирается на шесть тематических разделов с шаблонами кода. Они разбирают жизненный цикл компонентов, привязку данных через EventCallback, настройку маршрутизации и валидацию EditForm. Отдельные модули посвящены вызовам JavaScript через interop, виртуализации списков и проверке прав через AuthorizeView.
Blazor Server требует постоянного подключения по SignalR и сильно нагружает память сервера, поэтому скилл сразу ориентирует на подбор правильной архитектуры под проект.
Какие задачи решает
- настроить валидацию ввода через
EditFormи DataAnnotations - разграничить права доступа пользователей с помощью
AuthorizeView - устранить лишние перерисовки с помощью
ShouldRenderи директивы@key - связать родительские и дочерние компоненты через
EventCallback
Примеры запросов агенту
- Настрой форму входа через
EditFormс проверкой DataAnnotations и выводом ошибок. - Оптимизируй отображение длинного списка записей с помощью виртуализации.
- Покажи, как закрыть страницу атрибутом
[Authorize]и проверить роли пользователя.
Как установить blazor-expert
1Через Skills CLI (Vercel)
npx skills add markpitt/claude-skills --skill blazor-expert -a claude-code2Вручную: положить файлы
~/.claude/skills/blazor-expert/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/blazor-expert/
1Через Skills CLI (Vercel)
npx skills add markpitt/claude-skills --skill blazor-expert -a codex2Вручную: положить файлы
.agents/skills/blazor-expert/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add markpitt/claude-skills --skill blazor-expert -a cursor2Вручную: положить файлы
.cursor/skills/blazor-expert/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install markpitt/claude-skills blazor-expert2Вручную: положить файлы
.github/skills/blazor-expert/SKILL.md1Через Skills CLI (Vercel)
npx skills add markpitt/claude-skills --skill blazor-expert -a gemini-cli2Командой платформы
gemini skills install https://github.com/markpitt/claude-skills --path skills/blazor-expertВручную: положить файлы
.devin/skills/blazor-expert/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add markpitt/claude-skills --skill blazor-expert -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о blazor-expert
Как установить blazor-expert в Claude Code?
Запустите команду npx skills add markpitt/claude-skills --skill blazor-expert -a claude-code. Агент скопирует файлы навыка в каталог ~/.claude/skills/blazor-expert/SKILL.md.
Что делает blazor-expert?
Скилл даёт ассистенту практические шаблоны и рекомендации по C# для Blazor Server, WebAssembly и Hybrid. Он направляет агента при настройке маршрутизации, биндинга, авторизации и оптимизации производительности.
Какие модели хостинга Blazor поддерживает скилл?
Справочник включает сценарии для Blazor Server через SignalR, клиентского Blazor WebAssembly и гибридных приложений Blazor Hybrid на MAUI, WPF или WinForms.
