← ClaudeAtlas

frontend-formslisted

Use when building forms that need validation and accessible errors: build forms with client side validation and accessible error messaging.
sarmakska/slipstream · ★ 1 · Web & Frontend · score 73
Install: claude install-skill sarmakska/slipstream
## Overview Build forms with client side validation and accessible error messaging. ## Steps 1. Install `react-hook-form` and `zod` with the `@hookform/resolvers` adapter. 2. Define a Zod schema per form and infer the field types from it. 3. Surface validation errors next to each field with an `aria-describedby` link. ## Verify Typecheck, then submit a form with invalid input and confirm the error text appears and submission is blocked.