React Hook Form Zod skill

Os formulários do seu app validam dos dois lados, mostram o erro no campo certo e não travam nem quando têm muitos campos.

por jezweb

instalações: 1.200
estrelas no GitHub: 1.076
No skills.sh desde: janeiro de 2026
Licença: MIT

Atualizada no GitHub em 9 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

jezweb
react-hook-form-zod
Os formulários do seu app validam dos dois lados, mostram o erro no campo certo e não travam nem quando têm muitos campos.Auditada1.200 instalações, grátis

O que ela faz

A skill ensina o Claude a montar formulários em React com React Hook Form e Zod: um único schema define a regra de cada campo (e-mail válido, senha com 8 caracteres) e serve tanto pro formulário no navegador quanto pra validar de novo no servidor, passo que ela trata como obrigatório porque a checagem do navegador dá pra burlar.

Cobre os casos que dão trabalho: confirmar senha, campo que aparece conforme a escolha (pessoa física ou empresa), lista que cresce (adicionar outro contato), formulário em várias etapas, validação que consulta o servidor e erro devolvido pelo servidor caindo no campo certo. Também mostra como ligar com os componentes do shadcn/ui.

Traz 20 problemas conhecidos já com a saída, como o aviso de campo não controlado, o bug do Zod v4 com campo opcional vazio e o formulário de 300 campos que congela por vários segundos. E avisa o que muda na versão 8 do React Hook Form, ainda em beta.

Nas palavras de quem fez

Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with full TypeScript inference via z.infer. Use…

jezweb, no SKILL.md

Quando usar

Criar um formulário de cadastro ou de checkout com validação
Montar um formulário em várias etapas
Corrigir aviso de campo não controlado ou erro do resolver
Fazer o erro que vem do servidor aparecer no campo certo
Destravar um formulário grande que ficou lento

Depois de instalar, é só pedir assim

Cria o formulário de cadastro do meu curso com nome, e-mail e WhatsApp, validando no navegador e no servidor
Transforma esse formulário de matrícula num passo a passo de três etapas
Meu formulário dá aviso de campo não controlado, corrige

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

Gen Agent Trust HubPassou
SocketPassou
SnykPassou

Perguntas

Como instalar a React Hook Form Zod no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a React Hook Form Zod, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a react-hook-form-zod precisa pra funcionar?

De um projeto em React com os pacotes react-hook-form, zod e @hookform/resolvers, que o próprio Claude instala com npm. Não pede chave de API nem serviço pago, e roda igual no Codex e no Antigravity, porque é só orientação e exemplos em TypeScript.

Ainda dá pra instalar?

O autor tirou a skill do repositório jezweb/claude-skills em fevereiro de 2026, quando enxugou a coleção pra 9 skills de fluxo de trabalho. O comando de instalação pode falhar; o texto dela continua no histórico do repositório no GitHub.

Serve pra formulário fora do React?

Não. Ela é feita pro React, inclusive Next.js e Remix, com React Hook Form v7 e Zod v4. Formulário em outro framework ou em ferramenta sem código, como Google Forms, fica de fora.

Levar essa skill

1x react-hook-form-zodR$ 0,00

TotalR$ 0,00

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/jezweb/claude-skills

Aprenda a usar

Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.