form-creator | Skill Performance & Reviews | TopRankSkills

TopRank Skills

Home / Skills / tools / form-creator

form-creator

maintained by aiskillstore

star 124 account_tree 6 verified_user MIT License
bolt View GitHub

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 useForm with zodResolver.
  • Props: Accept initialData and onSubmit.
  • UI: Use Shadcn components (Form, FormField, Input).

3. API Routes

  • File: src/app/api/{feature}/route.ts
  • Security: Wrap with withAuthRequired or withSuperAdminAuthRequired.
  • 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)

chat_bubble_outline

No comments yet. Be the first to share your thoughts!

Skill Details

GitHub Stars 124
GitHub Forks 6
Created Jan 2026
Last Updated 5 months ago
tools tools productivity tools

Related Skills

ui-ux-pro-max
chevron_right
planning-with-files
chevron_right
agent-browser
chevron_right
building-agents
chevron_right
prisma-expert
chevron_right

Build your own?

Join 12,000+ developers contributing to the Claude ecosystem.