form-creator
Create forms, validation schemas, and CRUD API endpoints. Use when building new data entry features or managing existing forms.
安装与使用
请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求,再添加到工作流。
查看来源 ↗使用指南技能说明
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.
使用示例
查看来源仓库中的使用示例与配置说明。
查看来源 ↗来源历史
- 收录时间
- 2026-01-20
- 索引更新时间
- 2026-01-28
- Branch
- main
收录与同步日期属于本站记录。源码修改历史请查看来源仓库。
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!