name: form-creator description: Create forms, validation schemas, and CRUD API endpoints. Use when building new data entry features or managing existing forms.
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.
chat Comments (0)
Sign in to join the discussion and leave a comment.
Skill Details
GitHub Stars
124
GitHub Forks
6
Created
Jan 2026
Last Updated
5 months ago
tools
tools productivity tools
Related Skills
Build your own?
Join 12,000+ developers contributing to the Claude ecosystem.
No comments yet. Be the first to share your thoughts!