AIKraft/AI/Войти
AIKraft/Skills/Сбор пользовательского ввода

Сбор пользовательского ввода

Build forms, validate data, and react to user input in Blazor. USE FOR adding forms, search boxes, filter panels, inline editing, data-entry UI, file uploads, validation (annotations or custom), handling form submissions, and binding input controls. Covers EditForm, built-in input components, DataAnnotationsValidator, custom validation, SSR form patterns (SupplyParameterFromForm, FormName, Antifor

dotnet official Дизайн

Что делает навык

Навык обеспечивает сбор пользовательского ввода в Blazor, управляя формами, валидацией и привязкой данных в зависимости от режима интерактивности. Он охватывает настройку EditForm, использование аннотаций данных, кастомную валидацию и обработку отправки форм.

Когда применять

  • Создание форм с полями поиска и панелями фильтров для статической SSR или интерактивных страниц.
  • Реализация встроенного редактирования данных с использованием @bind-Value и динамической валидации.
  • Обработка загрузки файлов и привязка элементов ввода к моделям данных.
  • Валидация данных с помощью DataAnnotationsValidator или кастомных логики.
  • Настройка форм для работы в режимах Server, WebAssembly или Auto с учетом Scope.

Как работает

  1. Прочитайте AGENTS.md проекта, чтобы определить Interactivity Mode (None, Server, WebAssembly, Auto) и Interactivity Scope (Global, Per-page).
  2. Выберите механизм формы: для режима None используйте EditForm с FormName и [SupplyParameterFromForm] без @bind; для Server/WebAssembly/Auto применяйте EditForm с @bind-Value.
  3. Настройте компоненты ввода и привязку данных, учитывая, что в WebAssembly/Auto валидаторы, требующие данных сервера, должны вызывать API.
  4. Добавьте валидацию через DataAnnotationsValidator или кастомные проверки, обеспечивая корректную работу в выбранном режиме.
  5. Обработайте отправку формы и реакцию на ввод пользователя, соблюдая ограничения режима (например, отсутствие @onchange в статической SSR).

Примеры запросов агенту

Как настроить EditForm для статической SSR с использованием FormName и [SupplyParameterFromForm]?
Пример реализации валидации формы в Blazor Server с использованием @bind-Value и DataAnnotationsValidator.
Как обработать загрузку файла и привязку данных в режиме WebAssembly?

Что понадобится

  • Доступ к AGENTS.md проекта для определения Interactivity Mode и Scope.
  • Среда выполнения Blazor (Server, WebAssembly или Auto).
  • Библиотека DataAnnotations для валидации через аннотации.

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «collect-user-input» из репозитория: # https://github.com/dotnet/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r collect-user-input/ ~/.claude/skills/collect-user-input/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.