OpenSkillIndex← back to search
claude-codedevelopment

Claude-skill-registry form-builder

Build accessible forms with React Hook Form + Zod

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/form-builder" ~/.claude/skills/majiayu000-claude-skill-registry-form-builder-6df0eb && rm -rf "$T"
manifest: skills/data/form-builder/SKILL.md
tags
#form-building#react-hook-form#zod-validation#typescript#accessibility
source content

Form Builder

Build accessible, type-safe forms in React.

When to Use

Activate when user asks to:

  • Create any form (contact, signup, login, checkout, etc.)
  • Add form validation
  • Handle form submission

Stack

  • React Hook Form — form state, minimal re-renders
  • Zod — schema validation
  • @hookform/resolvers — connects them

Examples

Install

npm install react-hook-form @hookform/resolvers zod