form-creator
Create forms, validation schemas, and CRUD API endpoints. Use when building new data entry features or managing existing forms.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
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.
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-28
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!