Към всички skills
form-creator
Create forms, validation schemas, and CRUD API endpoints. Use when building new data entry features or managing existing forms.
Оригинален текст · няма потвърден превод на българскиПърво прочетете инструкцията.
Файлът се зарежда от посочения източник само по ваше действие. Можете да го прочетете тук, да го копирате или да го запазите като .md.
GitHub хранилище- Звезди на репото
- 428
- Лиценз
- Не е посочен. Проверете в репозитория.
- Последна проверка на записа
- Няма посочена дата
Добавете в своя инструмент.
Командата отваря избора на skills от репозитория. Прочетете файла и условията на автора преди изпълнение.
npx skills add aiskillstore/marketplaceСтраницата копира текст. Не инсталира и не изпълнява нищо на устройството ви.
Откъс от SKILL.md
Началото на файла на автора, без превод.
Form Creator
Instructions
1. Validation Schema
- File:
src/lib/validations/{feature}.schema.ts - Action: Define Zod schema and export inferred type.
export const featureSchema = z.object({ ... }); export type FeatureFormValues = z.infer<typeof featureSchema>;
2. Form Component
- File:
src/components/forms/{feature}-form.tsx - Directives:
"use client";required. - Setup: Use
useFormwithzodResolver. - Props: Accept
initialDataandonSubmit. - UI: Use Shadcn components (
Form,FormField,Input).
3. API Routes
- File:
src/app/api/{feature}/route.ts - Security: Wrap with
withAuthRequiredorwithSuperAdminAuthRequired. - Logic:
GET: Handle pagination/search.POST: Validate body against schema -> Insert to DB.PATCH: Validate partial body -> Update DB.
Reference
For code patterns, best practices, and examples, see reference.md.