Claude-skill-registry-data managing-complex-forms

Name: managing-complex-forms
Author: majiayu000

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

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry-data

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry-data "$T" && mkdir -p ~/.claude/skills && cp -r "$T/data/managing-complex-forms" ~/.claude/skills/majiayu000-claude-skill-registry-data-managing-complex-forms && rm -rf "$T"

manifest: data/managing-complex-forms/SKILL.md

source content

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.