form-creator
Создание форм с валидацией и CRUD API
Создание форм и API требует последовательных паттернов для валидации, типобезопасности и обработки ошибок. Этот навык предоставляет готовые к использованию шаблоны для Zod-схем, React-компонентов форм и RESTful API-маршрутов, чтобы вы могли разрабатывать быстрее.
Скачать ZIP навыка
Загрузить в Claude
Перейдите в Settings → Capabilities → Skills → Upload skill
Включите и начните использовать
Протестировать
Использование «form-creator». Create a subscription form with email, plan type, and billing cycle fields
Ожидаемый результат:
- Схема формы создана с Zod-валидацией
- React-компонент с интеграцией react-hook-form
- Состояние загрузки и toast-уведомления
- API endpoint с аутентификацией
- TypeScript-типы выведены из схемы
Использование «form-creator». Create a user profile form with name, bio, and avatar upload
Ожидаемый результат:
- Zod-схема с валидацией строк
- React-форма с Shadcn UI FormField компонентами
- Обработчик отправки с состоянием загрузки
- Граница ошибок и сообщения валидации
Использование «form-creator». Build a task management API with create, read, update, delete endpoints
Ожидаемый результат:
- GET endpoint с пагинацией и фильтрами поиска
- POST endpoint с валидацией схемы
- PATCH endpoint для частичных обновлений
- DELETE endpoint с обработкой ошибок
- Применен middleware аутентификации
Аудит безопасности
БезопасноPure prompt-based skill containing only markdown documentation. No executable code, no file system access, no network calls, no command execution. Provides architectural guidance for form creation patterns. All 45 static findings are false positives - scanner misinterpreted TypeScript code examples as shell commands and authentication middleware references as cryptographic algorithms.
Факторы риска
⚙️ Внешние команды (32)
🌐 Доступ к сети (1)
📁 Доступ к файловой системе (1)
Оценка качества
Что вы можете построить
Создание типобезопасных форм
Создавайте валидированные формы с Zod-схемами и react-hook-form за минуты вместо часов
Поставка полных API endpoints
Генерируйте CRUD API-маршруты с аутентификацией, валидацией и последовательными ответами об ошибках
Обеспечение стандартов кодирования
Предоставляйте стандартизированные паттерны для форм и API во всей вашей кодовой базе
Попробуйте эти промпты
Create a contact form with name, email, and message fields using form-creator. Include validation for required fields and email format.
Create a registration form with password strength validation, confirm password matching, and custom Zod validators using form-creator.
Create a plans API with GET list, POST create, and PATCH update endpoints using form-creator. Include authentication middleware.
Create a reusable form component that handles both create and edit modes with initialData using form-creator patterns.
Лучшие практики
- Всегда используйте выведенные Zod-типы вместо any для полной типобезопасности
- Переиспользуйте один и тот же компонент формы для операций создания и редактирования
- Оборачивайте API-маршруты в try/catch с последовательными ответами об ошибках
Избегать
- Избегайте использования типа any вместо выведенных Zod-типов
- Не создавайте отдельные компоненты для форм создания и редактирования
- Не пропускайте состояния загрузки или обработку ошибок
Часто задаваемые вопросы
Какие фреймворки поддерживает этот навык?
Насколько сложной может быть валидация?
Могу ли я интегрироваться с существующими API?
Безопасны ли мои данные с этим навыком?
Что делать, если форма не работает?
Чем это отличается от ручного кодирования?
Сведения для разработчиков
Структура файлов
📄 SKILL.md