Agent skill

managing-complex-forms

Best practices for handling long forms using React Hook Form and Zod. Use for booking, profile updates, or tour creation.

View SKILL.md on GitHub Repository
Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/managing-complex-forms

SKILL.md

Complex Form Management

When to use this skill

  • Multi-step booking forms.
  • User profile editing.
  • Admin tour creation dashboard.

Tools

  • React Hook Form: For state and performance.
  • Zod: For schema validation.
  • Shadcn Form: For UI integration.

Workflow

  • Define Zod schema.
  • Initialize useForm with resolver.
  • Wrap components in <Form>.
  • Handle submission with Loading state.

Instructions

  • Inline Validation: Show errors immediately on blur or change.
  • UX: Use stepper for very long forms.

Didn't find tool you were looking for?

Be as detailed as possible for better results