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.
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
useFormwith 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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?